DEV Community

Cover image for UI Dev Newsletter #76
Silvestar Bistrović
Silvestar Bistrović

Posted on • Originally published at

UI Dev Newsletter #76


How Does CSS Works?
Elad Shechter explains what defined the default behavior of CSS and how you can change and control them.

Simplifying Form Styles With 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
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
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?
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
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
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
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)
Aaron Iker shares a CSS-only and interactive rating system based on emojis.

Just for fun

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!

Subscribe to the newsletter here!

Top comments (0)