davidbisset.social

css

  • 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

  • Super-powered layouts with CSS Variables + #CSS Grid (via @CodePen) codepen.io/michellebarker…

  • Working with the new #CSS Typed Object Model developers.google.com/web/updates/20…

  • Nice @CodePen eye animations codepen.io/creme/pen/rdjX… #css

  • Love this: Super Mario World animation made purely with #CSS w/ no images or JavaScript. medium.com/@alcidesqueiro…

  • Standalone parallax scrolling with #CSS variables basicscroll.electerious.com

  • How to make responsiveness super simple with #CSS Variables (via @perborgen) medium.freecodecamp.org/how-to-make-re…