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

Brutalism: The Beauty of Breaking the Rules

Brutalism: The Beauty of Breaking the Rules

Brutalism in web design rejects perfection for authenticity. Stark grids, raw type, and honest structure create interfaces that feel human, intentional, and impossible to ignore. Break the rules, on purpose.

Monochrome Minimalism

Monochrome Minimalism

Monochrome Minimalism merges Bauhaus discipline with IKEA simplicity. Clean grids, muted tones, and functional beauty create digital calm, proof that restraint, not decoration, defines timeless design.