UI Dev Newsletter #76
Issue #76
2021-09-27
-
How Does CSS Works?
https://elad.medium.com/how-does-css-work-92fe7116916d
Elad Shechter explains what defined the default behavior of CSS and how you can change and control them. -
Simplifying Form Styles With accent-color
https://www.smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/
Michelle Barker looks at what it does and how to use accent-color alongside a color scheme for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future. -
An update to how we generate web page titles
https://developers.google.com/search/blog/2021/08/update-to-generating-page-titles
Google Search Central introduces a new system of generating titles for web pages and shares a rundown on how it works. -
Twitter's div Soup and Uglyfied CSS, Explained
https://giuseppegurgone.com/twitter-html/
Giuseppe Gurgone reasons how to make sense of Twitter’s website source code and why the authors made some unconventional and controversial choices. -
Why are hyperlinks blue?
https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue/
Elise Blanchard shares a journey through technology history and interfaces to explore how links were handled before color monitors and how interfaces and hyperlinks rapidly evolved once color became an option. -
7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS
https://css-tricks.com/7-practical-uses-for-the-before-and-after-pseudo-elements-in-css/
Habdul Hazeez shares seven different examples that showcase how ::before and ::after can be used to create exciting effects. -
7 UI Design Fundamentals for Developers
https://dev.to/vansh__bhardwaj/7-ui-design-fundamentals-for-developers-57hg
Vansh Bhardwaj shares how you can build interfaces and apps that look good by following basic UI fundamentals, like whitespace, typography, and visual hierarchy. -
7 useful HTML attributes you may not know
https://learnpine.com/blog/7-useful-html-attributes-you-may-not-know
Mariana Simon shares a list of HTML attributes that many beginners don’t know, but that can be helpful. -
Popular on CodePen
Feedback Reactions (Dark version)
https://codepen.io/aaroniker/full/qBjyKGO
Aaron Iker shares a CSS-only and interactive rating system based on emojis. -
Just for fun
re:bass
https://www.youtube.com/watch?app=desktop&v=S9Do2p4PwtE
Dylan Beattie shares an original composition inspired by the Git version control system where rhythms and melodies diverge, merge, conflict, and resolve, like branches in a codebase.
Happy coding!