Responsive Images: If you’re just changing resolutions, use srcset

If you’re implementing responsive images (different images in HTML for different situations) and all you are doing is switching between different versions of the same image (the vast majority of usage), all you need is the srcset attribute on the img tag…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Making SVGs Responsive with CSS

SVGs are pretty great when it comes to creating responsive resolution-independent logos (and other graphics, for the matter). Of course, using media queries to adapt the SVG to different media conditions goes beyond customizing logos. You can animate shapes into other shapes (you might need JavaScript to help with this in some cases), customize colors, change fonts, show and hide items, and much more…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

The CSS will-change Property

The will-change CSS property lets you notify the browser about future changes that you may do to an element. The browser can use that information to load optimizations before they’re needed. So elements can be changed and rendered faster, resulting in a smoother UI experience…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)