Jan_24 Vol_01.4

Jan_24 Vol_01.4

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

The Perfect Webpage
How the internet reshaped itself around Google’s search algorithms — and into a world where websites look the same.
https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization 

Responsive SVGs
Stretch your knowledge of working with SVGs for scalable, responsive experiences.
https://12daysofweb.dev/2023/responsive-svgs/ 

The Eight Golden Rules of Interface Design
https://www.cs.umd.edu/~ben/goldenrules.html 

About subgrid and colored grid lines
https://www.lenesaile.com/en/blog/about-subgrid-and-colored-grid-lines/ 

Grids and key shapes
Embracing order, one pixel at a time
https://blog.streamlinehq.com/grids-and-keyshapes/ 

Designing better target sizes
An interactive guide that is all about enhancing the target size area with CSS.
https://ishadeed.com/article/target-size


Some Favorite Things:

Codepen Fav:

IG Inspiration:

Instagram post by @frontendjoe

Instagram post by @designershumor

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

The Perfect Webpage
How the internet reshaped itself around Google’s search algorithms — and into a world where websites look the same.
https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization 

Responsive SVGs
Stretch your knowledge of working with SVGs for scalable, responsive experiences.
https://12daysofweb.dev/2023/responsive-svgs/ 

The Eight Golden Rules of Interface Design
https://www.cs.umd.edu/~ben/goldenrules.html 

About subgrid and colored grid lines
https://www.lenesaile.com/en/blog/about-subgrid-and-colored-grid-lines/ 

Grids and key shapes
Embracing order, one pixel at a time
https://blog.streamlinehq.com/grids-and-keyshapes/ 

Designing better target sizes
An interactive guide that is all about enhancing the target size area with CSS.
https://ishadeed.com/article/target-size


Some Favorite Things:

Codepen Fav:

IG Inspiration:

Instagram post by @frontendjoe

Instagram post by @designershumor

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.