.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 #44:
- Most AI dev tools are secretly in love with Vite — but not all of them
- A browser update is about to break your h1 styles - You’ve been warned
- A clean little tool to turn tweets into sharable images
- Also: web animations, the nicest place on the internet, open source politics, and 3D printers
Is Vite Winning the AI Game?
FROM wes
Evan You tested 7 different AI code generation tools, and Vite was the default for 5. Can you guess which ones don’t use Vite?
Default styles for h1 elements are changing
selected by CJ
A lot of sites that depend on browser default styles for headings h1s are going to break… make sure your site is updated before this change rolls out to browsers
JSX Over The Wire — overreacted
cj’s find!
Dan Abromov makes the argument that if you start designing your API directly for your front-end, you might as well use JSX/server components instead of JSON.
Tweet to Image Converter
Randy’s rec!
Nifty little tool that turns tweets into PNGs.
just for fun:
The Nicest Place on the Internet
Picked by cj
Sometimes you just need a hug from a stranger on the internet.
.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 #44:
- Most AI dev tools are secretly in love with Vite — but not all of them
- A browser update is about to break your h1 styles - You’ve been warned
- A clean little tool to turn tweets into sharable images
- Also: web animations, the nicest place on the internet, open source politics, and 3D printers
Is Vite Winning the AI Game?
FROM wes
Evan You tested 7 different AI code generation tools, and Vite was the default for 5. Can you guess which ones don’t use Vite?
Default styles for h1 elements are changing
selected by CJ
A lot of sites that depend on browser default styles for headings h1s are going to break… make sure your site is updated before this change rolls out to browsers
JSX Over The Wire — overreacted
cj’s find!
Dan Abromov makes the argument that if you start designing your API directly for your front-end, you might as well use JSX/server components instead of JSON.
Tweet to Image Converter
Randy’s rec!
Nifty little tool that turns tweets into PNGs.
just for fun:
The Nicest Place on the Internet
Picked by cj
Sometimes you just need a hug from a stranger on the internet.
发布者