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)

Critical Path CSS Generator

The critical path is the path to render a web page – what’s needed before that can happen. CSS Stylesheets block rendering. Until the browser has requested, received, downloaded and parsed your stylesheets, the page will remain blank. By reducing the amount of CSS the browser has to go through, and by inlining it on the page (removing the HTTP request), we can get the page to render much, much faster. This tool extracts only the CSS needed for the above-the-fold content for the page you specify…

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)