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

Issue #285

October 3, 2017

Introduction to CSS Grid Layout

Introduction to CSS Grid Layout

A short tutorial series by Mozilla will provide you with the knowledge you need to start experimenting and building with CSS Grid Layout.

Read more

CSS Grid Gotchas and Stumbling Blocks

CSS Grid Gotchas and Stumbling Blocks

Rachel Andrew answers some of the common questions about CSS Grid Layout.

Read more

From Our Sponsor

Unified, Secure Search Across all the Tools You Use at Work

Unified, Secure Search Across all the Tools You Use at Work

Stay on track with enterprise search by instantly and securely searching across all of the cloud apps and tools you use at work. Supercharge your productivity by finding exactly what you need, when you need it. But don’t take our word for it. See for yourself!

Take the Swiftype Enterprise Search product tour or do a full trial with your own data today.

Articles & Tutorials

Web Truths: CSS Is Not Real Programming

Christian Heilmann explains that CSS isn’t broken, doesn’t need to be replaced, and why is CSS a great idea when it comes to creating an interface for something as complex and unknown as a user on the web.

Read more

CSS font-display: The Future of Font Rendering on the Web

Giulio Mainardi explains the new font-display property and how it can help you improve rendering of fonts during page load.

Read more

Fundamentals of Responsive Images

Marc Drummond demonstrates some of the key concepts for responsive images and gives an overview of a few different responsive image tactics.

Read more

An Event for CSS position:sticky

Eric Bidelman shows how to use position:sticky and IntersectionObserver together to determine when elements become sticky.

Read more

Getting Started with Website Accessibility

Carie Fisher gives a nice introduction to web accessibility, and explains why should you as a website designer/developer/content creator even care about accessibility.

Read more

Promoted Link

Online Master's in Information Design and Strategy

Online Master's in Information Design and Strategy

This online, part-time program at Northwestern University is taught by industry leaders and top professors.

Learn more

Tools

Micromodal.js

Micromodal.js is a lightweight, configurable and a11y-enabled modal library written in pure JavaScript.

Check it out

Lozad.js

Highly performant, light and configurable lazy loader written in pure JavaScript for images, iframes and more, using IntersectionObserver API.

Check it out

Recommended Reading

Animation at Work

Animation at Work

Animation isn’t merely decorative—it’s an invaluable tool for creating better user interactions.

This concise book by Rachel Nabors will empower you and your teammates to make informed, long-term decisions about what to animate (or not animate), and where and how to use motion design on the web.

Even though it doesn’t contain any CSS, this book is a must-read for anyone even remotely interested in web animation.

View more

Inspiration

CSS: Cat Swinging on String

CSS: Cat Swinging on String

David Khourshid created a lovely cat animation using pure 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 #284 Issue #286

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.