Really clever way to keep “placeholder” text visible while typing, but not in the user’s way. Am working on a series of forms myself right now, think this will find its way in!
Got SEO? Or only think you do? 5 SEO myths, debunked. Take THAT to your next meeting with marketing… ;-)
Charge your cell phone, with no wires. In fact, with no electricity… I like where this is going!
Hmm, direction-aware hover effects… I’m not sure they are worth the added effort/weight, but these simple examples are cool, and I suppose a more designy-minded person could come up with fancier ideas.
And while we’re talking about CSS animation, let’s take a look at animations events.
Which are great for @keyframe animations, but what if you need to track CSS transition animation? You can do that too.
But if you start getting too crazy with your CSS animations, things can start blocking one another. So be sure to properly nest CSS 3D animations.
We all know the web is getting slower, but if e-commerce sites, the ones directly making money from their websites, are the worst offenders, do users really care? Or do they only care if the e-commerce site is not Amazon or eBay or some-other-well-known-name?
I guess this is going to be a CSS issue… Nothing wrong with that! Slick hover animations for borders.
10 HTML5 APIs Worth Looking Into. Indeed, all are worth knowing!
I love when an article’s title is so well-worded that I don’t need to write anything extra about it! Here’s one more: How to prefetch video/audio files for uninterrupted playback in HTML5 video/audio. Well-worded, and handy info!
Do you use figure and figcaption? I do, but I hate writing them (for one, I hate the lazy “figcaption” tag, would “figurecaption” really have been so hard to type?). So I have a function that converts WP’s native inserted img tags into the figure and figcaption that I really want. But if you don’t want to (or can’t) monkey around with your CMS’s code, you can also autogenerate the figure and figcaption quite easily with JS.
Learn how to tame third-party content in a responsive site.
And while it is easy to get caught up in the responsive movement, it is important to remember that, like all buzzwords that came before it (like Ajax), it may not always be the right answer. Jeremy Keith and Brad Frost both take separate looks at this topic. Both worth reading.
I have always been in awe of Google Maps. I think the power they offer to the world is greatly underused. But the new Google Maps Gallery is helping to change that!
LED outlet-cover nightlights are just a great idea! They’re taking pre-orders now, but appear to only be for US-style outlets.
With Safari already supporting srcset, Chrome just announcing support (in Beta) (so Opera will have it soon too), and Firefox at least showing some action in the right direction, it looks like we could have a native responsive image solution some time in the near future!* And while I still greatly prefer the picture element to the srcset attribute, having anything will be far better than having nothing.
A few detection/testing options for you:
- Mobile Phone Emulator claims “Most of settings are honored : dimensions, resolutions, user agent, behavior, features…” Not sure how they could do that, but okay, and the list of devices is pretty limited, but an interesting project none-the-less.
- 11h Re-Size opens a URL in an
iframe. Sizes are limited, and it has some fancy resize animations, but that’s about it. Trying to be as unbiased as possible, I think my version is a little more useful… - “Mobile Detect is a lightweight PHP class for detecting mobile devices (including tablets). It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.” Now this is for a RESS approach, but this is really just an updated version of the bad-old browser-sniffing days, so this is a never-ending update process to keep it useful.
Wow… I feel like that was a really sour way to end this post… :-/ Sorry!
And finally, climbing Mount Everest is likely something that I will never do. Then turning around and jumping off of it? Also right up there, I think… But I’d love to watch the video of it! :-)
Happy reading,
Atg