CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #521

September 14, 2022

Friends,

After announcing Mastering Prettier & Stylelint last week, I’ve received a lot of kind feedback from all of you, and based on it decided to revamp the pricing model to make the course much more affordable for everyone.

It’s now $100 less than before, and I’ve prepared coupon codes for parity pricing (PARITY20, PARITY30, PARITY40 — for 20%, 30%, or 40% off), so you no longer have to send me an email if you’d like a better deal.

If you want the discount, regardless of where you live, you’re welcome to use either of the available coupons.

Mastering Prettier & Stylelint »

Headlines

Building the Main Navigation for a Website

Building the Main Navigation for a Website

Manuel Matuzović describes how to build accessible main navigation of a website. You’ll learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.

Read more

How I Made a Pure CSS Puzzle Game

How I Made a Pure CSS Puzzle Game

Temani Afif shows how HTML and CSS can handle the logic of an entire online game without the checkbox hack.

Read more

From Our Sponsor

Insights on digital design, UX, content, code, and more

Insights on digital design, UX, content, code, and more

An Event Apart Denver 2022 is the place to be inspired, learn new techniques, connect with your peers, and learn from some of the top experts in the industry.

Join us October 10–12 for fifteen enlightening sessions on new CSS features, design system tooling, accessibility, responsive animation, global design, allying UX with SEO, and more.

As a CSS Weekly subscriber, you can save $100 on any multi-day pass with promo code AEACSSW22.

See the agenda and register now!

Articles & Tutorials

So Your Designer Wants Stuff To Overlap

Chen Hui Jing outlines different techniques to create overlapping elements.

Read more

Space, Grids, and Layouts

Elliot Dahl offers some advice on defining baseline grids, column grids, spacing, and layouts.

Read more

WebKit Features in Safari 16.0

Jen Simmons outlines the new features available in Safari 16.

Read more

CSS line-height

Marko Denic gives a short introduction to the line-height property, including accessibility recommendations.

Read more

TIL: You Can Access A User’s Camera with Just HTML

Austin Gil shows how to access the user’s camera using the capture attribute.

Read more

Promoted Link

🙅‍♂️ Never open

🙅‍♂️ Never open "Inspect Element" to check
styles again

CSS Scan is the fastest and easiest way to check, copy, and edit CSS.

Goodbye to “Inspect Element” — Check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

Get It Now

Tools

Lightning CSS

Lightning CSS is an extremely fast CSS parser, transformer, bundler, and minifier.

Check it out

JSON Hero

JSON Hero is an online tool that makes reading and understanding JSON files easy by giving you a clean and beautiful UI packed with extra features.

Check it out

Inspiration

A Moment of Pure CSS

A Moment of Pure CSS

Ben Evans created another stunning piece of CSS art.

Get inspired

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #520 Issue #522

CSS Stickers!

CSS Stickers set.

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »

Follow CSS Weekly

YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers
YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.