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.

发布者