🔰 Stop lazy-loading all images for faster page-load
Optimize image loading by reserving lazy loading for non-critical assets, ensuring faster rendering for hero and essential images.
❤4
📂 Full description
CSS makes it easy to create compelling online experiences, but style sheets also work for pages off the screen. The need for print persists and site developers should know how to create not just workable but appealing print results. Learn why print style sheets are important and how they can help improve the user experience for your website, in this course with veteran web designer and teacher Jen Kramer. Jen explains how to create and link CSS via an external print style sheet or a print-based media query. She then shows how to use standard best practices to optimize page layouts for print vs. screen, including hiding and showing content exclusive to each media type. Plus, learn how to take your print page formatting to the next level using the CSS paged media and fragmentations specifications, which allow you to set page breaks, adjust margins, and control the formatting and layout of text.
CSS makes it easy to create compelling online experiences, but style sheets also work for pages off the screen. The need for print persists and site developers should know how to create not just workable but appealing print results. Learn why print style sheets are important and how they can help improve the user experience for your website, in this course with veteran web designer and teacher Jen Kramer. Jen explains how to create and link CSS via an external print style sheet or a print-based media query. She then shows how to use standard best practices to optimize page layouts for print vs. screen, including hiding and showing content exclusive to each media type. Plus, learn how to take your print page formatting to the next level using the CSS paged media and fragmentations specifications, which allow you to set page breaks, adjust margins, and control the formatting and layout of text.
🔰 Image Sprite in CSS
If you weren’t using them, you were either wasting bandwidth or making way too many HTTP requests. But like many ‘best practices’ in web development, image sprites have started fading into the background... replaced by more modern solutions.
Yet, they still hold their place. And if you’ve ever optimized a website for speed, especially one with lots of small icons or buttons, you know that CSS sprites can still be a powerful technique.
There was a time when every serious front-end developer had to master CSS image sprites.
If you weren’t using them, you were either wasting bandwidth or making way too many HTTP requests. But like many ‘best practices’ in web development, image sprites have started fading into the background... replaced by more modern solutions.
Yet, they still hold their place. And if you’ve ever optimized a website for speed, especially one with lots of small icons or buttons, you know that CSS sprites can still be a powerful technique.