davidbisset.social

css

  • Why I 🧡 the web. Someone built this: "Instead of a boring scrollbar thought it would be fun to have an animated stick figure that walks up and down the side of your page when you scroll." 😍 https://focusfurnace.com/scroll_buddy.html #JavaScript #CSS

  • Interesting: Image comparison slider in 6 lines of #JavaScript https://muffinman.io/blog/image-comparison-slider/ @codepen.io – https://codepen.io/stanko/pen/myddXKm #CSS #webdev #frontend

  • Agreed. "Knowing #CSS is mastery to Frontend Development." https://helloanselm.com/writings/knowing-css-is-mastery-to-frontend-development via https://mastodon.social/@helloanselm "You won’t be a master at frontend development if you don’t understand underlying mechanisms of a language." #webdev #frontend

  • Untitled post 60438

    section.wall { opacity: 0;} #memes #css

  • BritCSS ( DeclanChidlow/BritCSS )

    Fixes CSS to use non-bastardised spellings. Created by DeclanChidlow on Feb 20, 2025.

  • I love it. BritCSS fixes #CSS to use "non-bastardised" spellings using English (traditional) spellings for CSS properties, rather than English (simplified). background-colour vs background-color. 🙂 https://github.com/DeclanChidlow/BritCSS #webdev #JavaScript

  • A Content List With Bulk Actions Using Ancient #HTML and Modern #CSS https://cloudfour.com/thinks/a-content-list-with-bulk-actions-using-ancient-html-and-modern-css/ #webdev #frontend

  • Build a light/dark mode toggle switch component with #CSS & #JavaScript https://webdesign.tutsplus.com/light-dark-mode-toggle-switch-with-css-javascript–cms-109068t #webdev

  • 100+ Open Source #SVG Spinners https://magecdn.com/tools/svg-loaders?ref=web-design-weekly.com #webdev #frontend #CSS

  • ULTIMATE-JAVASCRIPT-PROJECT ( deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT )

    A comprehensive list of 500 JavaScript project ideas for developers of all skill levels. Open-source and community-driven. Created by deepakkumar55 on Jun 01, 2024.

  • Untitled post 60399

    .bathroom { width: fit-content;} #memes #css

  • Larastrap is a collection of opinionated Bootstrap 5 components for #Laravel. #PHP #CSS https://larastrap.madbob.org/

  • More #CSS goodies incoming. "CSS scrollbar-color and scrollbar-gutter are Baseline Newly available" https://web.dev/blog/baseline-scrollbar-props With the scrollbar-color property you can change the colors used for scrollbars. Using scrollbar-width you can opt-in to a narrower scrollbar or hide completely. #webdev

  • Untitled post 60337

    "How did you know that the worker installing your power outlets was formerly a bad #CSS developer?" 🤔 #memes #webdev

  • Untitled post 60329

    title { text-decoration: underline; width: 25%; word-break: all;} 🤔 #CSS #memes

  • tailwind-alchemist ( Einenlum/tailwind-alchemist )

    A CLI tool to find and replace Tailwind CSS colors 🪄 Created by Einenlum on Jan 29, 2025.

  • Untitled post 60320

    .stop-sign .hexagon { width: 50px; height: 50px;} #memes #CSS

  • Tailwind Alchemist is a #CLI tool to find and replace Tailwind #CSS colors. https://github.com/Einenlum/tailwind-alchemist Check all the #Tailwind default colors used in your project and replace existing colors with new ones while maintaining consistency. #webtools #webdev

  • Nice look'n SVG to CSS converter. Converts SVG code into a Data URI, an encoded URL format that can be used as a background-image source. #webdev #SVG #CSS https://www.svgbackgrounds.com/tools/svg-to-css/

  • Why I 🧡 the web: "Elemap" is a #TypeScript library allowing to create interactive game maps of various types, rendered using #HTML elements and #CSS. Demos:https://anbeeld.com/elemap #opensource https://github.com/Anbeeld/Elemap #gamemaps #JavaScript

  • Nice quick #HTML reference: https://htmlreference.io Also one for #CSS: https://cssreference.io #webdev

  • cs16.css is a #CSS library based on… <checks notes> …Counter Strike 1.6 UI. Neat. https://cs16.samke.me/ #webdev

  • "Build for the Web, Build on the Web, Build with the Web" From @csswizardry https://csswizardry.com/2025/01/build-for-the-web-build-on-the-web-build-with-the-web/ "Web as a platform = a safe bet…Opt into features incrementally…Embrace progressive enhancement…Write code that leans into browser, not away from it." #webdev #frontend #css

  • ui ( felix-bohlin/ui )

    A CSS UI library exploring how next-gen HTML & CSS features can change the way we create components. Designed to be used by professional teams as well as tinkering hobbyists. Created by felix-bohlin on Apr 01, 2024.

  • https://open-props-ui.netlify.app allows you to use components (like a menu, button, badge, or form elements) that you can copy and paste to your project. #opensource: https://github.com/felix-bohlin/ui #frontend #webdev #CSS

  • A nice little #CSS button generator, in case you need one in a pinch. https://markodenic.com/tools/buttons-generator #webdev

  • Interesting: matcha.css is a drop-in semantic styling library in pure #CSS. https://matcha.mizu.sh “Ideal for fast prototyping, static HTML pages, Markdown-generated documents…”. No dependencies Semantic. #webdev

  • Untitled post 60250

    .pool-table { border-radius: 50%;} #CSS #memes

  • Nice to see a moderate pain in the #CSS butt addressed. https://developer.chrome.com/blog/css-text-box-trim Take back space from above and below your text content. #webdev

  • Untitled post 60233

    .house { flex-direction: column-reverse;} #CSS #memes