@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 #40:

• EA Command & Conquer’s source code is now on GitHub (time to waste your weekend study classic game architecture)
• Safari finally gets CSS anchor positioning while Firefox keeps dragging its feet
• Could terminal mastery actually make you a worse developer?
• If you’re not hacking your home, what are you even doing?

​CSS Anchor Positioning coming to Safari​

wEs’s link

The new CSS anchor spec, which allows you to position elements relative to other arbitrary elements (think tooltips and card decorations), has been merged into Safari. That only leaves you, Firefox.

​

​Command & Conquer Source Code Released

selected by CJ

EA released the source code of classic C&C titles like Tiberian Dawn, Red Alert, Renegade, and Generals. Browse them all now on Github.

​

​Gooey CSS Effect

PICKED by WES

Neat approach to make gooey transitions in CSS using high contrast and blur filters.

​

​Why we ditched Next.js and never looked back

cj’s find!

The authors of this post ran into many SEO and performance issues with Next.js - this post talks about how they switched to hand rolled SSR for better performance and rankings.

​

​3 ECMAScript Proposals have advanced to Stage 4​

cj ALWAYS SHOWS UP WITH THE LINKS

RegExp Escaping, Float16Array, and Redeclarable global eval vars are all coming in the next version of ECMAScript!

​

​The modern way to write JavaScript servers​

SURPRISE, CJ AGAIN!

Using the web standard Request and Response objects for building servers is the modern way to do it and can even work in Node with a Polyfill.

​

​