2016 Sep 1st Reading Ref

esther

Recently JS toys Done: Lotto Draw
On going: Tetris, Todo List

Recommended References The Design Process
It’s not easy to explain the whole design process with this kind of comics.
Just say hi to Frank! :“)

SASS / CSS

• How to use the module pattern in your SCSS/SASS stylesheets 2016/09/01
• Fun Times With CSS Pixel Art 2016/09/01
• action button with checkbox trick (NO JS) 2016/09/01
• Refactoring CSS: The Three I’s 2016/09/01
• Pure CSS implementation of Google Photos / 500px image layout 2016/09/01
• Developing Extensible HTML and CSS Components 2016/09/01
• CSS Positioning Explained By Building An Ice Cream Sundae 2016/09/01
• Introducing CSS’ new font-display property 2016/08/29
• Use Cases for Fixed Backgrounds in CSS 2016/08/29
• Smooth as Butter: Achieving 60 FPS Animations with CSS3 2016/08/29
• 8 Clever Tricks with CSS Functions 2016/08/29
• Upgrading CSS Animation With Motion Curves 2016/08/29
• Cool CSS Text Effects – 20 Amazing Examples 2016/08/29
• A few HTML tips 2016/08/29
• Parallax Image Scrolling Animation with CSS 3D and JavaScript 2016/08/23
• Journey to Enjoyable, Maintainable Styling with React, ITCSS, and CSS-in-JS 2016/08/23
• How to create a simple layout with CSS Grid Layouts 2016/08/23
• Building Themes with CSS4 Color Features 2016/08/23
• Force Selection of Text Block 2016/08/23
• font-display for the Masses 2016/08/23
• A Case Study on Boosting Front-End Performance 2016/08/23
• Flexible typography with CSS locks 2016/08/23
• Using Feature Queries in CSS 2016/08/23

JS / jQuery

• webpack 从入门到上线 2016/08/29
• Shadow DOM 2016/08/23

Front-End

• Web Development Reading List #150: Less Code, GitHub’s Security, And The Morals Of Science 2016/09/01
• Ways To Reduce Content Shifting On Page Load 2016/09/01
• When is the Right Time to Think about Web Performance? 2016/09/01
• 40 Hours to Prototype 2016/09/01
• 7 Tips for Better Responsive Photo Galleries 2016/09/01
• How to Translate from DOM to SVG Coordinates and Back Again 2016/09/01
• Designers Should Learn Marketing 2016/08/29
• 4 clear benefits of an A/B tested website 2016/08/23

Web Design / UX

• Essential design trends, August 2016 2016/09/01
• The Design Process 2016/09/01
• How to design words 2016/08/29
• The New Rules of Form Design 2016/08/29
• Typography is impossible 2016/08/29
• All about creating design style guides 2016/08/29
• Helping users easily access content on mobile 2016/08/29
• Better web images 2016/08/29
• The rise and rise of the brutalist design trend 2016/08/29
• Communicating Animation 2016/08/23
• Things I’ve Learned About Responsive Email Design 2016/08/23
• Optical Adjustment – Logic vs. Designers 2016/08/23
• An Introduction to Facebook Insights
• The future of UX design 2016/08/22

Tools/Materials

• spectre (CSS Framework) 2016/09/01
• CanvasFlip 2016/09/01
• codedammit 2016/08/29
• Kit FUI 2016/08/23