A simple hand drawn HTML/CSS theme.

The community-driven resource library of CSS Houdini worklets. Learn about CSS Houdini, its APIs, usage, polyfills, and browser status, to take advantage of the Houdini APIs today. “Houdini is a set of low-level APIs that exposes parts of the CSS engine, giving developers the power to extend CSS by hooking into the styling and layout process of a browser’s rendering engine. Houdini is a group of APIs that give developers direct access to the CSS Object Model (CSSOM), enabling developers to write code the browser can parse as CSS, thereby creating new CSS features without waiting for them to be implemented natively in browsers.” —MDN

Underlines are hard. Complications quickly arise if you want to do anything fancier than the good ol’ CSS text-decoration: underline. There are a lot of different techniques. Unfortunately, they nearly always come with significant drawbacks.

Curated directory of the best free resources and tools for non-technical entrepreneurs. Packed with the best discount codes for your favourite online tools.

Including some centering techniques, `li::marker`, and `display: inline-flex`, `column-rule`, `background-repeat: round`. There are a lot of CSS properties that some don’t know about, or they know about them, but forget to use them when they’re needed.

Pinegrow is a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and smart components for Bootstrap, Foundation and WordPress.

You can't build anything with five hex codes. To build something real, you need a much more comprehensive set of colors to choose from.

Everyone needs a base to start from. We are DesignBase. DesignBase is a database of highly curated free resources for all designers.

A little question is a big deal when it comes to shaping people’s experience with your product. How do we ask people for their gender in a thoughtful and respectful way?

We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.

What newsroom design shops have needed is a renewed interest in research and development, and that’s exactly what these pieces are delivering.

And even though not all current browsers make use of progressive jpeg’s progressive rendering, the ones that do really benefit, and we get file size savings across the board. It’s our best option today and we should use it. Progressive jpegs are the future, not the past.

‘This is a simple trick to overlay a grid or a mock-up over a page you're styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.’

DesignBombs is an online publication that aims to provide well-researched guides, in-depth tutorials, exclusive deals, and other useful content.

Change the tap highlight color in WebKit Mobile-using devices (many of them).

"Create Your Own @font-face Kits."

"Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite."

"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies."

How to make an background image scale without using a ton of JavaScript.

Total linkbait I know but there's some useful stuff here.

Using CSS to detect device size (for things like iPads and iPhones).

"Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library."

This may be worth looking into. I waffle on whether this sort of thing is ultimately a good decision — you're relying on someone else's framework, it takes a while to learn and master, and once you decide to go with it you're essentially stuck with it. But isn't that the case with any pseudo-framework developed for a website design? I should test this on a little project.

As seen on Normative.com.

As seen on Normative.com.

A "free browser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7, IE6, and IE5.5 on Vista and XP, as well as the installed IE in the same process."

Some rather obvious reflections, but valuable all the same -- the continued appearance of articles like this shows how important these lessons are. On the volatility of web apps, designers, the relationship thereof, and how important the user is.

Finally, a tutorial for getting size and line height to render and scale exactly the same in all browsers for a given font size. Requires some basic math in the stylesheet.