Sketching, scrolling and generating.
Gimme Bar : Front end styleguides
Style guides should be the core of every serious site. If you don't know what they should look like, here's some help: Anna Debenham collects style guides.
HTML5 Drag and Drop - Dev.Opera
Drag and drop is a common interaction. It's actually pretty hard to do with a mouse or a trackpad but it's even harder to implement in a web app. But that's about to change and Mike Taylor explains.
Sketch | The designer’s toolbox
This looks like a great tool for designing graphics, especially great for everybody who doesn't need all features in Illustrator and Photoshop (and be honest, who needs all of them?)
The iPad reading experience and medieval usability | Upstatement
Books with pages were better than book rolls on many fronts but that doesn't mean that paging works better than scrolling. I've always been surprised by the fact that all ebook-readers use pages (and I'm flabbergasted by the fact that Opera is experimenting with some paging techniques in CSS). Here's an excellent article by Mike Swartz about this subject. Everybody (and especially ebook-people and Opera-people) should read it. (This study actually says that the card model works better on novels. Grmpf. Be sure to read it all though before you decide to build sites that look like books)
Bruce Lawson’s personal site : Reading List
An excellent, rather eclectic list of links by Bruce Lawson with zombies, localStorage and a children's song.
Adactio: Journal—Conditional CSS
Here's some excellent research by Jeremy Keith and others to find a way of detecting from JavaScript whether media queries have been executed in CSS without duplicating my breakpoints
. Absolutely usable.
Transitions Only After Page Load | CSS-Tricks
Chris Coyier explains how to prevent CSS transitions to fire on page load.
Date Picker Demo
Date pickers are hard to design. Here's a very nice try (although it doesn't seem to work with my keyboard)
Privacy Patterns
An interesting site: a collection of common privacy problems with some possible design solutions. Working with possibly private content? Be sure to take a look at this site.
Jordan Moore | Content Choreography
The structural hierarchy of a page is not always the same as the visual hierarchy. The visual hierarchy can change on different screen sizes while the structural hierarchy stays the same. Here's a nice example by Jordan Moore which uses flexbox to achieve that, a lot of this trickery can be done with positioning too and here's the explanation. You should probably read it.
The single responsibility principle applied to CSS — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
Harry Roberts explains the single responsibility principle applied to CSS, a must read for people who build big web sites.
Link Dump
The Link Dumps by Blair Millen are always amusing and informing at the same time. Highly recommended.
Data URI Generator
Creating data-uris can be a tedious task. My colleague Bran van der Meer created this data URI Generator. Just drag and drop all the images you need onto the screen and you're done. I know, there are more generators out there but I haven't seen any that are as fast, simple and functional as this one.