UI Dev Newsletter #83
Issue #83
2021-11-15
-
Overflow
https://web.dev/learn/css/overflow/
Chrome Developers share a module where you will think outside the (CSS) box and learn how to style overflowing content. -
Animating height: auto
https://nemzes.net/posts/animating-height-auto/
Nelson Menezes shows how to animate the height of an element without knowing its height using only CSS. -
enterkeyhint
https://css-tricks.com/enterkeyhint/
Chris Coyier explains how setting the enterkeyhint attribute could change the action key on a mobile keyboard. -
More than you ever wanted to know about font loading on the web
https://www.industrialempathy.com/posts/high-performance-web-font-loading/
Malte Ubl describes several techniques to load fonts without affecting Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS). -
Inertia
https://adactio.com/journal/18604
Jeremy Keith emphasizes the difference between developer-facing and user-facing frameworks. -
Understanding the Differences Between WCAG 2.2 and WCAG 3.0
https://www.boia.org/blog/understanding-the-differences-between-wcag-2.2-and-wcag-3.0
Bureau of Internet Accessibility provides some clarity by explaining the significant differences between WCAG versions 2.2 and 3.0. -
Line length revisited: following the research
https://designregression.com/article/line-length-revisited-following-the-research
Mary Dyson explores the recent eye movement research which questions whether long line lengths do cause reading difficulties. -
Erase.bg
https://www.erase.bg/en/
Remove background from images of humans, animals, or objects and download high-resolution images for free. -
Word of advice
Don’t be spooky
https://therealadam.com/2021/11/01/dont-be-spooky/
Adam Keys shares helpful advice for communicating with your team. -
Just for fun
Naming is hard
https://mobile.twitter.com/sumusiriwardana/status/1459019794707931141
Coming up with a variable name is more challenging than learning JavaScript! 😂
Happy coding!