davidbisset.social

css

  • Interesting method from @chriscoyier: right click a logo for “Logo Download Options” css-tricks.com/right-click-lo… #css

  • Styling Broken Images bitsofco.de/styling-broken… #css

  • #CSS only Responsive Tables dbushell.com/2016/03/04/css…

  • Using Sass Mixins to Power Your Projects from @webdevstudios own @ImBigWill webdevstudios.com/2016/03/01/usi… #css

  • The #Flexbox Reading List: Techniques and Tools smashingmagazine.com/2016/02/the-fl… #css

  • 16 #CSS Lessons via Post-it® Notes @baddrawings medium.com/@baddrawings/1…

  • How to create a mobile preview tool with pure #CSS designhooks.com/how-to-create-…

  • Using YouTube Videos as Fullscreen Backgrounds (getting to be worn-out trend but nice if used properly) thenewcode.com/500/Use-YouTub… #css

  • nth-test.com is a tool for Using Nth-Child in #CSS

  • A revised clearfix for #css coders: cssmojo.com/the-very-lates…

  • Completely CSS: Custom checkboxes, radio buttons and select boxes kyusuf.com/post/completel… #css

  • A simple HTML5 Progress bar lottejackson.com/learning/html-… #css

  • Build a a React-based, text-only, loading screen animated sequentially with CSS techblog.ourcentro.net/patrick-grady/… #reactjs #css

  • Bulma: another modern CSS framework based on Flexbox bulma.io #css

  • Frontend developers: bookmark this @CodePen “Flex Container Playground” codepen.io/enxaneta/full/… #css

  • A 1100+ color collection available of “brand” colors in #sass, less, stylus and #css brand-colors.com

  • flexbox.io : Free 20 video course that will help you master #CSS Flexbox

  • A gradient generator that does those “blurry backgrounds” based on images. gradient.quasi.ink #sass #css

  • app-reset.css: A minimal set of reset #CSS specifically for web applications github.com/benfrain/app-r…

  • I’ve been looking for a clean SASS based CSS grid system and Avalanche looks pretty good: colourgarden.net/avalanche/ #css

  • Browser and device specific #CSS styles w/ #SASS & #LESS mixing. aslanbakan.com/en/blog/browse…

  • Crafting Twelve-Column Layouts with Flexbox #css @davidwalshblog davidwalsh.name/flexbox-layouts

  • Touch Keyboard Types Cheat Sheet #html5 #css baymard.com/labs/touch-key…

  • Generally avoid “end of the year” lists but this “Best Pure #CSS @CodePen Of 2015” is worth a look: cssdesignawards.com/articles/best-…

  • Very cool #css demo: “Animated Map Path for Interactive Storytelling” tympanus.net/codrops/2015/1…

  • Twitter’s Heart Animation in Full #CSS medium.com/@OxyDesign/twi…

  • Intuitive Scrolling Interfaces with #CSS Scroll Snap Points sitepoint.com/intuitive-scro…

  • “Why I’m Excited About Native #CSS Variables” @philwalton philipwalton.com/articles/why-i…

  • A “simple presentation template” in #CSS and #jQuery. codyhouse.co/gem/presentati…

  • Nice #css proof of concept of an “interactive room display” tympanus.net/codrops/2015/1…