2017 Apr 6th Reading Ref
esther
What’s the difference between Grid and Table?
How does Grid help?
Do we really need a grid system for any sites?
SASS / CSS
- You Kinda Can Use Custom Fonts in HTML Emails
- Your CSS could be more understandable
- CSS Grid Fallbacks and Overrides
- Getting to know CSS Grid Layout
- CSS Grid Layout: A New Layout Module for the Web
- Structuring and managing CSS
- Writing modular CSS PartI
- Writing modular CSS PartII
- Animating your hero header
- How You Can Use HTML5 Custom Data Attributes and Why
- Text Effects with CSS (and a little contenteditable trick)
- CSS Architecture: CSS File Organization
- Thoughts on Negative Margins
- CSS is Not Broken
- What are Container Queries?
- 8 CSS gotchas to start your morning off right ★★★
- CSS deep-dive: matrix3d() for a frame-perfect custom scrollbar
- 3 CSS Grid Features That Make My Heart Flutter
- CSS is Fine, It’s Just Really Hard
- Organize your CSS properties however you dang like
- CSS Viewport Units: A Quick Start
- Does CSS Grid Replace Flexbox?
- Tame Unruly Style Sheets With These Three CSS Methodologies ★★
- Building a CSS Grid Overlay
- Practical CSS Grid: Adding Grid to an Existing Design
- Case Study: My First Practical CSS Grid Layout
- CSS SIDEBAR TOGGLE
JS
- Writing JavaScript with Accessibility in Mind
- Yes, React is taking over front-end development. The question is why.
- The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)
Front-End
- Testing Your Frontend Code : Part I (Introduction)
- Making Animations Wait
- Debugging CSS for UI Responsiveness
- How to Select the Perfect Image Format to Optimize Your Website
Web Design / UX
- The Road To Resilient Web Design
- Design Trend: Experimental Navigation Patterns
- Better grid systems in UI design tools
- Which Responsive Design Framework Is Best? Of Course, It Depends.
- How To Create a Web Design Style Guide
- Toggle Buttons
- Become a Better Designer With FullStory’s Latest Features
- Sidebars in UI Design ★★★
- Stop using device breakpoints ★★★★★
- 5 Tips for Improving Your Consumer UX
- How to Succeed With Design Thinking
- 15 Psychology Hacks that Boost UX
- How to use space in UI Design ★
- Best Design Advice No One Ever Gave Me
- The Ultimate Guide to Finding Web Design Clients