Rebecca Murphey’s talk from dotJS 2015 explores all the various gotchas surrounding HTTP/2. For instance, how will servers support it? How does our front-end process change to benefit the most from this new protocol? How will developers know that everything …
Brad Frost has made a very interesting visualization tool that helps teams think about performance budgets. It shows all the assets (HTML, CSS, JS, images, fonts, etc) as part of one proportional bar chart. It’s a great way to look …
Nadav Soferman has written a great post about the common mistakes that can be made when developers attempt to make images responsive:
…Whichever responsive design solution or framework you choose, you still need to generate and deliver multiple versions of
Alex Russell on the current problem with testing experimental web features:
…Prefixes “look” ugly and the thought was that ugliness — combined with an aversion to proprietary gunk by web developers — would cause sites to cease using them once
The “floating label” is a common design pattern where the label of a form is displayed on top of an input until someone taps it. It’ll then transition out of the way to reveal the placeholder text beneath, but the …
A project by the U.S. General Services Administration that outlines how Federal agencies should implement basic web security, going into great detail as to why government websites should always use HTTPS over HTTP:
…HTTP has become central to today’s way
An in-depth series of posts by Andreas Larsen that walks us through the process of how to (hand) optimize SVGs. He suggests optimizations that it’s unlikely software could do for you. Things like changing the viewBox size to accommodate simple, …
There are lots of exciting new features rolling out in Safari 9.1 such as support for the picture element, enhancements to the web inspector, CSS variables and gesture events for iOS. Although, what I’m most excited for is the OpenType …
Swiss in CSS is a delightful project by Jon Yablonski that recreates posters made in the International Typographic Style, a visual design movement that began in the 1940s.
Open the examples in CodePen to take a look at how each …
Strong year for 24 Ways! The whole archives is worth browsing through and bookmarking the articles that most interest you. Here’s some of our favorites:
