Kinetic is a really smooth JS library for drag-and-scroll, flick list, snap-to-grid, horizontal swipe (including Parallax), and cover flow.
Got icon fonts? I do. Though, this article from the Filament Group about accessible icon fonts makes me wonder if I need to re-assess them, once again…
I keep telling myself that I need to reinvent my workflow… I already use Chrome & DevTools exclusively, but I should set-up and start using Workspaces, reload.js, and use grunt for builds & deployments. But learning it and setting it all up takes so much time. Well, I can at least get to know DevTools better…
Then I guess I should really check-out Yeoman and Web Components… Oy…
I’m somewhat of a nube when it comes to Terminal in Mac OS, so I still find posts like this interesting. Maybe you will too.
The bane of any web developer has always been testing in all the browsers you have to test in. Browser-Sync promises to make it all a lot less painful. The list of features is seriously impressive!
I’ve been using LESS for a while at work, and I love it: CSS variables and nesting alone are freaking awesome! But I’ve alway been annoyed that mapping from the resulting CSS file to the original LESS file doesn’t work in Chrome (like it does with Sass (and this is LESS’s fault, not Chrome’s)).. Until now, that is…
But then this article comes out, and makes quite a compelling case for switching to Sass… Hmm…
It’s hard for me to imagine practical use-cases for CSS shape animations, but they are impressive! And I’m sure some brilliant minds out there can come up with something, what?
Odd, I seem to remember “CSS animations returning to their initial state when done” as a problem, but animation-fill-mode sure fixes that pretty easily… Has it always been around??
And while Dave’s DNS is primed, I love Dave Walsh posts. They’re normally short-and-sweet, and they’re almost always something you would have never thought or expected, but can totally use regularly! Like these 5 ways CSS and JS can interact.
Speaking of cool JS, here is a small slew of incredibly useful native JS bits and pieces!
And since that article makes use of native JS’s .bind(), et’s get to know it just a bit better! (Even points us to a great polyfill for older browsers!)
Then once we’ve built our über-cool JS, we should test it, of course…
Is it smart for computers/web apps/devices to be able to communicate directly with one another, in a language that we cannot understand? Remote.js seems to think it is. I have my doubts… ;-)
To mark 100 years of passenger air travel, our stunning interactive uses live data from FlightStats to show every one of the thousands of commercial planes currently in the air, charts the history of aviation since 1914, and asks what comes next for the industry
Fun!
Tether absolutely-positioned elements to other elements. Handy!
I was really excited to watch this video on converting flat images into “2.5D” images, until I saw the process… Maybe someone else will be willing to undergo the process… :-)
Got SVG? If so, that means you probably also need no-SVG fallbacks, typically PNGs. But who wants to manually make all those? Not me. At work we have a grunt process that converts them at build-time, but if you can’t do that, then maybe SVGMagic will be right for you!
Whether or not you find a real-world use for scrollReveal.js, the demo alone is worth visiting and playing with! (But I can already think of several cool uses for it…)
We all know that the <video>‘s <source> elements take media attributes just like we always see in the <picture>‘s <source> elements, right?
The Ryno: part-Unicycle-part-motorcycle-part-Segway… all-BAD-ASS!!!!!
Jeremy Keith writes about the pattern portfolio (think style guide) that ClearLeft delivers to its clients. And this A List Apart article about pattern libraries really completes that message, I think.
And finally, if it weren’t for the eery similarities to Palpatine speaking with Vader, this speech by the Turkish Prime Minister would be awesome!
Happy reading,
Atg