davidbisset.social

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

  • Relatively New Things You Should Know about #HTML Heading Into 2025 (from @chriscoyier.net on @frontendmasters.com) https://frontendmasters.com/blog/bone-up-html-2025/ And yes! Styleable <select>s are coming! 🎉 #CSS #webdev

  • Untitled post 60210

    .bench { position: absolute; margin-bottom: -100px;} #CSS #memes

  • Picyard is a tool for making your code snippets look nice with various themes and languages supported. I've seen apps (paid and free) do this, but if you need a free online solution work a look. https://www.picyard.in/code #frontend #CSS #webdev #JavaScript #PHP

  • https://colorify.rocks #AI generated color palettes. Enter any keyword or theme to generate. I tried it out – some good, some ok. But worth a bookmark IMO. #webdev #CSS

  • Beautiful focus outlines in #CSS. "When we treat focus outlines as essential design elements rather than afterthoughts, we create interfaces that are both beautiful and inclusive." https://medienbaecker.com/articles/focus-outlines #accessibility #webdev via @medienbaecker

  • Nice collection of #CSS transitions here for the taking. https://www.transition.style #webdev

  • If you wanted a little philosophy and self reflection with your #CSS then this might hit the spot. I’ve never personally identified with z-index until today. https://dev.to/eioluseyi/z-index-and-the-hierarchy-of-needs-1n #frontend #css #webdev

  • Nice. A #CSS flex box "playground" from Yoav Sabag. Experiment with different flex properties to understand how they affect layout. Adjust the controls below to see changes in real-time and copy the generated CSS code. #webdev https://yoavsbg.github.io/css-flexbox-playground/

  • Untitled post 60173

    Literally the last day of the year to finish your big project and you can’t get that 1% of #CSS to line up. #memes #webdev