2018 July 17th Reading Ref
esther
Built and new NGO project with vue.js: https://taiwaneducationprogram.github.io/
SASS, CSS
- Scrolling Gradient
- Unused
- Pattern Library First: An Approach For Managing CSS ★★★
- SCSScale
- CSS Grid Level 2: Here Comes Subgrid
- How to quickly prototype apps with CSS Grid and CSS Variables
- What is the CSS
chUnit? - CSS-in-JS: FTW || WTF
- CSS: A New Kind Of JavaScript
- Little Tip: Draw Your Grid in ASCII in Your CSS Comments for Quick Reference
- The CSS Paint API
- CSS List Item Tricks You Should Know
- The noob’s guide to CSS Grid
- CSS Grid in IE: Faking an Auto-Placement Grid with Gaps
- CSS Grid in IE: CSS Grid and the New Autoprefixer
- CSS Grid in IE: Debunking Common IE Grid Misconceptions
- BEM For Beginners: Why You Need BEM
- How and Why We Unit Test Our Sass ★★★★★
- Resilient, Declarative, Contextual ★★
- Clearfix: A Lesson in Web Development Evolution
- Pixels vs. Ems: Users DO Change Font Size
- Where is CSS4? When is it coming out? ★★★
- Hot tips CSS
- Fitting Text to a Container
- 9 Biggest Mistakes with CSS Grid
- Drawing Images with CSS Gradients
- Centering: The Newest Coolest Way vs. The Oldest Coolest Way
- The new (and old) CSS units you’ve never heard about
JS
- 用最简单的方式理解 JavaScript 中的 Symbols，Iterators(迭代器)，Generators(生成器)，Async/Await(异步/等待) 和 Async Iterators(异步迭代器)
- Vue.js: the good, the meh, and the ugly
- What Is Redux: A Designer’s Guide ★★★★
- THE VUE HANDBOOK
- React From Zero
- Building Mobile Apps With Capacitor And Vue.js
- Vue + TypeScript: A Match Made in Your Code Editor
Front-End
- What kind of ethics do front-end developers need?
- Improving Performance Perception: On-demand Image Resizing
- Using Background Processing to Speed Up Page Load Times
Web Design / UX
- Design Systems: Everything You Should Know
- The Design Tool Dilemma
- Design Systems at GitHub
- WebAssembly is more than the web
- The Link Bar, an Ecommerce Mobile Homepage Navigation Alternative (to the Hamburger Menu)
- How high-end companies fail in UX design ★★
- 3 practical cheat sheets for designing attention grabbing UIs
- Better Research, Better Design, Better Results
- BetterUI: What Should RightMessage.com Change On Its Homepage For More Signups?
- 10 DATA VISUALIZATION BEST PRACTICES FOR THE WEB
- Don’t Use The Placeholder Attribute
- How to Become a UX Designer
- Designing for accessibility is not that hard
- How to Write a UX Proposal
- A Beginners Guide to to A/B and Multivariate Testing
- User-Centered Design: Process And Benefits
- Interface Exploration: Depth and Color
- Never Overlook Animation in UX
- The ‘UI and UX Design’ Pocket Guide (Volume One)