monica.css
…I don’t want every possible padding and margin and colour and flexbox configuration in the world. I just want the ones that I know I end up using in every project. So here is
monica.css
: my
Founder, writer, designer, spam-deleter, email personality
…I don’t want every possible padding and margin and colour and flexbox configuration in the world. I just want the ones that I know I end up using in every project. So here is
monica.css
: my
Ahmad Shadeed covers the idea of a card component that has a fixed set of semantic HTML with some BEMy classes on it. There is a title, author, image, and tags. Then he redesigns the card into five totally different …
:hover
state but you don't leave the page then, on a mobile device, there is a chance that :hover
state "sticks." You'll see this with stuff like jump-links used as tabs or buttons that trigger on-page functionality. I’m not sure we’ve gotten much better at this since Tim Kadlec wrote this in 2012:
…Stop me if you’ve heard this one before.
“Responsive design is bad for performance.”
“User agent detection is bad. Don’t segment the web.”
“Hybrid
A clever idea from Tom Hicks combining MutationObserver
(which can “observe” changes to elements like when their attributes, text, or children change) and the Web Audio API for creating sounds. Plop this code into the console on a page where …
Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.