davidbisset.social

css

  • Love these CSS old school skins! 😍 #Playstation 1 style #CSS Framework, inspired by https://nostalgic-css.github.io/NES.css/ https://micah5.github.io/PSone Imagine using #Mastodon like this!

  • Line heights in #CSS work better with ratios: andy-bell.co.uk/line-heights-i…

  • Nice read on conditional #CSS: @shadeed9 shows off a few CSS features commonly used and how conditional they are. ishadeed.com/article/condit… pic.twitter.com/u1zZN6RiEI

  • Love how “wobble click” is coded although part of me is bothered by it at the same time. Here’s a retina supported version on @glitch: somethingorotherwhatever.com/wobble-clock/ #JavaScript #CSS pic.twitter.com/c9cbuhbn34 Video

  • Nice 3D tilt toggle #CSS effect. codepen.io/jkantner/pen/m… twitter.com/jonkantner/sta…

  • Justify space between individual items in flexbox #CSS blog.jim-nielsen.com/2023/justify-s…

  • Some nice ways #CSS :has() can make your HTML forms better (via @heyAustinGil) austingil.com/css-has-with-h…

  • Front-end dev subject of accessible ways of marking up colors (with factoring in GitHub’s hex code swatches) from @tigt_ dev.to/tigt/marking-u… #CSS

  • Agreed w/ @chriscoyier that styleable resizers would be a nice addition, on his list of things #CSS “could still use heading into 2023”. chriscoyier.net/2022/12/21/thi…

  • Agreed w/ @chriscoyier that styleable resizers would be a nice addition on his list of things #CSS “could still use heading into 2023”. https://chriscoyier.net/2022/12/21/things-css-could-still-use-heading-into-2023/

  • New #Gutenberg is out with: – a new, reorganized Site Editor interface– ability to add custom #CSS rules– new Style Book feature that allows users and designers to view and edit all blocks for global changes. https://make.wordpress.org/core/2022/12/22/whats-new-in-gutenberg-14-8-21-december/ #WordPress

  • New #Gutenberg is out with: – a new, reorganized Site Editor interface – ability to add custom #CSS rules – new Style Book feature that allows users and designers to view and edit all blocks for global changes. make.wordpress.org/core/2022/12/2… #WordPress

  • I remember when this #CSS trick first came out. Still a neat way to create diagonal lines with just CSS. code.tutsplus.com/tutorials/how-…

  • Like how @HaulPebert explains how made his snowflake generator and how to make it your own. #CSS cloudfour.com/thinks/coding-…

  • Min is a free and #opensource “minimal” web browser with focus on privacy… written w/ #CSS and #JavaScript using Electron. Seems Mac only for now. minbrowser.org github.com/minbrowser/min

  • Interesting piece on #CSS for URLs and HTTP Headers via @jimniels. blog.jim-nielsen.com/2022/css-for-u… “There can be information critical to styling a webpage that lives outside of the HTML alone.”

  • Interesting piece on #CSS for URLs and HTTP Headers via Jim Nielsen. https://blog.jim-nielsen.com/2022/css-for-urls-and-http-headers/ "There can be information critical to styling a webpage that lives outside of the HTML alone."

  • How to do a #CSS infinite slider “Flipping Through Polaroid Images” css-tricks.com/css-infinite-s…

  • Versatile metallic finish for your #CSS. #opensource metallicss.com Reminds me of some #macOS UI “back in the day”.

  • Results of the State of #CSS 2022 survey are available. Still reading… but I know many look at the responder demographics first. Not much change in gender/race vs last year. 2022: blue, first image 2021: red, second image 2022.stateofcss.com/en-US/

  • Dynamic Tab-Size Demo Using #CSS Custom Properties In #JavaScript (via ) bennadel.com/blog/4366-dyna…

  • List of classless #CSS themes and frameworks. They don’t define special classes you must add to your HTML elements. So you can style any plain-HTML page just by linking to the style sheet (prototyping, etc.) github.com/dbohdan/classl…

  • List of classless #CSS themes and frameworks. They don't define special classes you must add to your HTML elements. So you can style any plain-HTML page just by linking to the style sheet (prototyping, etc.) https://github.com/dbohdan/classless-css

  • Nice way of animating a static Image with a few lines of #CSS https://levelup.gitconnected.com/animating-a-static-image-with-css-270d796e2ff2

  • Color Formats in #CSS – nice reminders and some things front-end devs might have forgotten about (via @JoshWComeau) joshwcomeau.com/css/color-form…

  • Hey designers – know what a Clothoid Corner is? Here’s a website that can generate #CSS “Clothoid Corners” for you. onotakehiko.dev/clothoid/

  • Hey designers – know what a Clothoid Corner is? I didn't until now. Here’s a website that can generate #CSS “Clothoid Corners” for you. https://onotakehiko.dev/clothoid/

  • Nice: charts.css is a pure #CSS way to turn tabular data into really nice charts. http://chartscss.org/

  • flowbite.com is an #opensource ecosystem of open-source libraries, tools, and products built around Tailwind #CSS.

  • If you’re looking for a a nice Interactive guide to Flexbox #CSS then this looks like a good one to bookmark from @JoshWComeau (with a cocktail wiener example). joshwcomeau.com/css/interactiv…