April_24 Vol_04.3

April_24 Vol_04.3

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; }
.bh__table_cell { padding: 5px; background-color: #FFFFFF; }
.bh__table_cell p { color: #2D2D2D; font-family: ‘Helvetica’,Arial,sans-serif !important; overflow-wrap: break-word; }
.bh__table_header { padding: 5px; background-color:#F1F1F1; }
.bh__table_header p { color: #2A2A2A; font-family:’Trebuchet MS’,’Lucida Grande’,Tahoma,sans-serif !important; overflow-wrap: break-word; }

Website of the week:

Good Reads @ These Links:

TOOLS: Type Fluidity
Calculate fluid typography sizes
https://wearerequired.github.io/fluidity/ 

Why you need a "WTF Notebook"
https://www.simplermachines.com/why-you-need-a-wtf-notebook/

Front-End solution: progress indicator
https://piccalil.li/blog/solution-009-progress-indicator/ 

What is safe alignment in CSS?
https://frontendmasters.com/blog/what-is-safe-alignment-in-css/ 

A formula for responsive font-size
https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/ 

What’s next for a global design system 
https://bradfrost.com/blog/post/whats-next-for-a-global-design-system/ 

You Want border-color: transparent, Not border: none
https://frontendmasters.com/blog/you-want-border-color-transparent-not-border-none/


Some Favorite Things:

Codepen Fav:

From Instagram:

Instagram post by @developers_community_._

Instagram post by @davidm_ai

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; }
.bh__table_cell { padding: 5px; background-color: #FFFFFF; }
.bh__table_cell p { color: #2D2D2D; font-family: ‘Helvetica’,Arial,sans-serif !important; overflow-wrap: break-word; }
.bh__table_header { padding: 5px; background-color:#F1F1F1; }
.bh__table_header p { color: #2A2A2A; font-family:’Trebuchet MS’,’Lucida Grande’,Tahoma,sans-serif !important; overflow-wrap: break-word; }

Website of the week:

Good Reads @ These Links:

TOOLS: Type Fluidity
Calculate fluid typography sizes
https://wearerequired.github.io/fluidity/ 

Why you need a "WTF Notebook"
https://www.simplermachines.com/why-you-need-a-wtf-notebook/

Front-End solution: progress indicator
https://piccalil.li/blog/solution-009-progress-indicator/ 

What is safe alignment in CSS?
https://frontendmasters.com/blog/what-is-safe-alignment-in-css/ 

A formula for responsive font-size
https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/ 

What’s next for a global design system 
https://bradfrost.com/blog/post/whats-next-for-a-global-design-system/ 

You Want border-color: transparent, Not border: none
https://frontendmasters.com/blog/you-want-border-color-transparent-not-border-none/


Some Favorite Things:

Codepen Fav:

From Instagram:

Instagram post by @developers_community_._

Instagram post by @davidm_ai

Kinsta

0 Comments

News & Articles

Fitts’s Law: Why the Easy Button Wins

Fitts’s Law: Why the Easy Button Wins

Large, close targets are faster to hit than small, distant ones, that’s Fitts’s Law. A look at the 1954 rule behind buttons, prime and magic pixels, thumb zones, and dark patterns.

The Call to Action, Revisited

The Call to Action, Revisited

The Call to Action hasn’t changed in a decade, but the bar has. A fresh look at prominence, copy, mobile tap targets, and accessibility, with lessons from three major design systems.