2017 Jun 22th Reading Ref
esther
Working on the new project prototype based on vue.js.
SASS / CSS
- Building Production-Ready CSS Grid Layouts Today
- BEM by Example
- An Introduction to the
frCSS unit - CSS Shapes, clipping and masking – and how to use them
- A Practical Guide to CSS Variables (Custom Properties)
- How to Apply CSS3 Transforms to Background Images
- How I Built a Pure CSS Crossword Puzzle ★★★★★
- Naming Things is Only Getting Harder ★
- What Does a Well-Documented CSS Codebase Look Like? ★★★
- Connect: behind the front-end experience
- Using CSS variables correctly
- Oh No! Our Stylesheet Only Grows and Grows and Grows! (The Append-Only Stylesheet Problem) ★★★★★
- The web designer’s guide to Flexbox
- Handling Long and Unexpected Content in CSS
- Thoughts on Self-Documenting CSS
- Locally Scoped CSS Variables: What, How, and Why
- Fun with Viewport Units
- CSS Shapes, clipping and masking – and how to use them
- css-doodle
JS
- How to Create Interactive JavaScript Charts from Custom Data Sets
- Vue.js: a 3-minute interactive introduction
Web Design / UX
- 4 Ways Vibrant Colors Boost UI Design
- Connecting With Users: Incorporating Humor In Web Design
- Design systems, style guides, pattern libraries. What the hell is the difference?
- Accessible Modal Dialogs – A11ycasts #19(video)
- Designing The Perfect Accordion
- RIP Web Forms — You Will Not Be Missed!
- Flat Design: An Evolving Trend ★★★
- Dropdowns: Design Guidelines
- 3 UX Rules for Conversational UI Design
- The Designer’s AI Study Guide
- Color Accessibility Workflows