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

Issue #94

January 20, 2014

Animating CSS Shapes with CSS Animations & Transitions

Sara Soueidan
Animating CSS Shapes with CSS Animations & Transitions

Sara Soueidan gives an in-depth introduction to animating CSS Shapes. She not only gives excellent examples, but also goes through all prerequisites for animating CSS Shapes while outlining current limitations and gotchas.

CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More

Zach Saucier
CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More

Zach Saucier shares a couple of excellent CSS Animation tips & tricks which will enable you to create efficient, reusable and awesome animations.

From our sponsor

Smashing Bundle! Usability and UX for Web Design - only $19!

Smashing Bundle! Usability and UX for Web Design - only $19!

Learning the patterns and techniques that appeal to users and enhance their experience can make a huge difference in the success of your site.

With this Usability and UX for Web Design bundle of eBooks from Smashing Magazine, you’ll be fully armed to best tailor your website for users.

Articles & Tutorials

Getting Started with Gulp Task Runner

Getting Started with Gulp Task Runner

Mark Goodyear

A very nice introduction to Gulp task runner. (If you’re still not using a task runner, I strongly recommend you at least give one a try.)

Better Responsive Images With the Element

Better Responsive Images With the Element

Aurelio De Rosa

Aurelio De Rosa introduces <picture>, a new proposed element created to try and solve the problem of serving the version of content images which better suits the device currently visiting a web page.

Sassier (BE)Modifers

Dan Tello

Dan Tello shares a couple of interesting ideas regarding BEM (block, element, modifier) front-end naming methodology.

Flexbox for Forms

Ben Schwarz

Ben Schwarz shows how to use flexbox to position two form elements side by side, where one of the elements fills the “empty” space.

LESS vs Sass? It’s time to switch to Sass

Zing Design explains why they believe Sass is better than LESS and the reasons for choosing LESS in the past no longer apply.

Jobs

UX Designer

UX Designer

Booking.com -#1 accommodation website- is looking for the world’s smartest designers.
You’re excited about the endless potential of the web and a writer of excellent HTML & CSS? Make meaningful and measurable improvements impacting millions of people. Learn more about us: http://goo.gl/qpOCYU

Tools

Animation Studio

Animation Studio is a Compass extension for recreating traditional animation techniques with CSS3 animations.

SassyJSON

SassyJSON is a Sass-powered API for JSON. It provides you the classic json-encode and json-decode directly from your Sass files.

Until next week

Happy coding,
Zoran Jambor

Issue #93 Issue #95

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.