Tag: Responsive Design

All the articles with the tag "Responsive Design".

• Viewport units: vw, vh, vmin, vmax

  Updated:Dec 30, 2014 |  at 12:02 AM

  New CSS viewport units allow setting vertical height much simpler than using percentages

• JavaScript GitHub repository: aFarkas/lazysizes

  Updated:Oct 27, 2014 |  at 06:13 PM

  Finally, a fantastic alternative to the as yet unsupported <picture> element.

• A Complete Guide to Flexbox | CSS-Tricks

  Updated:Sep 15, 2014 |  at 03:45 PM

  After reading several articles and tutorials, I finally started to understand CSS flexbox as explained in this awesome CSS Tricks article

• HTML5 mockups of popular devices, to showcase your portfolio and spice up your website

  Updated:Aug 15, 2014 |  at 02:05 PM

  You know those fancy device photos designers use in mockups? Well now you can use them in HTML.

• Enquire.js - Media Query Callbacks in JavaScript | CSS-Tricks

  Updated:Aug 7, 2014 |  at 03:41 PM

  CSS Media Queries are great, but sometimes you need JavaScript events to fire when media queries change

• Responsive Web Made Easier with Chrome DevTools Device Mode

  Updated:Aug 5, 2014 |  at 04:03 PM

  Use the Chrome Dev tools for simulating mobile devices and visual representations of media queries used for the page

• Responsive Images: Use Cases and Documented Code Snippets to Get You Started

  Updated:Jul 28, 2014 |  at 03:29 PM

  The new <picture> element is a great solution for many responsive image needs; here is a great reference for usage.

• Joe Harrison - Responsive Logos

  Updated:Jul 28, 2014 |  at 05:00 AM

  Consider this: use multiple versions of your logo for different screen sizes. Responsive Design for Logos.