A beautiful collection of Japanese Pixel art

Generate deep dream images

TJ VanToll argues that the need to monetize content is causing an overload of cruft that is hurting the web and giving rise to tools like Facebook Instant.

I think I'm going to try to implement this in my next project. What naming conventions / systems do you guys keep to ensure your css doesn't end up a jumbled mess?

Browser repaints and reflows are expensive and affect your application's performance. Craig provides ten tips to help improve responsiveness.

Examples of how to do common event, element, ajax and utility operations with plain javascript.

Patrick Catanzariti creates an augmented reality LIFX lightbulb controller using awe.js and IFTTT.

"Pop" classes on and off: Use a class-based data structure, similar to traditional modifier css, that can be applied conditionally. Keep styles in one place: Html and components styles stay together. Separate the style logic from the displ ...

An awesome codepen of a <canvas> draggable ribbon.

Taking a very basic understanding of vectors and writing JavaScript that kind of replicates those vectors but in no way represents a real physics environment. The beauty of hack physics is that you don't even really need to understand the physic ...

An interface that allows you to optimize SVGs by selecting your optimizations, and getting a live preview of how your SVG looks with these optimizations applied.

Una Kravets explains how to use Sass to create pixelized art. Not something for use on an actual production site, but an excellent introduction for getting sass to read from a matrix.

Octavi Navarro is one of my favourite Pixel artists.

How-To, Notes, Tips and Why We Need A viewBox Property in CSS

Simulating points and springs may seem super complicated and math/physics intensive, however it's actually quite simple to get up and running in very few lines of code. I won't go into a detailed explanation of each and every single feature ...

Hugo strays from Sass for a brief moment to consider how in-document linked footnotes can be created to be maintainable and accessible with just HTML and CSS.

Last weekend I attended EdgeConf, a conference populated by many of the leading lights in the web industry. It featured panel talks and breakout sessions with a focus on technologies that are just ...

An interesting example of z-axis parallax scrolling.

Managing responsive typographic rhythm isn’t easy. Jonathan Suh shows how Sass maps make responsive typography much more manageable.

If you're using a browser that supports the Web Speech API (e.g. Chrome, Safari, Opera), you can edit this webpage by speaking your commands, and you can inspect page elements by having the information spoken to you.