In this talk Ana Tudor deconstructs some mathematical visualizations created using nothing but HTML and CSS and explains the mathematical reasoning behind, reveals a few lesser known things about certain CSS properties and shows how using a preprocessor can help with keeping these demos extremely customizable while actually writing very little code.
From our sponsor
The best web hosting service is the one that works for you – from the simplest WordPress blog or portfolio site to small business websites, e-commerce, and beyond. Media Temple provides reliable web hosting and 24/7 live support.
Articles & Tutorials
Shadow DOM provides a very elegant way to encapsulate HTML and CSS, and Agraj Mangal provides a very nice introduction to it in this fine article.
Alexander Goedde shows an automated solution which covers problems with cross-browser display of SVGs and how to solve them, SVG size reduction through optimization and compression and generating PNG images for fallback solutions.
Will Boyd shows a quick-tip that will enable you to animate gradient colors in CSS.
A really nice quick-tip on ampersand selectors in Sass by Guil Hernandez.
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
Bulletproof email buttons is a tool that lets you design gorgeous buttons using progressively enhanced VML and CSS, and also create rock-solid background images for emails.
Type-o-matic is a browser (Firebug for Firefox, currently) extension that counts all the fonts on a page and orders them by color and size before happily outputting some information about it which can help you analyze and optimize your site’s typography.
Until next week