davidbisset.social

css

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

  • qr-code-generator ( JoaoFranco03/qr-code-generator )

    📱 A QR Code Generator created using Tailwind CSS, HTML, CSS and JavaScript Created by JoaoFranco03 on Feb 19, 2023.

  • web ( phosphor-icons/web )

    A flexible icon family for the web Created by phosphor-icons on Sep 17, 2020.

  • Tooltip Best Practices https://css-tricks.com/tooltip-best-practices/ #UX #UI #Frontend #CSS #Webdev

  • A “native” dual-range input. “..all of the native interactions and accessibility features are preserved.” #JavaScript #CSShttps://muffinman.io/blog/native-dual-range-input/

  • Next-level frosted glass w/ backdrop-filter via @joshwcomeau https://www.joshwcomeau.com/css/backdrop-filter/ I like how Josh looks a more of the smaller details that really bring up the last 10% of the effect. Worth bookmarking even if you know the basics. #CSS #webdev

  • LaTeX.css – Make your website look like a LaTeX document. Write semantic HTML, add <link rel="stylesheet" href="https://latex.vercel.app/style.css"> to the <head> of your project and you are good to go. https://latex.vercel.app #CSS #Latex

  • Stumbled on this. I guess if you are into #Tailwind and #WordPress? https://wind.press/ "Use Tailwind #CSS within the block editor, page builders, plugins, and themes — no build step is required." https://github.com/wind-press/windpress

  • wave ( thedevdojo/wave )

    Wave – The Software as a Service Starter Kit, designed to help you build the SAAS of your dreams 🚀 💰 Created by thedevdojo on Mar 25, 2021.