.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:
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:
|
|
|
|
|
|
Codepen Fav:
Found via this article – 5 ways to style text with CSS inspired by the Spider-verse
From Instagram:
|
|
0 Comments