HTML & CSS

Daily curated collection of articles and resources.

// Page 2 of 165

snook.ca

Coding CSS for Context

Harry uses a practical example of .thing being a .button. (Well, actually, a .btn but whatever. And yes, I just “well, actuallied” myself. It’s preemptive mansplaining.) You’ll have the standard button that ...

codyhouse.co

Image Mask Effect

An immersive transition effect powered by image masks and CSS transforms. We’ve been publishing in our library some nice mask effects powered by SVG properties. This time we took advantage of the ...

prototypr.io

How I Started Drawing CSS Images

I am inspired by graphic, visual design, and cute things. But unfortunately, I am not talented in drawing by hand. I enjoy looking at other designers’ illustrations on Dribbble, and was envious ...

htmlreference.io

HTML Reference

A free guide to HTML. Learn by example: htmlreference.io is a free guide to HTML. It features all elements and attributes. ...

css-tricks.com

Creating Non-Rectangular Headers

Over at Medium, Jon Moore recently identified “non-rectangular headers” as a tiny trend. A la: it’s not crazy popular yet, but just you wait, kiddo. We’re talking about headers (or, more generally, ...