UI Dev Newsletter
UI Dev Newsletter is a hand-curated list of articles, tutorials, opinions, and tools related to User Interface development. Enjoy the read.
UI Dev Newsletter is a hand-curated list of articles, tutorials, opinions, and tools related to User Interface development. Enjoy the read.
2021-05-03
The Humble Element And Core Web Vitals
https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/
Addy Osmani describes how images impact Core Web Vitals and how to improve them.
Advanced Core Web Vitals: A Technical SEO Guide
https://www.searchenginejournal.com/technical-seo-core-web-vitals-guide/402501/
Jamie Indigo writes an in-depth guide on Core Web Vitals from an SEO perspective.
CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet
https://www.freecodecamp.org/news/css-flexbox-tutorial-with-cheatsheet/
Joy Shaheb explains how CSS Flexbox works and describes the CSS Flexbox basics for responsive sites. Cute animal graphics included.
Windows 10 grid hover effect using HTML, CSS, and vanilla JS
https://dev.to/jashgopani/windows-10-grid-hover-effect-using-html-css-and-vanilla-js-42d9
Jash Gopani explains the process of recreating the Windows 10 grid hover effect with CSS and JS.
Identify and Extract Pseudo-Element Selectors from built-in HTML Elements using DevTools
Bramus Van Damme shows how to use DevTools to dissect and peek inside HTML elements like and
How to disable scaling for stroke width
https://www.stefanjudis.com/today-i-learned/how-to-disable-scaling-for-stroke-width/
Stefan Judis shows how to use a vector-effect attribute to control how transformations affect stroke width.
Exploring color-contrast() for the First Time
https://css-tricks.com/exploring-color-contrast-for-the-first-time/
Chris Coyier shares impressions on a color-contrast() function and shares a video for easier understanding.
165+ Developer Resources I Discovered in 2020-2021
https://dev.to/gedalyakrycer/165-developer-resources-i-discovered-in-2020-2021-6ma
Gedalya Krycer shares a comprehensive, well-organized list of helpful web dev resources — from HTML, CSS, and JavaScript to WordPress, Git, and design.
If you found anything helpful, you could buy me a coffee.
Buy me a coffee☕️ ☕️ ☕️