.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 #51:
- The Prettier config that shipped malware (and how to check if you’re affected)
- Why one dev thinks today’s CS students are wasting their time
- Logic gates… in CSS? Yep, Chrome 137 just unlocked chaos
- pnpm quietly became your new Node version manager
- A file server you can run in your browser — or maybe your fridge
- A tic-tac-toe game made without HTML or JS (yes, really)
- Plus: a link that un-shortens URLs, Wes gets cocky in CSSBattle, and a dev’s best tip for wrangling your AI coding assistant
pnpm can now switch node versions
FROM wes
Specify the version of Node in your package.json and pnpm will use (and download+install) the correct version.
eslint-config-prettier Compromised:
FROM CJ
How npm Package with 30 Million Downloads Spread Malware. Check your dependencies! Several versions of popular packages were published with malware.
Copyparty
HAND selected by SCOTT
Turn almost any device into a file server with resumable uploads/downloads using any web browser.
CSS Logic Gates
ANOTHER ONE FROM CJ!
Logic Gates implemented in PURE CSS using the new if() function available in Chrome 137+.
just for fun:
Tic-Tac-NoHTML
fun PROVIDED by cj
This guy made a fully functional tic tac toe game ONLY in CSS. No HTML, no JS. I looked at the view source for 20 mins and could not understand the awful/awesome things that were being done here.
L(o*62).ong
MORE Fun PROVIDED by cj
An anti-url shortener.
.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 #51:
- The Prettier config that shipped malware (and how to check if you’re affected)
- Why one dev thinks today’s CS students are wasting their time
- Logic gates… in CSS? Yep, Chrome 137 just unlocked chaos
- pnpm quietly became your new Node version manager
- A file server you can run in your browser — or maybe your fridge
- A tic-tac-toe game made without HTML or JS (yes, really)
- Plus: a link that un-shortens URLs, Wes gets cocky in CSSBattle, and a dev’s best tip for wrangling your AI coding assistant
pnpm can now switch node versions
FROM wes
Specify the version of Node in your package.json and pnpm will use (and download+install) the correct version.
eslint-config-prettier Compromised:
FROM CJ
How npm Package with 30 Million Downloads Spread Malware. Check your dependencies! Several versions of popular packages were published with malware.
Copyparty
HAND selected by SCOTT
Turn almost any device into a file server with resumable uploads/downloads using any web browser.
CSS Logic Gates
ANOTHER ONE FROM CJ!
Logic Gates implemented in PURE CSS using the new if() function available in Chrome 137+.
just for fun:
Tic-Tac-NoHTML
fun PROVIDED by cj
This guy made a fully functional tic tac toe game ONLY in CSS. No HTML, no JS. I looked at the view source for 20 mins and could not understand the awful/awesome things that were being done here.
L(o*62).ong
MORE Fun PROVIDED by cj
An anti-url shortener.
发布者