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

Issue #293

December 12, 2017

Evolution of <img>: Gif without the GIF

Evolution of <img>: Gif without the GIF

Colin Bendell explains how Safari Technology Preview is paving the way for awesome gif-like experiences, without the terrible performance and quality costs associated with GIF files.

Read more

Understanding CSS Layout And The Block Formatting Context

Understanding CSS Layout And The Block Formatting Context

Rachel Andrew explains what a Block Formatting Context is, why it works, and how can it help you understand how layout works in CSS.

Read more

From Our Sponsor

To your boss, it’s professional development.

To your boss, it’s professional development.

To you, it’s like a party, with several hundred of your smartest, most talented friends. Plus twelve of your favorite authors and designers. It’s like hanging out with your bookshelf and your blogroll. Only the food is better. But don’t tell your boss. She thinks you’re working.

Come join us at An Event Apart!

Articles & Tutorials

Modern Asynchronous CSS Loading

Scott Jehl shows how and why you should use rel=preload to load CSS asynchronously.

Read more

Manageable Utility Systems with CSS Variables

Kasey Bonifacio shows the difference between Sass variables and CSS variables.

Read more

Animating Border

Stephen Shaw gives an overview of different methods for animating the border property on hover.

Read more

How Stripe Designs Beautiful Websites

Lee Robinson examines the tips and tricks used to make Stripe’s website design a notch above the rest.

Read more

The Front-end Checklist Is Just a Tool… Everything Depends on You.

David Dias explains why you should integrate The Front-End Checklist into your development cycle.

Read more

Promoted Link

Learn Advanced CSS Animation Strategies and Techniques

Learn Advanced CSS Animation Strategies and Techniques

Watch this free 4-part video course that teaches you how to build an animated clock in pure CSS.

Start Learning Today

Tools

URL to PDF Microservice

A microservice for web page PDF rendering, useful when you need to automatically produce PDF files (like receipts, weekly reports, or invoices).

Check it out

wkhtmltopdf

An open source command line tool to render HTML into PDF and various image formats using the Qt WebKit rendering engine.

Check it out

Inspiration

Spinning Circles Animation

Spinning Circles Animation

Paul Grant created a beautiful animation using pure CSS (and some clever element positioning).

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 #292 Issue #294

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.