davidbisset.social

css

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

  • CSS Centering Explorer: Find the way that how to center things in #CSS chunqiuyiyu.com/css-centering-…

  • Third party #CSS is not safe jakearchibald.com/2018/third-par…

  • Learn #CSS Variables in 5 minutes (via @perborgen) medium.freecodecamp.org/learn-css-vari…

  • Process of how a design goes from a concept to actual build with #CSS grid: chenhuijing.com/blog/how-i-des…

  • #CSS Grid + CSS Multi-Columns = ♥ (via @patrickbrosset) medium.com/@patrickbrosse…

  • An introduction to #CSS Grid and its potential with a practical example: medium.com/deemaze-softwa…

  • Recreating the GitHub Contribution Graph with #CSS Grid Layout bitsofco.de/github-contrib…

  • #CSS Gridish “automatically builds your grid design’s CSS Grid code, CSS Flexbox fallback code, and more” github.com/IBM/css-gridish

  • Interesting demo: #React component example that demonstrates re-flowing content into different views using #CSS Grids: github.com/jessekorzan/la…

  • Interesting: Proof of Concept for Website tracking, only using #CSS and no #Javascript (although probably no better than using JS) github.com/jbtronics/Croo…

  • Complete set of @instagram filters in pure #CSS: picturepan2.github.io/instagram.css/

  • #CSS Grid + Flexbox: Solving Real-world Problems (via @PeterMouland) medium.com/@petermouland/…

  • Nice @CodePen: Gooey text background with #SVG filters codepen.io/ines/pen/NXbmRO #css

  • From Bootstrap to #CSS Grid (via @natalyathree) open.nytimes.com/bootstrap-to-c…

  • Using SVG to create those “trendy” Duotone effects on Images (via @Real_CSS_Tricks) css-tricks.com/using-svg-to-c… #css

  • If you need a pixel wave animation for seamless page transitions: github.com/vin-ni/PixelWa… #css

  • Front-end developers: building a Calendar with CSS Grid (via @snookca) snook.ca/archives/html_… #css