🔗 A practical, hands-on guide on creating clickable CSS-obfuscated email links.

(This is essentially Part 2 of my previous video, in which I explored CSS as an email obfuscation technique.)

cssw.io/clickable-emai…

What are some of the web-dev projects, frameworks, libraries, tools, or apps that were widely used 10+ years ago but are now gone or completely irrelevant? 🤔

I'll start:
🧭 Compass
🦄 jQuery

Do you remember any more? 🙂

Anyone here remembers Compass? 🙂

A quick tip showing how to fix 'broken' block comments behavior in Visual Studio Code (Visual Studio Code) by utilizing the built-in Emmet toolkit.

Quick HTML tip: ordered lists come with a 'start' property.

CSS Weekly #581

🏘️ CSS Variable Groups
💭 Modern Tooltips and Speech Bubbles
🪧 :is() and :where() Pseudo-Classes
🚥 HTML Switch Control

Featuring @leaverou, T. Afif @ CSS Challenges, Anne van Kesteren, Jonathan Davis, Brecht, Andy Bell, Oscar Jite-Orimiono, Kate Kalcevich (she), imflowko, AE Studio,…

Did you know that CSS is one of the most effective Email Obfuscation techniques? 🤖

Hat-tip to Spencer Mortensen (Spencer Mortensen) for the fantastic research on which this video is based.

cssw.io/css-email-obfu…

Horizontal rule elements (<hr>) in select elements (<select>) are now widely supported in desktop browsers:
✅ Chrome 119
✅ Safari 17
✅ Firefox 122
⛔️ Safari on iOS

Here's the quick-tip I created a while ago where I show how it works: cssw.io/hr-in-select

Are you using emojis in your commit messages? 🤔

🔥 VS Code Tip 🔥

This is how you can fix strange block comments behavior in Visual Studio Code when toggling a comment adds a new comment instead of uncommenting the focused one.

(Inspired by Wes Bos' question. 🙏)

cssw.io/vscode-block-c…

A quick tip outlining how to easily center any content vertically (including block-level elements) in CSS using the align-content property. #css