YouTube Channel
Archives
Supporters
Submit a link
Advertise
Contact

Issue #330

September 12, 2018

Designing With Code

Designing With Code

Matthew Ström demonstrates the amazing potential of code as a design tool by exploring some visual ideas directly in code.

Make Your Web Layouts Bust Out of the Rectangle With the Firefox Shape Path Editor

Make Your Web Layouts Bust Out of the Rectangle With the Firefox Shape Path Editor

Josh Marinacci gives an introduction to CSS Shapes and the new Shape Path Editor in Firefox Developer Tools.

From Our Sponsor

We’ve got what you’re looking for.

We’ve got what you’re looking for.

Light up your life and push your career to new heights. Discover the future of UX design and front-end development at the web conference that’s been lighting our industry since 2006. Join the finest minds in web design, code, and content for three days of illuminating techniques and eye-opening concepts that’ll truly hit the spot.

Set yourself apart. Attend An Event Apart near you.

Articles & Tutorials

Improving Client-Side Performance

TJ Fogarty shares a few ways in which you can improve client-side performance focusing on images, third-party scripts and more.

Is Your CSS Feature Detection Robust Enough?

Keith Clark explains why simple syntax checks for feature detection may not be robust enough to future-proof your CSS.

The Cascade and Other Essential Unessentials

Tim Kadlec on why learning fundamental concepts of CSS (HTML and JavaScript) makes your life as a front-end developer much easier.

Nested Links Without Nesting Links

Sara Soueidan shares an approach to building nested, or more precisely, layered links.

The Problem with font-display and Reflow

Zach Leatherman shows how to avoid reflow caused by font-display property.

Customise Radio Buttons Without Compromising Accessibility

Chen Hui Jing covers the different methods of hiding radio buttons, their effects on accessibility and how to ensure they remain navigable via the keyboard.

Promoted Link

Digital Ocean

Digital Ocean is a reliable, easy-to-use cloud computing platform, with a control panel and API that will let you spend more time coding and less time managing your infrastructure.

Sign Up and Deploy Your App in Seconds

Tools

Project Explorer

Project Explorer is a CLI tool to create an annotated tree visualization of any project.

CodeZen

CodeZen is a web app that generates a shareable and elegant image from your source code.

Inspiration

The Complete CSS Demo for OpenType Features

The Complete CSS Demo for OpenType Features

Tunghsiao Liu has created a comprehensive CSS font-feature-settings demo for OpenType features.

Until Next Week

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

Happy coding,
Zoran Jambor

Issue #329 Issue #331

CSS Stickers!

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.

Follow CSS Weekly

10,000 Subscribers

16,500 Followers

1,500 Followers

9,000 Subscribers

10,000 Subscribers

16,500 Followers

1,500 Followers

9,000 Subscribers

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