davidbisset.social

css

  • Nice explanation on how #CSS pseudo-classes work from @NashVail medium.freecodecamp.com/explained-css-…

  • Nice post focusing on 10 principles for smooth web animations @aprilzero blog.gyrosco.pe/smooth-css-ani… #css #javascript

  • Photo toning w/ gradients and blend modes in #css daveshea.com/2016/10/24/pho…

  • A Priority+ Navigation With Scrolling and Dropdowns @Real_CSS_Tricks css-tricks.com/priority-navig… #css

  • Neatest @CodePen thing this week for me might be Minesweeper in pure #CSS: codepen.io/bali_balo/pen/…

  • An introduction to “thoughtful” #CSS architecture from @nrambeck seesparkbox.com/foundry/though…

  • Cool way to make “irregular circles” in #CSS lottejackson.com/learning/nth-c…

  • Haven’t used @supports yet in my CSS, but it does look useful: lottejackson.com/learning/suppo… #css

  • Comparison of WordPress, Medium, Ghost and Github and how each has adopted the new system fonts stack bitsofco.de/the-new-system… #css

  • Nice transition effect with #CSS masks tympanus.net/codrops/2016/0…

  • Accessible, lightweight vanilla Javascript plugin for enhancing checkboxes using #CSS. urre.github.io/checkbix/

  • Jam API is a service that allows you to turn any site into a JSON accessible api using #CSS selectors. jamapi.xyz

  • Nice trick to get tilted angles in #Sass sitepoint.com/tilted-angles-… #css

  • A set of #SCSS mixins for single element loaders and spinners bit.ly/2d2wlBU #css

  • Some nice experimental SVG letter animation here. tympanus.net/codrops/2016/0… #svg #css

  • SVG heat shimmer effect #css bl.ocks.org/monfera/19845c…

  • Love this: “Project Deadline Progress Bar Animation” via @twsjonathan codemyui.com/project-deadli… #css

  • .@perborgen shows how you can learn CSS Flexbox in 3 minutes medium.com/learning-new-s… #css

  • Emoji clarification: “clarify your words with emojis” @andreruffert #css github.com/andreruffert/e…

  • Nice in-depth post from @jensimmons on (possibly not often used) feature queries in #CSS with @supports rule. hacks.mozilla.org/2016/08/using-…

  • A SCSS-based boilerplate for developing WordPress themes: github.com/agims/sherpa #css

  • Developers: Better Keyboard Navigation w/ Progressive Enhancement christianheilmann.com/2016/08/15/bet… #css #a11y

  • Nice. @chriscoyier shows off a technique to force selection of a text block. css-tricks.com/force-selectio… #css

  • Simple Typography with Sass adam-marsden.co.uk/simple-typogra… #css

  • Neat trick: a scroll indicator done completely in #css: codepen.io/MadeByMike/pen… @CodePen

  • Working w/ SVGs? Here’s some tips to help make sure they don’t slow down performance: css-tricks.com/high-performan… #css

  • Nice discovery from @shadeed9 on how you can use #css property “writing-mode” ishadeed.com/article/css-wr…

  • Brilliant. “They Live” Sunglasses in #CSS. Best @CodePen of the week. codepen.io/dudleystorey/p…

  • CSS Flags pixelastic.github.io/css-flags/ #css

  • Clever! Full Width Containers in Limited Width Parents @Real_CSS_Tricks css-tricks.com/full-width-con… #css