.ck-link { text-decoration: underline; } @media only screen { .email * { word-break: break-word; } } @media screen and (max-width: 384px) { .mail-message-content { width: 414px !important; } } @media only screen{body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}} @media only screen{*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}} @media only screen and (max-width:600px){.email-container{padding:0 !important;}} @media only screen and (max-width:600px) { .ck-padding-left-none { padding-left:0px !important; } .ck-padding-right-none { padding-right:0px !important; } .ck-padding-left-mobile-friendly { padding-left:18px !important; } .ck-padding-right-mobile-friendly { padding-right:18px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-layout-block.ck-layout-stack td { display:block !important;width:100% !important;padding:0 !important; } .ck-column.ck-column-stack { margin-bottom:32px !important; } .ck-padding-3-top-mobile-friendly { padding-top:12px !important; } .ck-padding-3-right-mobile-friendly { padding-right:12px !important; } .ck-padding-3-bottom-mobile-friendly { padding-bottom:12px !important; } .ck-padding-3-left-mobile-friendly { padding-left:12px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } p:hover{background:transparent} h2::first-letter{border-bottom:1px solid black} h2 a::first-letter{border-bottom:1px solid black} h2:has(+h3) a::first-letter{border-bottom:1px solid black} ul.unordered_list li::marker{content:’→‘;font-size:27px;font-weight:900}

A Tasty Treats NEWSLETTER for Web Developers

Issue #42:

• Before you choose Next.js for your next project, there are some things the docs don’t tell you
• Speed up your long lists with CSS gem ‘content-visibility: auto'
• ​Accepting Money on the Internet in 2025 - handling fraud, taxes, custom checkouts, and more
• Plus: Sentry’s pushing to standardize JavaScript debug IDs across the entire ecosystem

​Minding the gaps: A new way to draw separators in CSS​

FROM CJ

CSS gap decorations is a new proposal that would allow us to decorate gaps instead of using border color.

​

​You should know this before choosing Next.js ​

selected by CJ

The author lays out some of the less advertised things about the popular framework.

​

​hromium.com - Event Loop Visualized​

another one from cj

Visualize the JS event loop by scrolling down the page.

​

​Introducing `content-visibility: auto` - A Hidden Performance Gem ​

cj’s find!

Speed up the performance of long lists and tables with this simple css property.

​

​