Responsive Web Design: 5 Handy Tips

Tips on hiding and collapsing content, scaling images, and type resizing

Learn how to improve your responsive website layouts with 5 useful techniques: Hiding content, collapsing content, scaling images, responsive images, and type resizing. In this article, you learn five additional techniques that will help you build great responsive layouts. You'll put each technique into practice as you build on the responsive layout created in the previous article.

 

Here's what you'll learn in this article:

  • How to hide non-essential content on smaller screens
  • Creating collapsible blocks of content to make the best use of mobile displays
  • Scaling images in proportion to the available screen width
  • How to create responsive images that are optimised for different screen sizes and network speeds, and
  • Resizing type according to browser width.

Daniela Vaseva

Daniela VasevaDaniela is writing tutorials, news, newsletters, and update emails for the DMXzone specialising in the sphere of electronic processing, analysis and publication of texts, and interested in the development of new Internet technologies and problems related to the cyberculture and net literature. She has a bachelor's degree in Bulgarian philology, and a master's degree in computational linguistics.

See All Postings From Daniela Vaseva >>

Comments

Be the first to write a comment

You must me logged in to write a comment.