Sara Soueidan goes over some useful examples of use cases for CSS Regions, highlights some of the challenges that we may face when using CSS Regions, and talks about possible solutions to common CSS Regions problems.
Umar Hansa explains how to effectively use LESS with Chrome’s DevTools. He explains how to generate Source Maps, how to debug code, and how to use Workspaces and Grunt with LESS.
From our sponsor
Deploy an 512MB RAM and 20GB SSD cloud server in 55 seconds for $5/month. Simple, fast, scalable SSD cloud virtual servers.
Articles & Tutorials
Zach Leatherman explains in detail how to best implement icon fonts in a universally accessible way.
Chris Coyier shares his thought process of debugging a supposedly simple front-end issue. The story nicely shows the challenges and struggles front-end developers face every day.
Brian Rinaldi demonstrates that CSS Regions can easily be used in responsive layouts.
Bobby Grace shares his experience of reducing perceived rendering time for Trello boards. His advice is to look for excessive paints and layouts and to use Chrome DevTool’s Timeline to find trouble areas.
An interesting look into the practice of placing CSS within the head of a HTML page vs external CSS file and how it affects page performance.
Booking.com -#1 accommodation website- is looking for the world’s smartest designers.
You’re excited about the endless potential of the web and a writer of excellent HTML & CSS? Make meaningful and measurable improvements impacting millions of people. Learn more about us: http://goo.gl/qpOCYU
extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet.
SVGMagic is a simple jQuery plugin that searches for SVG images (including background-images) on your website and creates PNG fallbacks if the browser doesn’t support SVG.
Afra Noubarzadeh created a really beautiful artwork by using only circles in CSS and HTML. The artwork is 132 kB big and 1094 rows long. Quite impressive.
Until next week