davidbisset.social

css

  • A nice wheel color generator: github.com/hihayk/wheel #css

  • Nice #css technique here from @chriscoyier on how to have a background gradient change as you scroll: css-tricks.com/scrolling-grad…

  • The more i look at Unicode Patterns, the more i love the visual effects you can achieve w/ #CSS. @yuanchuan23 shows how you can do this at @Real_CSS_Tricks: css-tricks.com/more-unicode-p…

  • A look from @csswizardry into how browser download images, and the inconsistencies. Nice for front-end devs: csswizardry.com/2018/06/image-… #css

  • #CSS in real life.

  • Neat: changing a color of an element in #CSS with your voice (Chrome only, via @CodePen) codepen.io/GeorgePark/pen…

  • How to build a toggle control smiley face using HTML and #CSS #SVG (via @EderChrono) levelup.gitconnected.com/smiley-toggle-…

  • A nice cross-browser collection of #CSS box-shadows from @andrejsharapov: madeas.github.io/box-shadows

  • Nice primer at @smashingmag on getting started with #CSS layouts smashingmagazine.com/2018/05/guide-…

  • If you’re new to #css or know someone who is then this post from @benjamminj on “How CSS Works: Understanding the Cascade” might be good: blog.logrocket.com/how-css-works-…

  • “Types of Coffee” in pure #CSS is a delicious work of art. codepen.io/juliepark/pen/…

  • Oh my. @j_kantner recreated a Scantron sheet using #CSS grid and i’m having flashbacks to high school. codepen.io/jkantner/pen/M…

  • Beautiful watch animation w/ only #css (via @codepen) codepen.io/Wujek_Greg/pen…

  • Simple and flexible, #css only, content placeholder loading animations github.com/zalog/placehol…

  • So #CSS Custom Properties are now supported in all modern browsers, and @mikeriethmuller has a nice strategy guide at @smashingmag: smashingmagazine.com/2018/05/css-cu…

  • The backdrop-filter property in #css looks pretty sweet. css-tricks.com/the-backdrop-f…

  • Unicode Patterns in #CSS (nice experiment) yuanchuan.name/2018/05/06/uni…

  • Nice look into the relative units of #CSS from @thepinecode: pineco.de/the-relative-u…

  • Interesting: a #CSS Grid Layout Interface Builder layoutit.com/grid

  • If you haven’t stuck your nose into #css recently then this “new CSS features” making impact on designs from “@smashingmag @zellwk is worth a look: smashingmagazine.com/2018/05/future…

  • How to do responsive knockout text w/ looping video css-tricks.com/responsive-kno… #svg #css

  • Finger-friendly numerical inputs with ‘inputmode’ #css css-tricks.com/finger-friendl…

  • Nice library for particle effects, say for buttons: tympanus.net/codrops/2018/0… #css #JavaScript

  • Nice. @snookca shows how to animate the <progress> HTML tag (it’s been around for years) snook.ca/archives/html_… #css

  • Best Practices With #CSS Grid Layout smashingmagazine.com/2018/04/best-p…

  • Creating smooth sequential animations with #Sass #css glennmccomb.com/articles/creat…

  • Interesting: solisapp.com is “Live Design Output” that integrates with code editors to delivering real time, multi viewport previewing of HTML, #CSS, #SCSS and LESS.

  • Interesting “Multidirectional Email Carousel” demo from @gj_wes on @CodePen codepen.io/Gwesolo/pen/jz… #css

  • Nice looking CSS3 Patterns Gallery #css lea.verou.me/css3patterns/

  • .@chriscoyier shows off a neat trick of keeping pixelated images pixelated as they scale. css-tricks.com/keep-pixelated… #css