davidbisset.social

css

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

  • Untitled post 59944

    A "popular" Devtools extension for #Tailwind #CSS developers. https://gimli.app/tailwind #webdev #frontend

  • Crafting beautiful #HTML glass UI #CSS https://www.tyleo.com/html-glass.html

  • Torn between a joke about #Chrome or one about #Tailwind. #CSS "A recent Chrome update broke text highlighting on a bunch of sites" https://www.theverge.com/2024/11/19/24300531/chrome-chromium-text-highlighting-invisible-websites-tailwind-css

  • Nice look'n. https://tips.io – A #Tailwind playground with #AI, page management, and theming #wesbitebuilder #webdev #CSS

  • How to Create an Organic Text Distortion Effect with Infinite Scrolling https://tympanus.net/codrops/2024/11/06/how-to-create-an-organic-text-distortion-effect-with-infinite-scrolling/?ref=web-design-weekly.com "Learn how to create an organic distortion effect for text using #JavaScript and #CSS for a unique, fluid animation." #frontend

  • Center the bottom row when using grid auto-fit in #CSS (video) https://www.youtube.com/watch?v=HvhSEsFEsAg #webdev

  • New #CSS that can actually be used in 2024 https://thomasorus.com/new-css-that-can-actually-be-used-in-2024.html #webdev via @thomasorus Nice rant: "The amount of stuff our influencers hype on their websites and newsletters needs to slow down. I know they sincerely like CSS, that their professional life depends on staying up to date and looking relevant in CSS, but damn."

  • Untitled post 59824

    Apparently there's a new #CSS logo coming? Down to two choices (screenshot from a voting request two days ago). https://github.com/CSS-Next/css-next/issues/105

  • Untitled post 59801

    How to Make a “Scroll to Select” Form Control #CSS #JavaScript https://css-tricks.com/how-to-make-a-scroll-to-select-form-control/

  • Untitled post 59797

    .road { margin-left: -50%;} #memes #CSS

  • The State of Frontend 2024: Results from a survey completed by over 6,000 #developers. #frontend #webdev #css https://tsh.io/state-of-frontend/

  • #CSS Masonry & CSS Grid https://css-tricks.com/css-masonry-css-grid/ Two competing proposals to solve masonry in CSS. #webdev

  • "#HTML Whitespace is Broken" If you wanted to spend the afternoon reading the "War and Peace" sized blog post about HTML (and some #CSS etc) and HTML whitespace this is your jam. "Deep dive" doesn't do this justice (in a good way). https://blog.dwac.dev/posts/html-whitespace/ via @develwithoutacause #webdev

  • Untitled post 59706

    Friend: "Did you see the #CSS redesign of our site on mobile?" Me: 🤔 #webdev #memes

  • Styling links based on their destination #CSS #HTML https://shkspr.mobi/blog/2024/10/styling-links-based-on-their-destination/

  • Two #CSS Properties for Trimming Text Box Whitespace https://css-tricks.com/two-css-properties-for-trimming-text-box-whitespace

  • Nice. How to animate the #CSS Grid properties by building a responsive image grid with hover effects. https://webdesign.tutsplus.com/how-to-animate-css-grid-layouts-image-grid-project–cms-108937t

  • A simple way of building a periodic table in #CSS. https://dev.to/madsstoumann/the-periodic-table-in-css-3lmm #webdev

  • "Hire #HTML and #CSS people" https://robinrendle.com/notes/hire-html-people/ #webdev

  • #SVG Coding Examples: Useful Recipes For Writing Vectors By Hand #webdev #frontend #CSS https://www.smashingmagazine.com/2024/09/svg-coding-examples-recipes-writing-vectors-by-hand/

  • Creating a custom cursor for your website #HTML #CSS #webdev https://dev.to/bridget_amana/creating-a-custom-cursor-for-your-website-2jpo?ref=web-design-weekly.com

  • cssnano takes your nicely formatted #CSS "and runs it through many focused optimisations, to ensure that the final result is as small as possible for a production environment". #webdev https://cssnano.github.io/cssnano/

  • A (more) Modern #CSS Reset. https://piccalil.li/blog/a-more-modern-css-reset/

  • "Two Ways to Create Custom Translated Messaging for #HTML Forms" https://css-tricks.com/two-ways-to-create-custom-translated-messaging-for-html-forms/ #CSS #translation

  • Untitled post 59641

    "How are you doing learning #CSS grid?" Me: 🤔 #webdev #memes

  • #CSS-only infinite scrolling carousel animation "Uses & nesting selector syntax, which is a Baseline 2023 feature." https://blog.logto.io/css-only-infinite-scroll