davidbisset.social

css

  • Don’t use custom #CSS scrollbars https://ericwbailey.website/published/dont-use-custom-css-scrollbars/

  • Untitled post 57468

    https://www.thegoodlineheight.com/ is a tool that calculates a good line height: "the exact number so it always fits the baseline grid". #CSS

  • "4 Levels of Grids for Web Designers" Levels of grid use in interaction design, from the most basic — like alignment — to the more craft-intense and detailed — like vertical spacing. #CSS https://www.chrbutler.com/2023-05-28?ref=web-design-weekly.com

  • Why we're bad at #CSS (via @peruvianidol) https://www.mikeaparicio.com/posts/2023-05-22-why-were-bad-at-css/

  • Nice. A brief tutorial explaining how to move an element along a given path, using the offset-path property. #CSS #JavaScript https://rauno.me/craft/graph-slider

  • Nice. A brief tutorial explaining how to move an element along a given path, using the offset-path property. #CSS #JavaScript

  • Untitled post 57230

    "Mastering #CSS Blend Modes" Nice guide to CSS mix blend modes. https://www.kodingkitty.com/blog/blend-modes/

  • Single Line Comments in #CSS https://blog.jim-nielsen.com/2023/single-line-comments-in-css/ Good line from @jimniels "Sass was like #jQuery: a wonderful proving ground for innovative, constructive ideas and APIs that eventually made their way into the web platform."

  • Untitled post 57054

    Brilliant. The "World's Best #CSS Developer Award".

  • Untitled post 56900

    Cool: "SupportsCSS" Live, in-browser detection of modern CSS support for selectors, features, and at-rules. Applies support-based classes, exposes a results object, and allows custom tests. https://supportscss.dev/ #CSS

  • Rebuilding a featured news section with modern #CSS: Vox news https://ishadeed.com/article/rebuild-featured-news-modern-css/

  • Responsive Yearly Calendar with #Flexbox #CSS https://shkspr.mobi/blog/2023/04/responsive-yearly-calendar-with-flexbox/ via @Edent

  • It’s 2023 and i’m still blown away what you can do with #CSS. twitter.com/Jane0ri/status…

  • Untitled post 56757

    My adventures in #CSS.

  • A nice explanation from @jon_neal of how #JavaScript observing #CSS changes works. jonneal.dev/blog/observing…

  • What a nice effect on this @CreativeSouthGA site. Load up creativesouth.com and move your cursor around. @dandenney pointed me to this post from @rachsmithtweets on a recreation w/ #CSS #JavaScript and HTML. rachsmith.com/recreating-cre… pic.tw…

  • Spinning Diagrams with #CSS https://x.st/spinning-diagrams-with-css/

  • Checkered background using two lines of code in #CSS https://www.amitmerchant.com/checkered-background-using-only-two-lines-of-code-in-css/

  • Building a CodePen Type Editor from Scratch https://decode.sh/building-a-code-pen-type-editor-from-scratch #CSS #JavaScript

  • A #CSS selector to highlight clickable elements https://sebastiandedeyne.com/a-css-selector-to-highlight-clickable-elements/ via @sebdd

  • Appreciated this: “#CSS is hard no matter how good you are at it” (via @JonathanStee1) aha.io/engineering/ar…

  • NERD ALERT. Trigonometric functions in #CSS https://web.dev/css-trig-functions/

  • Some really nice tips here from @collinsworth on #CSS animation: https://joshcollinsworth.com/blog/great-transitions

  • Circular Text with #CSS https://dev.to/jh3y/circular-text-with-css-57jf

  • Looks like you can try #CSS nesting (at least in Chrome and Safari) today: https://webkit.org/blog/13813/try-css-nesting-today-i-safari-technology-preview/

  • Nice: Ten tips for better #CSS transitions and animations via @collinsworth https://nicolas-hoizey.com/links/2023/03/21/ten-tips-for-better-css-transitions-and-animations/

  • If you do #CSS or front-end code, this is a nice post on what you can do grid-template-areas: builder.io/blog/css-grid-…

  • #CSS tip: “Zebra Stripe Lines” of text even when they wrap (via @chriscoyier) chriscoyier.net/2023/03/07/zeb…

  • Untitled post 55953

    Nice. @chriscoyier turned me on to: https://scrollbar.app Shows off multiple #CSS pseudo-elements that allows us to customize elements scrollbar on WebKit and Blink based browsers.

  • Untitled post 55936

    Awesome. Having flashbacks. After Dark Screensavers in #CSS https://www.bryanbraun.com/after-dark-css/