CSS
Links
| A Complete Guide to Custom Properties | CSS-Tricks... | https://css-tricks.com/a-complete-guide-to-custom-properties/ |
|
| A responsive striped CSS gradient inspired by 80s... | https://whitep4nth3r.com/blog/responsive-striped-css-pattern-80s-vhs-tapes/ |
|
| Clippy — CSS clip-path maker | https://bennettfeely.com/clippy/ |
|
| cs16.css | https://cs16.samke.me/ |
|
| CSS accent-color | Articles | web.dev | https://web.dev/accent-color/ |
|
| CSS Grid Generator | https://cssgrid-generator.netlify.app/ |
|
| CSS HD Gradients | https://gradient.style |
|
| CSS Nesting Module | https://www.w3.org/TR/2021/WD-css-nesting-1-20210831/ |
|
| CSS One-Liners to Improve (Almost) Every Project | https://alvaromontoro.com/blog/68055/ten-css-one-liners-for-almost-every-project |
|
| CSS Selectors Playground | https://selectors.app/ |
|
| CSS Variables (Custom Properties) | Can I use... S... | https://caniuse.com/css-variables |
|
| DoodleCSS | https://chr15m.github.io/DoodleCSS/ |
|
| Drop-in Minimal CSS | https://dohliam.github.io/dropin-minimal-css/ |
|
| Emoji Lists, The Good Way? – Chris Coyier | https://chriscoyier.net/2023/04/07/emoji-lists-the-good-way/ |
|
| Flexbox Froggy - A game for learning CSS flexbox | https://flexboxfroggy.com/ |
|
| GitHub - ben-rogerson/twin.macro: 🦹♂️ Twin blend... | https://github.com/ben-rogerson/twin.macro |
|
| GitHub - dbohdan/classless-css: A list of classles... | https://github.com/dbohdan/classless-css |
|
| GitHub - kognise/water.css: A drop-in collection o... | https://github.com/kognise/water.css |
|
| GitHub - OctoD/postcss-brexit: A post brexit plugi... | https://github.com/octod/postcss-brexit |
|
| GitHub - oxalorg/sakura: :cherry_blossom: a minima... | https://github.com/oxalorg/sakura |
|
| GitHub - sindresorhus/github-markdown-css: The min... | https://github.com/sindresorhus/github-markdown-css |
|
| Glass3D generator | https://glass3d.dev/ |
|
| glidecss.com | https://glidecss.com/ |
|
| Grainy Gradients | CSS-Tricks - CSS-Tricks | https://css-tricks.com/grainy-gradients/ |
|
| Grid Garden - A game for learning CSS grid layout | https://cssgridgarden.com/ |
|
| Headless UI - Unstyled, fully accessible UI compon... | https://headlessui.com/ |
|
| holiday.css - a minimalist classless CSS theme wit... | https://holidaycss.js.org/ |
|
| How Bear does analytics with CSS | ᕕ( ᐛ )ᕗ Herman'... | https://herman.bearblog.dev/how-bear-does-analytics-with-css/ |
|
| How to Create Neon Text With CSS | CSS-Tricks - CS... | https://css-tricks.com/how-to-create-neon-text-with-css/ |
|
| javascript.plainenglish.io | https://javascript.plainenglish.io/10-reasons-why-i-love-tailwind-css-and-why-you-may-love-it-too-43b7738558ca |
|
| Let's Learn 11ty Part 7: Adding Tailwind - DEV Com... | https://dev.to/psypher1/lets-learn-11ty-part-7-adding-tailwind-5cdh |
|
| Light and dark mode in just 14 lines of CSS - Salm... | https://whitep4nth3r.com/blog/quick-light-dark-mode-css/ |
|
| Look Mum, No Breakpoints! - Rob McCormick | https://robmc.dev/blog/look_mum_no_breakpoints/ |
|
| Make "Pre" Text Wrap | CSS-Tricks - CSS-Tricks | https://css-tricks.com/snippets/css/make-pre-text-wrap/ |
|
| Mask image is pretty handy - Piccalilli | https://piccalil.li/blog/mask-image-is-pretty-handy/ |
|
| Minimal CSS-only blurry image placeholders | https://leanrada.com/notes/css-only-lqip/ |
|
| missing.css | https://missing.style/ |
|
| mxstbr.com | https://mxstbr.com/thoughts/tailwind/ |
|
| mycolor.space | https://mycolor.space/gradient |
|
| NES.css - NES-style CSS Framework | https://nostalgic-css.github.io/NES.css/ |
|
| new.css | https://newcss.net/ |
|
| Next-level frosted glass with backdrop-filter • Jo... | https://www.joshwcomeau.com/css/backdrop-filter/ |
|
| Philip: "Setting up a calendar with HTML/CSS is so... | https://mastodon.nz/@mez/110063913946649082 |
|
| Pico.css • Minimal CSS Framework for semantic HTML | https://picocss.com/ |
|
| Pokémon Cards CSS Holographic Effect | https://poke-holo.simey.me/ |
|
| PurgeCSS - Remove unused CSS | PurgeCSS | https://purgecss.com/#sponsors-%F0%9F%A5%B0 |
|
| Randoma11y - Accessible color combinations | https://randoma11y.com/ |
|
| Relearn CSS layout: Every Layout | https://every-layout.dev/ |
|
| RPG-Awesome | A fantasy themed font and CSS toolki... | http://nagoshiashumari.github.io/Rpg-Awesome/ |
|
| RPGUI - RPG-style gui in HTML5! | http://ronenness.github.io/RPGUI/ |
|
| ruanmartinelli/axist: Minimal (5kb) drop-in CSS li... | https://github.com/ruanmartinelli/axist?tab=readme-ov-file |
|
| Shipping system fonts to GitHub.com | @mdo | https://markdotto.com/2018/02/07/github-system-fonts/ |
|
| Sidenotes In Web Design · Gwern.net | https://gwern.net/sidenote |
|
| Simple.css | https://simplecss.org/ |
|
| Tailwind CSS - Rapidly build modern websites witho... | https://tailwindcss.com/ |
|
| Tailwind marketing and misinformation engine | https://nuejs.org/blog/tailwind-misinformation-engine/ |
|
| The Adjacent-Sibling Selector | https://meyerweb.com/eric/articles/webrev/200007a.html |
|
| The Flipping CSS Loaders Collection | https://css-loaders.com/flipping/ |
|
| The future of CSS: Nesting Selectors – Bram.us | https://www.bram.us/2019/03/17/the-future-of-css-nesting-selectors/ |
|
| The Monospace Web | https://owickstrom.github.io/the-monospace-web/#ascii-drawings |
|