davidbisset.social

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

  • Untitled post 59634

    #CSS @property and the New Style https://ryanmulligan.dev/blog/css-property-new-style/ "The ensuing demo explores what's possible in the next generation of CSS."

  • Why I 🧡 the web. Someone made a site that lets everyone edit the same #gradient in real-time. https://internetgradient.com/ Going a little #viral so it's slow. Best to use on a desktop, full screen and Chrome (Firefox worked slower). #CSS

  • #CSS finally adds vertical centering in 2024 https://build-your-own.org/blog/20240813_css_vertical_center/

  • A recent and "fresh look" at the #CSS grid template areas and how to take advantage of its full potential. #webdev https://ishadeed.com/article/css-grid-area/

  • An introduction to #CSS container queries. https://www.hongkiat.com/blog/css-container-queries/?ref=web-design-weekly.com #webdev

  • A collection of simple one-line #CSS solutions to add "little improvements to any web page". https://alvaromontoro.com/blog/68055/ten-css-one-liners-for-almost-every-project #webdev

  • …and here's an #opensource app that turns #photos into kaleidoscope animations. #JavaScript #CSS https://collidingscopes.github.io/

  • Flow Charts with #CSS Anchor Positioning https://coryrylan.com/blog/flow-charts-with-css-anchor-positioning