davidbisset.social

css

  • .@PetrGazarov shows how to do “Text Input with Expanding Bottom Border” medium.freecodecamp.org/text-input-hig… (via @chriscoyier) #css

  • Nice. Random cake in #css (via @mrjasonweaver at @CodePen)

  • Front-end devs: how to structure your #CSS better as components restishistory.net/blog/how-to-st…

  • Unlocking the Benefits of #CSS Variables jonathan-harrell.com/unlocking-bene…

  • Prettier + Stylelint: Writing Very Clean #CSS (Or, Keeping Clean Code is a Two-Tool Game) @chriscoyier css-tricks.com/prettier-style…

  • Ha. Monopoly board game w/ #CSS Grid: codepen.io/johnnycopes/pe…

  • .@mozilla has created a “Css Grid Layout” playground to help #css developers learn more about grids: mozilladevelopers.github.io/playground/

  • How to animate individual letters with the correct kerning (via @CodePen) #css codepen.io/rachsmith/post…

  • Interesting demo of liquid distortion effects in WebGL: tympanus.net/codrops/2017/1… #css #javascript

  • Interesting: comic book layout example on @CodePen codepen.io/rrenula/pen/Lz… #css

  • Nice. Connect 4 in #css (@CodePen) codepen.io/finnhvman/pen/…

  • Introduction to #css layout from @mozilla: mozilladevelopers.github.io/playground/09-…

  • Nice #CSS trick on @CodePen to animate photo-corner style border links: codepen.io/heyvian/pen/Na…

  • 5 things #CSS developers wish they knew before they started (via @andresgalante on @Real_CSS_Tricks) css-tricks.com/5-things-css-d…

  • SentinelJS is a tiny #JavaScript library that lets you detect new DOM nodes using #CSS selectors. github.com/muicss/sentine…

  • Nice neon effect with #css on @CodePen. codepen.io/AllThingsSmitt…

  • This is cool: #CSS only directionally aware hover on @CodePen codepen.io/giana/pen/YZWj…

  • Minimal Page Transitions with #jQuery & #CSS blog.adam-marsden.co.uk/minimal-page-t…

  • Draw a horizontal tree using #CSS pseudo elements igauravsehrawat.github.io/draw-a-horizon…

  • Nice airport distance map in @codepen made with #JavaScript #CSS #SVG codepen.io/shshaw/full/vJ…

  • Sass #SCSS Responsive Media Queries Mixin for Eight Different Screen Sizes #css github.com/ahmadawais/ReS…

  • Tips on doing a “frosted glass effect” in #css: medium.com/@AmJustSam/how…

  • Interesting: Shoelace.css is a “starter kit” – a ”#CSS reset sprinkled with helpful components” shoelace.style

  • A “Collection of Interesting Facts” about #CSS Grid Layout from @mmatuzo at @Real_CSS_Tricks css-tricks.com/collection-int…

  • Nice @CodePen mimicking Facebook emoji animations w/ #css codepen.io/Freaked/pen/gx…

  • “What’s next for CSS?” is a database #CSS features and how far they are in becoming implemented web standards. jonathantneal.github.io/css-db/

  • Front-end dev’ers: “Font aliasing, or how to rename a font in #css” by @zachleat: zachleat.com/web/rename-fon…

  • Pros and cons for methods for equal height columns in #css (including flex and css grid) codepen.io/craigwfox/post…

  • “Juice” from @automattic inlines #CSS into HTML source (say for HTML emails). github.com/Automattic/jui… They just need to create “Gin”.

  • Kinda cool, especially if you’re a front-end dev: Building a pure #css crossword puzzle. sitepoint.com/how-built-pure…