2019 Nov 18th Reading Ref
esther
Long time no see π»
Just started to play with dart & Flutter.
Highlight of today’s reference: Dark mode is really helpful for our eyes?
SASS, CSS
- 8 Fantastic Pure CSS Border Effect Code Snippets
- Sticky Positioning Without JavaScript (Thanks to CSS Position: Sticky)
- Smoother & sharper shadows with layered box-shadows
- Link Underlines That Animate Into Block Backgrounds β β β β β
- Jagged Little Pill: Issues with Rounded Buttons
- CSS Grid: illustrated introduction
- The wondrous world of CSS counters
- ToucaanβRethinking CSS Frameworks β β β
- Why the Box Model is Integral to Web Design β
- Digging Into the Preview Loading Animation in WordPress
- Making Tables Responsive With Minimal CSS
- Patterns for Practical CSS Custom Properties Use
- The two-value syntax of the CSS Display property
- Things We Canβt (Yet) Do In CSS
- CSS variables,
input[type="color"]and form animations - Everyone uses CSS frameworks
- Bidirectional horizontal rules in CSS
- Some Things You Oughta Know When Working with Viewport Units
- CSS Variables With Inline Styles
- Uncommon Use Cases For Pseudo Elements β β
- Thoughts After Looking at the Web Almanacβs Chapter on CSS
- Finally, it Will Be Easy to Change the Color of List Bullets
- Some CSS Grid Strategies for Matching Design Mockups
- iOS vs. Android App UI Design: The Complete Guide
JS
- React Redux Tutorial for Beginners: The Definitive Guide (2019)
- How to simplify your codebase with map(), reduce(), and filter() in JavaScript
- 30 倩 Javascript εΎε ₯ιε°ι²ι
- Understanding How Reducers are Used in Redux
- What Is Functional Programming?
- What is super() in JavaScript?
- React Query β β β β β
Front-End
- Inconsistent behavior among browsers when clicking on buttons
- Optimize Images for Web β β β
- IS IT TIME TO EMBRACE AMP?
- What I Like About Writing Styles with Svelte
- Become a Front-End Master in 2020 With These 10 Project Ideas β β
Web Design / UX
- UX vs UI vs IA vs IxD : 4 Confusing Digital Design Terms Defined β β β
- All You Need To Know About UX Team Structure β β β β β
- Where to put buttons on forms β β β
- 7 CTA button design guidelines β β β β β
- Dark Mode β Working with Color Systems
- Light Theme, Redeemed
- Is There Such A Thing As Too Much Social Proof?
- Mind the gap, user centered design in large organizations with Luke Wroblewski (Youtube Video)
- Practicing ethical design
- 10 Small Design Mistakes We Still Make
- How to design delightful dark themes
- Designing accessible color systems β β β β
- Dark Mode Looks Good, But Is It Actually Hurting You? β β β
- Building the Constellation Design System
- What Newspapers Can Teach Us About Web Design
- The Evolution of Material Designβs Text Fields β β β
- Mobile Dark Patterns
- Better Design With Deep Thinking β β β
- 5 essential UX design tips
Others
Tools/Materials
- Storybook
- CopyPalette β β β
- CHART.XKCD (hand-drawn chart)
- 20+ Best Cursive Fonts
- Color Mixer β β β β β
- Rough Charts
- overflow β β β
- Easy Peasy Password
- Lordicon β