Drop-Down Navigation: Responsive and Touch-Friendly

A great, touch- and desktop-friendly, responsive navigation. Nice interaction, though it clearly won’t be for everyone.
http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly

Advertisements

Apply a Custom Theme to Your Chrome Inspector

Ever want to change the look of your Google Chrome Web Inspector? I personally love being able to customize the “theme” or “brush” of my favorite IDE and my Web Inspector is no different. If you’ve ever done some snooping around Google Chrome’s Web Inspector you may have noticed that it’s made of straight HTML + CSS + JavaScript

http://darcyclarke.me/design/skin-your-chrome-inspector/

I personally love dark backgrounds, and found this theme pretty great:
https://gist.github.com/bentruyman/1150520
Except that when you Edit as HTML, the font disappears as black-on-black. From the comments, this bit fixes the problem:
#elements-content .editing,
#elements-content .editing *,
#elements-content .child-editing {
background-color: white !important;
color: black !important;
display: block;
}

Capturing: Improving Performance of the Adaptive Web

Capturing sounds like exactly what is needed for the ideal bridge between having a single code base and a truly device-responsive site! Very interesting…
https://hacks.mozilla.org/2013/03/capturing-improving-performance-of-the-adaptive-web/

Indeed, a slight performance hit on the initial load, but then it caches the results to improve later loads.