davidbisset.social

css

  • When you throw up your hands and give up on some #CSS for the evening.

  • Nice experiment and tricks here: flashlights with #CSS and canvas voussoir.net/writing/browse…

  • Example #WordPress plugin demonstrating how to integrate #Tailwind with the @wordpress/create-block script. #CSS #Gutenberg github.com/dgwyer/tailwin…

  • Use Unicode characters for bullet points in #CSS using ::marker dev.to/cassidoo/use-u…

  • Nice: Using HTML5 canvas to make a generative background #CSS filosophy.org/code/using-htm…

  • Nice guide if you need to know about #CSS box shadows (via @nschaeferhoff) torquemag.io/2022/03/css-bo…

  • bonsai.css is a utility #CSS framework <45kb (8kb) with style based utilities. bonsaicss.com

  • Exciting for #CSS fans like me. @MicheBarks highlights some new features coming (or already here) for 2022. smashingmagazine.com/2022/03/new-cs…

  • Sticky #CSS Grid Items (via @soMelanieSaid). melanie-richards.com/blog/css-grid-…

  • Cascading… Server Sheets. #CSS as a server-side language. 🤔 (via @pthormeier) dev.to/thormeier/dont…

  • A well-started (in Github) collection of popular layouts and patterns made with #CSS. csslayout.io github.com/1milligram/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…