2017 Aug 11th Reading Ref

esther

Design trends: THIN(NER) TYPOGRAPHY / ELABORATE DETAILS / ICON LOGOS
Highlight: UI vs UX: What is the Difference?

SASS / CSS

• The Difference Between Explicit and Implicit Grids
• Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins
• The Best Way to Implement a “Wrapper” in CSS
• How We Solve CSS Versioning Conflicts Here at New Relic
• How to use -ms-high-contrast
• Making A Bar Chart with CSS Grid
• Using CSS Grid where appropriate ★★★★★
• CSS Inheritance: An Introduction
• Replaced Elements in HTML: Myths and Realities
• Getting Started with Sass
• Inspiration for Menu Hover Effects
• How to create a beautiful animated loader with nothing but CSS
• Why display: contents is not CSS Grid Layout subgrid
• Using viewport units to scale fixed layouts
• 13 CSS Page Transitions

JS

• Creating Custom Inputs With Vue.js

Front-End

• Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS

Web Design / UX

• Improve Your UX With a Niche Approach
• Friendly, Frictionless Work: Best Practices For Enterprise Messaging UX, From Slack
• UI vs UX: What is the Difference? ★★★★★
• A Designer’s Guide to Fast Websites and Perceived Performance
• Tooltips & Toggletips ★★
• How Google Designers Adapt Material
• How to identify Good Design in 6 steps

Tools/Materials

• Css Grid Highlighter for Chrome