An interesting approach to bypassing the
select form element. What you lose in semantics, you certainly gain in controlability…
Then there’s this jQuery-enhanced option…
Femto-photography, a new type of imaging so fast it visualizes the world one trillion frames per second, so detailed it shows light itself in motion. This technology may someday be used to build cameras that can look “around” corners or see inside the body without X-rays·
And the video is so much more impressive than that description… Mind… blown…
Need a new grid system? Me neither, but when you do, Jeet looks well-worth a deeper look…
How well do you know Chrome DevTools? Find out.
And speaking of Chrome, ever wonder how they predict that list of URLs as you start typing in the address bar so quickly? Or how they are able to load pages so quickly? Well, I’ll let Steve Souders explain it to you…
Do you use jQuery’s
animate? I try not to, for performance reasons, especially on mobile. But Velocity.js seems like it could be worth trying.
I’ve been thinking lately about writing a “how to” article for building a responsive site. Not just the code, but more “how to get started”, like: decide what it is you are trying to say; create the content you want to present; etc. Well, Google just saved me a bunch of time!
And if that isn’t enough RWD for you, here are a few more articles:
- If Responsive Design Begins With The URL, then I guess I should begin this list with that article!
- Then learn more by reading Luke Wroblewski‘s notes from Dan Mall‘s Responsive Web Design is Easy/Hard presentation at An Event Apart, Boston 2014.
- And from this video of the Real World Responsive Design Projects and Patterns presentation by Catherine Farman at jQuery Conference, San Diego 2014.
- Then make sure you are properly testing your new creations by reading through Sven Wolfermann‘s Responsive Testing presentation.
- You can also test locally-hosted sites on any Internet-connected device using Finch. Currently free while still in Beta, but even their speculative prices do not look bad, considering what their service will allow you to do!
- And if you still haven’t gotten your RWD fill, you can visit the everything-that-is-RWD resource for more info than you can shake a stick at!
- Lastly, be sure to share your experience and practices with this quick RWD/RESS survey; knowledge always helps.
My thoughts: Every site on the web should be responsive. But not every site needs RESS. If it isn’t needed, congrats, you owe your design team a few rounds of drinks. If you do need RESS, look at it as a challenge and have fun with it. In the end, deliver the right product to the user. That’s all that matters.
Hate how most password form fields either completely hide the requirements until you try submitting or give you some generic “you did one of these things wrong” message? This solution is f-ing brilliant, and anyone ever doing it any other way should be shot! (Okay, maybe not shot, maybe just stripped naked and made to stand in the town square for a few days so people can throw rotten vegetables at them…)
No question that Web Components are this year’s Flexbox, or
video, or HTML5, or Ajax. So have you been keeping up? I know I have not. Let’s fix that!
- A web components presentation from Mr. Web Components himself, Addy Osmani.
- Continuing with Addy Resources, a sort of behind-the-scenes from the above presentation, his web components extras.
- A video of All About Polymer from SFHTML5. All 3 hours and 51 minutes of it… (Jump to about the 23-minute mark for where the actual words start being about web components.)
A common UI element to make our users feel better about waiting is a loading indicator. We do it so people think something is happening. And that’s a good thing, right? Not necessarily, says Luke Wroblewski, instead we should be making something actually happen…
10 Quick Ways to Clean Up and Optimize Your WordPress Site. Every single one of them useful, I would say.
And once you get everything cleaned out, let’s add some more stuff back in! Here are a bunch of shortcodes to help with the design/layout of your site.
Use Google Drive for anything more than a free, online version of MS Office? Me neither, aside from uploading a few PDFs or similar. But this article lists 10 Chrome apps that will make Drive more powerful.
Another great article on how easy and beneficial it is to use flexbox. Also included in the article is a slew of resource links, including the latest browser support stats, how to implement fallbacks for the few browsers that don’t support it, and a flexbox CSS generator for browsers that do.
For you single-page application builders out there,
Page is a small client-side routing library that can be used to build single page applications.
And finally, you can now get a life-sized Boba Fett to go alongside that life-size Han Solo in carbonite you bought a few weeks ago…