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

Issue #42

January 16, 2013

Dear friends,

a couple of weeks ago CSS Weekly became active on Twitter and Facebook. The fact that so many of you like and follow our profiles must mean that you’re hungry for even more awesome CSS content than a weekly newsletter can provide.

That’s amazing, but let’s not stop at this. I want to be more closely connected to you. I want to hear your opinion, your thoughts and your ideas. And I want to see your work (no matter what it is).

So please, get in touch. I appreciate every email, every tweet, retweet, every like and every comment I receive. Thank you for all your support.

Headlines

Using animation-fill-mode In You CSS Animations

Val Head
Using animation-fill-mode In You CSS Animations

Val Head shows how to use animation-fill-mode and explains in which situations it’s useful. After reading and watching this you’ll know (basically) everything there is to know about animation-fill-modes.

How To Work With Transparent Colors And Images In CSS

Steven Bradley
How To Work With Transparent Colors And Images In CSS

Steven Bradley explains how to work with transparency and shows a couple of different ways to create transparent elements in web pages.

Articles & Tutorials

Using jQuery to Detect When CSS3 Animations and Transitions End

Using jQuery to Detect When CSS3 Animations and Transitions End

Louis Lazaris

Louis Lazaris explains how to detect transition and animation end with jQuery — something that will surely be useful for you.

Hover Effect on Images From Different Directions Using Pure CSS

Hover Effect on Images From Different Directions Using Pure CSS

Dudley Storey

Dudley Storey explains how to use clever CSS positioning to create appealing (and apparently very popular) effect.

How to automatically generate CSS sprites with Sass and Compass

Peter J Langley

Are you still creating CSS sprites by hand? If so, Peter J Langley will convince you that it’s time to start using Sass and Compass for automatic sprite generation. Trust me, that’s a huge time saver.

Style Injection is for Winners

Chris Coyier

If you’re tired of manually refreshing browser every time you make a few changes in CSS, you’ll love style injection. You’ll find out exactly what style injection is and how it works in this article.

Using Images as Fullscreen Faux-Gradient Backgrounds

Erol Mujak

Erol Mujak shows how to create a nice looking gradient background, using any image and a couple of lines of CSS.

Resources

One div

One div

One div is a collection of pure CSS icons created with single HTML element. Main advantage of these icons is that they’re resolution independent, while their only drawback is poor browser compatibility. Overall, this is a very interesting and inspiring project worth of your attention.

Until next week

Happy coding
Zoran Jambor

Issue #41 Issue #43

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.