New web services are being built to a self-defeatingly low UX and performance standard, and existing experiences are now pervasively re-developed on unspeakably slow, JS-taxed stacks. At a business level, this is a disaster, raising the question: why are new teams buying into stacks that have failed so often before?

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for React and copypasta.

Presentation slides for developers

Documentation and demos for the open source reveal.js HTML presentation framework.

Introducing Lollipop, a sweet new take on Android.

A front-end template that helps you build fast, modern mobile web apps.

This is a one page Material Design HTML template based off the MaterializeCSS framework. The template includes styles for several sections including work, team, and a nice big header.

Material Design One Page HTML Template

I’ve been reading lots more non-fiction books than normal. And I’m getting increasingly annoyed about footnotes1. Footnotes are a weird skeuomorph hangover from the days of printed text…

A Utility Complete CSS Framework for less than 45kb (8kb Gzipped)

… a classless CSS framework to write modern websites using only HTML. It's ~4.5kb GitHub → https://github.com/xz/new.css

Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.

For the record: It’s super important for us to keep this site 100% free for you and 100% high quality. To help us do that, we’ve partnered with some of

With a mobile-first responsive design approach, if any part of the process breaks down, your user can still receive a representative image and avoid an unnecessarily large request on a device that …

… a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. Nerd alert: Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.

… How to Dynamically Shape Any Image on Your Website

… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play (you know, you'll have to do some work ;-), it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.

The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

PSD nach XHTML/CSS, Wordpress, TYPO3, Joomla, …

(about CSS performance)

… a strategy for web design that emphasizes accessibility, semantic markup, and external stylesheet and scripting technologies.