Skip to main content

Tag: advanced-css-tutorials

20 Tips for Optimizing CSS Performance
20 Tips for Optimizing CSS Performance
Web

By Craig Buckler,

Craig Buckler discusses 20 ways to optimize your CSS so that it’s faster-loading, easier to work with and more efficient, covering analysis tools, CDNs, HTTP/2, CSS3, animations and transitions, fonts, concatenation and minifying, build tools, flexbox, grid, SVG, critical CSS, and more.

The Benefits of Using CSS Grid for Web Form Layout
The Benefits of Using CSS Grid for Web Form Layout

Craig Buckler discusses form layout in the age of CSS Grid, discussing the difficulties of laying out forms with floats and flexbox, and demonstrating the benefits of grid in terms of form layout, the possibilities it offers, and how and why to take a progressive enhancement approach to form layout.

Easy and Responsive Modern CSS Grid Layout
Easy and Responsive Modern CSS Grid Layout

Ahmed Bouchefra shows how to create a responsive modern CSS Grid layout, demonstrating how to use fallback code for old browsers, how to add CSS Grid progressively, and how to restructure the layout in small devices and center elements using the alignment properties.