@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 { .email * { word-break: break-word; } } @media screen and (max-width: 384px) { .mail-message-content { width: 414px !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 #38:
- No-AI days to avoid becoming completely useless over-reliant?
- “If you are truly passionate about programming… keep it as a hobby” (we’re paraphrasing but check the hot takes)
- Is Firefox falling behind? the best and worst browsers for web dev
- Plus a couple CSS gifts:
text-box-trimand an interactive editor for creating custom CSS easing functions
AI is Creating a Generation of Illiterate Programmers
selected by cj
If ChatGPT or Cursor went down, would you still be able to do your job? The author details how they noticed their own abilities start to decay and how they are now doing “No-AI days” to help stay sharp.
Easing Wizard
CJ’S LINK
An interactive editor for creating custom CSS easing functions.
CSS text-box-trim
cj again!
This CSS property landed in Chrome 133 and allows you to take back space from above and below your text content to achieve optical balance.
How to break up long tasks in JavaScript
cj went so hard this week
There are many ways to avoid doing work on the main thread and this article breaks them all down with code examples and flame graphs.
@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 { .email * { word-break: break-word; } } @media screen and (max-width: 384px) { .mail-message-content { width: 414px !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 #38:
- No-AI days to avoid becoming completely useless over-reliant?
- “If you are truly passionate about programming… keep it as a hobby” (we’re paraphrasing but check the hot takes)
- Is Firefox falling behind? the best and worst browsers for web dev
- Plus a couple CSS gifts:
text-box-trimand an interactive editor for creating custom CSS easing functions
AI is Creating a Generation of Illiterate Programmers
selected by cj
If ChatGPT or Cursor went down, would you still be able to do your job? The author details how they noticed their own abilities start to decay and how they are now doing “No-AI days” to help stay sharp.
Easing Wizard
CJ’S LINK
An interactive editor for creating custom CSS easing functions.
CSS text-box-trim
cj again!
This CSS property landed in Chrome 133 and allows you to take back space from above and below your text content to achieve optical balance.
How to break up long tasks in JavaScript
cj went so hard this week
There are many ways to avoid doing work on the main thread and this article breaks them all down with code examples and flame graphs.
发布者