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

0 Comments

News & Articles

Website Scanning Patterns for Maximum Engagement

Website Scanning Patterns for Maximum Engagement

Discover how users visually process websites, the role of scanning patterns, content placement, and “the fold” Learn to design engaging pages with fast-to-consume content that aligns with user behavior.