Okay, I know I’m a little late getting to these, so let’s dive right in: Here are 10 advent calendars for designers and developers.
The Fundamentals of Mobile Web Development: learn, build and iterate. Yup. Every day. It’s one of the things that I love about my job: I learn something new nearly every single day, and the landscape is always changing.
And just in case that didn’t quench your thirst for Chrome Dev Summit 2014, here is a playlist of all the conference vids!
Starter course of Clipping and Masking in CSS, by Chris Coyier.
From The Old/Decrepit to The Fresh/Powerful, an Introduction to Service Worker.
Page bloat update: The average top 1000 web page is 1795 KB in size… Good God…
12 HTML5 tricks for mobile. Most are pretty standard, but there are several that will give your sites a nice touch in specific devices.
Seriously thorough collection of touch/pointer events test results across multiple browsers.
I love this floating label pattern!
Cyclists: the Copenhagen Wheel turns any normal bike into an e-bike… Day-am that’s cool!!
From a recent Web Tools Weekly newsletter comes something I was not familiar with, and am still not sure how I would use, but it seems cool enough that someone smarter than me could probably find a great use for it: document.elementFromPoint. (Note that you might have to scroll down in the far right panel to see the buttons and output section…)
a11y.css: This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site’s quality by simply including it as an external stylesheet.
There’s a bookmarklet, too. Which I used on my own home page. And was shown two broken links (malformed vcards with missing hrefs). Gee thanks! (Wish the little “count” box in the lower-left of the screen helped me somehow find the stuff it had counted for me, though…)
A new app, PushBullet, helps interconnect your phone with your computer, like getting a push notification when you receive a call or text (my phone is almost always on silent mode, so this does happen to me!), and send files from your computer to your phone. Nice idea!
I don’t think necessarily think Elastic Stroke is practical in any way, but I am absolutely impressed by what one svg and a bit of CSS (read: no JS) can do…
A configurable, command-line RWD performance test. Well okay then.
Seems like that could be a pretty useful tool in helping you to create your performance budget…
“This has to be above the fold!” Maybe not so much…
Now, I know I’m an old curmudgeon, but I hate conversing with computers. I’m okay touch, click, and even type, but I hate speech interfaces. Wonder if that will ever change… I hope others do not feel the same as me, though, and that speech continues to advance. I love it in sci-fi, I just don’t want to deal with it myself… :-/
These SVG loading icons are awesome! Why am I only now seeing this idea? We’ve had (mostly) ugly and clunky GIF images forever, we were never really given a chance to try animated PNGs, and we even tried mark-up-only and CSS-only loaders. `bout time..ยท
And finally, while it is universally agreed upon that the world can never have too many Haikus (okay, maybe this is just my opinion, but I’m pretty sure I’m right), we sadly do have a finite number of IP addresses. So let’s help those sad, finite IP addresses have a little more fun with life, and convert them into Haikus…
Happy reading,
Atg