syntaxfm

星期三 05 下午 八月 27o 2025

Syntax Snack Pack: Hate CSS? You might just be doing it wrong

Syntax Snack Pack: Hate CSS? You might just be doing it wrong

.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 #52:

  • CSS Grid layouts at the push of a button
  • 2ality shifts gears: beginner-friendly posts from a web dev deep-diver
  • Adventures in State Space — gorgeous math puzzles in motion
  • Spin the globe and stream live radio from literally anywhere
  • Plus: a 6-step framework for starting new projects, brutal truths about iOS parental controls, and Scott’s instant hype over InstantDB

​New series of blog posts: learning web development​

FROM CJ

Learn the basics of web development from a real pro. 2ality is known for their technical deep dives but they’re taking a step back to focus on more beginner friendly content.

​

​CSS Grid Generator ​

FROM randy

Create custom CSS Grid layouts, copy the HTML and CSS

​

​How we made JSON.stringify more than twice as fast in V8

HAND selected by cj

A look inside what it takes to optimize your favorite JS engine.

​

​Adventures in State Space ​

ONE FROM scott!

A fascinating video about math & puzzles with amazing visualizations.

​

​

just for fun:

​Radio Garden

fun PROVIDED by cj

Listen to radio from all around the world by navigating a globe.

​

​

发布者