davidbisset.social

css

  • "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

  • Interviewer: "Can you explain this gap in your resume?"#CSS Developer: "visibility: hidden;"

  • bladewind ( mkocansey/bladewind )

    BladewindUI is a collection of elegant Laravel blade-based UI components spiced with TailwindCSS and Javascript. Created by mkocansey on Apr 10, 2022.

  • As this year closes I want to thank all those who worked hard in 2024 supporting and making #WordPress, #CSS, #JavaScript, #PHP and other #webdev related things better. And those that support them: their spouses, family, pets, friends, and therapists.

  • MingCute ( Richard9394/MingCute )

    Carefully Designed Icon Library. MingCute is a set of simple and exquisite open-source icon library. Whether you’re a designer or a developer, it’s perfect for use in web and mobile. Created by Richard9394 on Jul 06, 2021.

  • tufte-css ( edwardtufte/tufte-css )

    Style your webpage like Edward Tufte’s handouts. Created by edwardtufte on Oct 15, 2014.

  • My wife is the “flex-direction” to my “display: flex”. #css ♥️

  • sorted-colors ( scriptype/sorted-colors )

    A tool to sort the named CSS colors in a way that it shows related colors together Created by scriptype on May 24, 2020.

  • ‪https://anypalette.co claims to have 1m+ palettes and you can search by colors (#ff0000). You can tweak a palette once you find one, create and save ones you liked. #CSS

  • Two big anniversaries today on December 17. 🎉 #CSS turns 28 (1996)https://www.w3.org/Style/CSS20/ #Simpsons TV show aired its first episode.https://en.wikipedia.org/wiki/The_Simpsons_season_1

  • Untitled post 60091

    A collection of 732 "vanilla" #CSS mesh gradients free for you to use in any of your #webdev projects. https://www.mshr.app

  • Loving page transitions in #CSS. Little effort and don't need to go overboard (yeah sure designers and developers never go overboard on new visual trends… lol). "Smooth Multi-Page Experiences with Just a Few Lines of CSS" https://htmhell.dev/adventcalendar/2024/3/

  • Back in my day of #Bootstrap (used to be called Twitter Bootstrap that's how old i am) a number of free code snippet libraries popped up – came in handy when you just needed 10-15 lines of code. Looking for the same with #TailwindCSS . Search for "Avatar" and get some results back I can…