April_24 Vol_04.3

madebyshape-eda9865ab722fb92f8a6461b94c40113jpg

.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:

Made by Shape

^{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:

Fallout

Fallout designed by Ann-Sophie De Steur. Connect with them on Dribbble; the global community for designers and creative professionals.

dribbble.com/shots/23997537-Fallout

Nestify: Real Estate Landing Page

Nestify: Real Estate Landing Page designed by Redlio Designs ✪. Connect with them on Dribbble; the global community for designers and creative professionals.

dribbble.com/shots/24018524-Nestify-Real-Estate-Landing-Page

Apparel Online Store

Apparel Online Store designed by Desire Creative Agency. Connect with them on Dribbble; the global community for designers and creative professionals.

dribbble.com/shots/24027657-Apparel-Online-Store