April_24 Vol_04.2

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

Fantasy AI

^{Good Reads @ These Links:}

Retrofitting fluid typography
Like any modern website, it is responsive and so adapts well to different screen sizes. However it does so using five breakpoints, resulting in six different designs, all of which are fixed width except the smallest.
https://clagnut.com/blog/2428/

CSS Color Extractor
CSS color extractor is a free online color tool allowing you to check what colors are used in a CSS file, and how many times they have been used! A free online tool to extract colors from CSS files. Built for modern CSS, it works with hex, rgb and rgba.
https://hexcolor.co/css-color-extractor

CSS for printing to paper
This article explains some of the CSS basics that control how your webpages look when printed, and a couple of tips and tricks I've learned that might help you out.
https://voussoir.net/writing/css_for_printing/

CROSS MY HEART – Frogger Demake in 256 Bytes
By KilledByAPixel 2024
https://killedbyapixel.github.io/TinyCode/games/CrossMyHeart/

5 CSS snippets every front-end developer should know in 2024
https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024

Typography in Design Systems
A typographic system that optimizes for guessability.
https://danmall.com/posts/typography-in-design-systems/

Screencast Review of the Week

Some Favorite Things:

Landing Page Design | Antique Shop

Landing Page Design | Antique Shop designed by Mishel Cheshko for Fireart Studio. Connect with them on Dribbble; the global community for designers and creative professionals.

dribbble.com/shots/23895397-Landing-Page-Design-Antique-Shop

Regain.Me | Header Exploration | Recovery Treatment

Regain.Me | Header Exploration | Recovery Treatment designed by sourav barua. Connect with them on Dribbble; the global community for designers and creative professionals.

dribbble.com/shots/23930242-Regain-Me-Header-Exploration-Recovery-Treatment

3M – 3D Designer Portfolio Landing Page Website

3M – 3D Designer Portfolio Landing Page Website designed by Adhiari Subekti for One Week Wonders. Connect with them on Dribbble; the global community for designers and creative professionals.

dribbble.com/shots/23852527-3M-3D-Designer-Portfolio-Landing-Page-Website