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

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.