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?

This article is the first of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a good set of practices and recommendations on how to use HTML and CSS to create a great experience for keyboard users.

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

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.

… 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.

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.

The Grid Layout Javascript enables web-developers to stick to a Grid Layout quickly and simply by including the Grid Layouts Javascript file and simple XHTML code. Currently, the Grid Layouts Javascript relies on jQuery.

vitaly friedman's «the web developer's handbook»

Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2.0 - Image Sets: group related images and navigate through them with ease - Visual Effec

Everything you ever wanted to know about the basics of CSS

Friendly Bit is a blog by Emil Stenström, a Swedish web developer that occasionally gets ideas of how to improve the internet.