davidbisset.social

css

  • Flexbox Froggy is a game for learning #CSS flexbox flexboxfroggy.com

  • Connecting to a database with… <checks notes> #CSS. 😆 leemeichin.com/posts/yes-i-ca… #JavaScript

  • I always love seeing new #CSS enhancements and things like this. twitter.com/jensimmons/sta…

  • CSSUI: “Pure #CSS interactive components without any #Javascript at all.” cssui.dev

  • Designers and devs: sometimes all you need is a slick gradient. Problem solved. #CSS slick-gradient.vercel.app

  • layout.bradwoods.io looks a simple but effective #css layout generator.

  • Some places where you can get free @tailwindcss components. #css dev.to/cruip/25-place…

  • Clay.css looks pretty fun. Micro #CSS util class that gives element a “claymorphism style”. codeadrian.github.io/clay.css/

  • #CSS gradients that avoid the “gray dead zone” (Via @JoshWComeau) joshwcomeau.com/css/make-beaut…

  • fancy-borders.mdbgo.io is a fancy border radius generator. #CSS

  • If you use Tailwind CSS, here are some curated list of box shadows. manuarora.in/boxshadows #CSS

  • This is very cool and hope to see it come to other browsers. But kudos to Safari for this particular first. 👍🏻 #CSS twitter.com/jensimmons/sta…

  • Enjoyed @elainanatario take on @thoughtbot on the femininity of #CSS and undervaluing front-end expertise in web development. thoughtbot.com/blog/tailwind-… Related from @heydonworks: medium.com/@Heydon/reluct…

  • A nice looking shdow palette generator from @JoshWComeau . #CSS joshwcomeau.com/shadow-palette/ joshwcomeau.com/css/introducin…

  • css-doodle.com is a web component for drawing patterns with #CSS. @yuanchuan23 shows how you can use it to do some cool polygon shapes. yuanchuan.dev/polygon-shapes

  • emogrifier converts #CSS styles into inline style attributes in your HTML code. myintervals.com/emogrifier.php github.com/MyIntervals/em…

  • Tailwind #CSS Cheat Sheet #tailwindcss (via @themesberg) flowbite.com/tools/tailwind…

  • Replacing multiple media queries with only one #CSS declaration (via @ChallengesCss) css-tricks.com/responsive-lay…

  • Typing Effect by using #CSS dev.to/j471n/typing-e…

  • If you’re a front end developer or just need #CSS knowledge fuel – and videos are your style – I would add @Una to your watch list. twitter.com/Una/status/146…

  • This experimental method for #CSS based fingerprinting is wild. github.com/OliverBrotchie…

  • A collection of layout patterns built using modern #CSS APIs at web.dev. web.dev/patterns/layou…

  • Shadow Palette Generator creates “a set of lush, realistic #CSS shadows”. From @JoshWComeau. joshwcomeau.com/shadow-palette/ More on the tool here: joshwcomeau.com/css/introducin…

  • Friend: What’s it like centering <divs> in #CSS? Me: 🤔

  • Nice simple intro post on #CSS variables and how cascading works with them. dev.to/thatanjan/css-…

  • Tap bar with liquid animation using #CSS and #JavaScript dev.to/romaopedro199/…

  • Making a simple #CSS timeline: dev.to/divyeshviews/m…

  • Nice: ct.css is a diagnostic #CSS snippet that exposes potential performance issues in your page’s <head> tags. From @csswizardry. github.com/csswizardry/ct

  • 💙 hacks like this: “How I made Google’s data grid scroll 10x faster with one line of #CSS” TIL “contain: strict” medium.com/@johan.isaksso…

  • If you know what CSS Houdini is, then this community-driven resource library of #CSS Houdini worklets might be of interest: houdini.how