CSS-Tricks
Working with JavaScript Media Queries
4 min · · What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this: body { background-color: · Shared by 44, including Vue.js Developers Newsletter, Simone Corsi 💻🚀, Benoist Lawniczak, CSS Weekly
UX Collective
The 🍔 menu
13+ min · · A step by step guide to creating a Hamburger Menu animation in SVG & CSS · Shared by 13
2ality blog (INACTIVE)
Understanding TypeScript’s type notation
10 min · · This blog post is a quick introduction to TypeScript’s notation for static types. What you’ll learn # After reading this post, you should be able to understand what the following code means: interface… · Shared by 6, including Axel Rauschmayer (INACTIVE)
Chrome Developers
Ten modern layouts in one line of CSS
9 min · · This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts. · Shared by 92, including David Hellmann, Stef Walter, Alain, DON’T PANIC, Aaron Gustafson, Rob Dodson, Jacob du Toit, Jessel Sookha, Marius Bleuer, Una 🇺🇦, Bryan Onel, Mohamed Azazy, Yoav Ganbar (🥑 Builder.io/Qwik), zeldman, Sara Soueidan
Smashing Magazine 🇺🇦 🏳️🌈
Modern CSS Techniques To Improve Legibility — Smashing Magazine
8 min · · In this article, we cover how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing… · Shared by 109, including Jessel Sookha, @JanWillemTulp@vis.social, Chris Heilmann codepo8@toot.cafe, mastodon.social/@renestalder, Veerle Pieters, Marius Bleuer
adamsilver.io
The trouble with mailto email links and what to do instead by Adam Silver
3 min · · Mailto links are everywhere and yet browsers and operating systems don’t make them easy to use. Learn why that is and what we did about it when we launched Frankly, a joint venture helping teams… · Shared by 69, including David Hellmann, Antonio Ramos, Chris {he, they} , Matthias Lampe, Caroline Jarrett, mastodon.social/@renestalder, Chris Heilmann codepo8@toot.cafe
Stef Walter
Designing Adaptive Components, Beyond Responsive Breakpoints
11+ min · · Designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behaviour and context. · Shared by 44, including bouiboui, Bruce Lawson, Chris Heilmann codepo8@toot.cafe, Marius Bleuer, Bryan Onel, Sara Soueidan
ishadeed.com
The State Of Pixel Perfection
11+ min · · When was the last time you heard the term “Pixel Perfection”? Depending on who you work with, the last time could range from today or years ago. Pixel perfection is a term coined by designers and… · Shared by 68, including Yann “不停” Heurtaux ⏚ @shalf@mastodon.social, Stef Walter, David Hellmann, CSS Weekly
jaredpalmer.com
Gatsby vs. Next.js
20+ min · · Software Engineer, Speaker, and Advisor. Creator of Formik, Razzle, Backpack, After.js, The Platform, and Dozens of Other Open Source Projects in the React and Node Ecosystems. · Shared by 5
CSS-Tricks
A Complete Guide to CSS Functions
20+ min · · Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration. · Shared by 394, including Marius Bleuer, Chris Coyier, Eric Bailey, rohit, Boris Périsset, Harsha Mv, Chris Heilmann codepo8@toot.cafe, Nils Hitze, thoughtbot, Michael Musgrove, Yoav Ganbar (🥑 Builder.io/Qwik), Steve Faulkner SteveFaulkner@mastodon.social
ausi.github.io
RespImageLint
· RespImageLint is a bookmarklet that checks images of a webpage against a list of common mistakes and best practises. Just run the bookmarklet and see if it detects any problems with your images. You… · Shared by 24, including Alain, Tibor Martini 🇺🇦 @tibor@mastodon.social, mastodon.social/@renestalder, Davy De Pauw, David Hellmann
carlosroso.com
Notyf: A dead-simple JavaScript library for toast notifications.
· Notyf is a JavaScript library for toast notifications. Responsive, A11Y, dependency-free. Tiny (~3KB). Easy integration with React, Angular and Vue · Shared by 58, including David Hellmann, Ferit (at 🏠) 🌙, mastodon.social/@renestalder, Davy De Pauw, Simone Corsi 💻🚀
htmldom.dev
Manage HTML DOM with native APIs
3 min · · Shared by 172, including Chris Love - PWAs 📳📱& SEO 🔎, pizza.lottie 🍕, Rodrigo Noales, David Hellmann, Jessel Sookha, Thomas Eichmann, Yoav Ganbar (🥑 Builder.io/Qwik), Brian, Davy De Pauw, Benoist Lawniczak, CSS Weekly, Alain, Bryan Onel, Chris Heilmann codepo8@toot.cafe, Oliver Raduner, Rodrigo Franco (Caffo), Marius Bleuer, Mohamed Azazy, Dennis Lembrée, old getify
colors.lol
Overly descriptive color palettes
· A fun way to discover interesting color combinations. · Shared by 367, including Esther Schindler, Rich, 瑞拿頭, Bruce Lawson, Smithographic℠, Joshua Benton, sascha aßbach, ɐpuɐʎᴉW ᴉʇɐʍɥǝN, Christian Surchi, Veerle Pieters, Chris Heilmann codepo8@toot.cafe, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Dion Almaer, Will Preston, Dayyan Smith, Marc G., Kim Schläpfer, Cory Doctorow @pluralistic@mamot.fr, Tim Holman
CSS-Tricks
A Complete Guide to Links and Buttons
20+ min · · Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript. · Shared by 130, including Chris Heilmann codepo8@toot.cafe, Marius Bleuer, Chris Coyier, David Hellmann, Marcy Sutton Todd, Joe Lencioni, Yoav Ganbar (🥑 Builder.io/Qwik), Cindy Krum 📱, Zain Fathoni, Davy De Pauw, Jonathan Kogan, Adrian Roselli (no blue check) 🗯, Benoist Lawniczak
MDN Web Docs
Intersection Observer API
16+ min · · The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport. · Shared by 23, including Gérard Godin, Stammy