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

Issue #236

October 25, 2016

Introduction to SVG Animation

Introduction to SVG Animation

Sarah Drasner explains why animating SVG is different from animating in CSS, and how to work around some common hiccups you might experience along the way.

Read more

On Style Maintenance

On Style Maintenance

Sarah Drasner shares some useful advice on writing maintainable CSS.

Read more

From Our Sponsor (via Syndicate)

​Let top tech companies apply to you.

​Let top tech companies apply to you.

Top software engineers & UX/UI designers are using Indeed Prime to land their dream job. Interested companies reach out with salary & equity upfront. Free for job seekers. Get $2k from Indeed Prime when you’re hired.

Land your dream job now

Articles & Tutorials

Create a Set of Micro-Animations

Donovan Hutchinson discusses how to create a bank of small, simple animations that can be applied in multiple situations.

Read more

Pure CSS Content Filter

Harry Roberts explains how, by using CSS’ :target pseudo-selector, you can work out what a user has clicked on, and by using the adjacent sibling selector, you can use that user’s action to style subsequent parts of the DOM.

Read more

Designing Grids

Zell Liew shares what he learned about designing grid systems for a responsive website.

Read more

Creating the Periodic Table with Grid CSS

Justin Avery explores what would a periodic table look like if it was built from a purely semantic point of view in HTML, and how would that then translate to the screen from a design point of view.

Read more

Which Doctype Should You Use in Html Emails?

Rémi Parmentier explains everything you need to know about doctypes in HTML emails.

Read more

Tools

CSS Icon

An icon set made with pure CSS, with no dependencies.

Check it out

Fuse.js

Lightweight fuzzy-search library written in JavaScript, with zero dependencies.

Check it out

Inspiration

Angry Birds in Pure CSS

Angry Birds in Pure CSS

Rachel Bull recreated Angry Birds in pure CSS, using pseudo classes and box-shadows.

Get inspired

Until Next Week

If you like the content, please consider supporting CSS Weekly on Patreon. Thank you!

Happy coding,
Zoran Jambor

Issue #235 Issue #237

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.