2020 June Reading Ref 1
esther
Happy Birthday to RWD π₯³
SASS, CSS
- How to Tame Line Height in CSS β
- CSS fix for 100vh in mobile WebKit
- A βnew directionβ in the struggle against rightward scrolling
- Mini Interactive Keyboard with Pure CSS
- Block Links: The Search for a Perfect Solution
- CSS Tips for New Devs
- A Guide to the Responsive Images Syntax in HTML
- Letβs Take a Deep Dive Into the CSS Contain Property β β
- How to Easily Create a Responsive Vertical Rhythm with CSS
- The Expanding Gamut of Color on the Web
- A First Look at
aspect-ratio - Global CSS options with custom properties
- On fixed elements and backgrounds
- Safe/unsafe alignment in CSS flexbox β
- Ask an expert: Why is CSS… the way it is?
JS
- JavaScript Promise | ηΊδΊη解εηοΌι£ε°±δΎε―¦δ½δΈε Promise ε§! β β
- Tackling Authentication With Vue Using RESTful APIs
- Best Practices in JavaScript Array Iteration
- How to Use Object Destructuring in JavaScript
- How to Convert a Date String into a Human-Readable Format
Front-End
Web Design / UX
- Design for Wearables 101
- 5 Reasons to Avoid the Desktop Hamburger Menu Icon β
- How a Simple UX Design Can Take Your App to The Top in The Market?
- Useful Sections for a Design System Reference Site
- How To Convince Others Not To Use Dark Patterns
- UI Inspiration: Neumorphism in Mobile Design Concepts β β β
- Design sprints complete guide
- A case study of complex table design β β β
- Can Data Visualization Improve The Mobile Web Experience?
- Building Brand Trust with Transparency: What Web Designers Can Do
- 5 Steps to a More Accessible Website
- Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols
- The most popular CSS framework Comparison 2020 β β β β
- The Mind’s Eye β A Look at Data Visualization Psychology β β
- Should Your Site Be Using Dark Mode? β
- The Current State of Checkout UX β β β β β
- Rules for effective design choices β
- Modern Touch-Friendly Design
- Responsive web design turns ten
Tools/Materials
- Codespace β
- pattern.css
- LineIcons 2.0
- Fluent Design System
- Responsively β β β β
- Neumorphism UI β β
- Framer
- Foundation
- UI Kit
- Gradihunt
- Fluor.js
- windups
- tailblocks β β
- Sorted CSS Colors
- htmx β