UI Dev Newsletter

Issue:#55

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

  https://www.bram.us/2021/04/15/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.

All issues

• Issue #75 (2021-09-20)
• Issue #74 (2021-09-13)
• Issue #73 (2021-09-06)
• Issue #72 (2021-08-30)
• Issue #71 (2021-08-23)
• Issue #70 (2021-08-16)
• Issue #69 (2021-08-09)
• Issue #68 (2021-08-02)
• Issue #67 (2021-07-26)
• Issue #66 (2021-07-19)
• Issue #65 (2021-07-12)
• Issue #64 (2021-07-05)
• Issue #63 (2021-06-28)
• Issue #62 (2021-06-21)
• Issue #61 (2021-06-14)
• Issue #60 (2021-06-07)
• Issue #59 (2021-05-31)
• Issue #58 (2021-05-24)
• Issue #57 (2021-05-17)
• Issue #56 (2021-05-10)
• Issue #55 (2021-05-03)
• Issue #54 (2021-04-26)
• Issue #53 (2021-04-19)
• Issue #52 (2021-04-12)
• Issue #51 (2021-04-05)
• Issue #50 (2021-03-29)
• Issue #49 (2021-03-22)
• Issue #48 (2021-03-15)
• Issue #47 (2021-03-08)
• Issue #46 (2021-03-01)
• Issue #45 (2021-02-22)
• Issue #44 (2021-02-15)
• Issue #43 (2021-02-08)
• Issue #42 (2021-02-01)
• Issue #41 (2021-01-25)
• Issue #40 (2021-01-18)
• Issue #39 (2021-01-11)
• Issue #38 (2021-01-04)
• Issue #37 (2020-12-28)
• Issue #36 (2020-12-21)
• Issue #35 (2020-12-14)
• Issue #34 (2020-12-08)
• Issue #33 (2020-12-01)
• Issue #32 (2020-11-23)
• Issue #31 (2020-11-16)
• Issue #30 (2020-11-09)
• Issue #29 (2020-11-02)
• Issue #28 (2020-10-26)
• Issue #27 (2020-10-19)
• Issue #26 (2020-10-12)
• Issue #25 (2020-10-05)
• Issue #24 (2020-09-28)
• Issue #23 (2020-09-21)
• Issue #22 (2020-09-14)
• Issue #21 (2020-09-07)
• Issue #20 (2020-08-31)
• Issue #19 (2020-08-24)
• Issue #18 (2020-08-17)
• Issue #17 (2020-08-10)
• Issue #16 (2020-08-03)
• Issue #15 (2020-07-27)
• Issue #14 (2020-07-20)
• Issue #13 (2020-07-13)
• Issue #12 (2020-07-06)
• Issue #11 (2020-06-29)
• Issue #10 (2020-06-22)
• Issue #9 (2020-06-15)
• Issue #8 (2020-06-08)
• Issue #7 (2020-06-01)
• Issue #6 (2020-05-25)
• Issue #5 (2020-05-18)
• Issue #4 (2020-05-11)
• Issue #3 (2020-05-04)
• Issue #2 (2020-04-27)
• Issue #1 (2020-04-20)