Dan Wilson has an intro article followed by a 5-part series all about the Web Animations API. If you were unaware, .animate() is a native thing now. I think there is a ton of interesting things about the Web Animations …
Have you ever had a day at work where you were constantly put towards a new task as you were ramping up on the current one? It feels jarring at best, and completely frustrating and time-wasting at worst. In recent …
Our brand new Office Hours has been going great! We’ve gotten to meet some of you and help you out of some problems.
We’ve learned, though, that many of you just like to listen, talk shop, and don’t necessarily have …
Ashley Nolan gathered data on the the tools we’re using these days as front end folk. Spoilers: Sass, Gulp, jQuery. But there’s a lot of interesting and somewhat surprising data to explore in here. …
What’s the web performance situation on your main project? For simplicity, but also wide coverage, I broke it down into five choices ranging from a nobody caring to everybody caring. This isn’t about how well you’re doing at performance, but …
In our last poll, we asked “What’s your take on managing styles entirely in JavaScript?”. This is a concept we wrote about in depth here and recently talked about in a panel on ShopTalk.
Over 23,000 people …
Because sometimes looking at code with arrows that point to each little bit and explain what it does is the best way to understand.
If you’re new to responsive images, you can poke around here for a bunch more information …
Last week we wrote about prefetching and preloading but forgot to mention preconnect. Thankfully however, Ilya Grigorik has written a great post about this elusive resource hint:
…Preconnect is an important tool in your optimization toolbox. As above examples
Stephen Hay on the classic designers should learn to code maxim. He sets it up nicely:
…One thing you notice when hanging hundreds of paintings and drawing by kids, especially the younger ones, is that many tend to draw symbols
You can make it auto-hiding instead of always-showing:
html {
-ms-overflow-style: -ms-autohiding-scrollbar;
}Turns out like this:
Credit to Thierry Koblentz for digging this gem out of Jon Neal’s Sanitize.css.…
Fun Friday thing! Natalya on CodePen made a super fun Pen.
You know how clicking a <label></label> with a for attribute that matches a checkbox input, it will toggle the input to checked or unchecked? That, combined with the …