2018 June 28th Reading Ref

SASS, CSS

• What is SVG good for?
• CSS Pseudo-Elements and Transforms: My Favorite CSS Tools ★★★
• Centering: The Newest Coolest Way vs. The Oldest Coolest Way ★★★
• Don’t Use The Placeholder Attribute
• [Don’t just copy the @font-face out of Google Fonts URLs]https://css-tricks.com/dont-just-copy-the-font-face-out-of-google-fonts-urls/)
• Optimizing CSS: ID Selectors and Other Myths
• 1 Element CSS Rainbow Gradient Infinity
• The new (and old) CSS units you’ve never heard about
• CSS Micro Reset ★★★★★
• Accessible CSS-Only Floating Labels
• Combining the Powers of SEM and BIO for Improving CSS
• In defense of Functional CSS
• How to start with variable fonts on the web
• Level up your CSS selector skills
• Practical tips for working with CSS variables
• Creating a Bar Graph with CSS Grid
• Z-Index Explained: How to Stack Elements Using CSS

JS

• JavaScript 中有用的 Array 和 Object 方法
• Building a RSS Viewer With Vue: Part 1
• Building a RSS Viewer With Vue: Part 2
• HTTP请求方法：GET、HEAD、POST、PUT、DELETE、CONNECT、OPTIONS、TRACE 说明

Front-End

• The Four Big Ways Jetpack Helps with Image Performance
• Building a responsive image
• Your Brain on Front-End Development

Web Design / UX

• How to Create a Color Palette Without Stressing Out
• WEBSITE POP-UPS: THE GOOD, THE BAD, AND 18 RULES YOU SHOULD NEVER BREAK
• The Problem with Patterns
• 8-Point Grid: Typography On The Web ★★★
• A Collection of Unique Password Field & Form Utility Code Snippets

Tools/Materials

• Cool Backgrounds
• Wired Elements
• POLLY.JS ★
• Three Dots
• Cirrus ★★★
• PALX
• Accessible color palette builder
• Name that Color
• Ui Goodies
• vivid.js
• Box-shadows.css
• Grid System Library