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

Issue #286

October 10, 2017

Essential Image Optimization

Essential Image Optimization

Addy Osmani has written a free book on why we should all be automating our image compression. The book covers formats, decoders, techniques for efficient compression and more.

Read more

Keeping Track of Letter-Spacing, Some Guidelines

Keeping Track of Letter-Spacing, Some Guidelines

Eric Bailey dives deep into a seemingly simple typesetting topic—effective use of letter-spacing—and how it relates to web typography.

Read more

From Our Sponsor

What is your career worth to you?

What is your career worth to you?

If you’re like most of us, you’re too busy working to think about your career. But while you’re heads-down getting stuff done, the web races forward. How you can keep up … and stay inspired? That’s where we come in. 12 great speakers, one unforgettable learning experience, to take you to the next level.

Set yourself apart. Attend an AEA near you.

Articles & Tutorials

Tabbed Interfaces

Heydon Pickering shares some advice on creating inclusive tabbed interfaces.

Read more

Scrolling Your Website past the Iphone X’s Notch

Peter-Paul Koch wrote an interesting (for laughs) proof of concept for list scrolling past the new notch, that might actually help you wrap your head around the visual viewport and zooming.

Read more

Vue.js Transitions & Animations: Production-Ready Examples

Nicolas Udy explains how to handle Vue.js transitions & animations.

Read more

Aspect Ratio Hack

Surma shows a quick tip on how to make an element maintain an aspect ratio using just CSS.

Watch video

How to Draw Your Face in CSS

Takashi Wickes demonstrates how to create a fun illustration in pure CSS.

Read more

Promoted Link

Project management tools are obsolete

Project management tools are obsolete

Dapulse is the next generation of visual tools, built for designers and developers. See what everyone on your team is working on in a single glance.

Create Free Account

Tools

Draggable

Draggable is a lightweight, responsive, modern drag and drop JavaScript library.

Check it out

Size Limit

Size Limit is a tool to prevent JavaScript libraries bloat. With it, you know exactly for how many kilobytes your JS library increases the user bundle.

Check it out

Inspiration

Moving Letters

Moving Letters

Tobias Ahlin created a beautiful open source collection of text effects, animated with JavaScript & anime.js.

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 #285 Issue #287

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.