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

Issue #426

September 9, 2020

Custom Bullets With CSS ::marker

Custom Bullets With CSS ::marker

Adam Argyle and Oriol Brufau explain how to customize the color, size, or type of number or bullet when using ordered and unordered lists.

Read more

The Thing With Leading in CSS

The Thing With Leading in CSS

Matthias Ott outlines the challenges of vertical spacing in CSS.

Read more

From Our Sponsor

Learn what’s next in web design

Learn what’s next in web design

An Event Apart Online Together: Fall Summit is a 3-day web design conference with an intense focus on digital design, UX, content, code, and more—featuring 18+ in-depth sessions, live Q&A with the speakers, and one-on-one conversations with special guests. You’ll get deep insights into where the industry is now and where it is headed next. Join us online October 26-28.

Save $100 on multi-day passes with promo code AEAOTCSSW.

See the agenda and register now.

Articles & Tutorials

How to Simplify SVG Code Using Basic Shapes

Mariana Beldi goes through different examples that explore the code of commonly used icons and explains how we can redraw them using some of the simple SVG shapes.

Read more

Styling Complex Labels

Danielle Romo offers some advice on creating input labels that provide users with more detailed information.

Read more

Creating A Custom Scroll Bar In 24 Lines Of CSS

Emma Bostian demonstrates how to build a gradient progress bar that fades in from zero opacity to full opacity as you scroll.

Read more

How to Build Awesome Forms With Only HTML & CSS

Arslan Khalid shares some advice on improving your forms.

Read more

Scaling Accessibility With a Design System

Geri Reid shares a case study about her experience of learning how to design accessible web components, then scale their impact through a design system.

Read more

Promoted Link

Paletter for Mac

Paletter for Mac

Paletter is the professional color palette creation tool for Mac – and it can help you create broad palettes in just minutes.

Buy now

Tools

Parsel

Parsel is a tiny, permissive CSS selector parser that allows you to parse & traverse CSS selectors, calculate specificity, and supports the entire Selectors 4 syntax.

Check it out

PostCSS 100vh Fix

PostCSS plugin to fix height/min-height: 100vh on iOS.

Check it out

Inspiration

RolandMC-500.css

RolandMC-500.css

Sarah Fossheim created a photorealistic illustration of a Roland MC-500 using only CSS.

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 #425 Issue #427

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.