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

Issue #106

April 14, 2014

Creating Style Guides

Susan Robertson
Creating Style Guides

Susan Robertson shows how to build and maintain a style guide that helps everyone from product owners and producers to designers and developers keep an ever-changing site on brand and on target.

The Power of em Units in CSS

Louis Lazaris
The Power of em Units in CSS

Louis Lazaris explains how em units work, and demonstrates a useful technique for building responsive web components.

From Our Sponsor

10 Premium Responsive Bootstrap Templates

10 Premium Responsive Bootstrap Templates

A collection of 10 HTML5/CSS3 Bootstrap responsive templates all ready for you to integrate into your glorious website! And you’ll get them for 75% off!

Articles & Tutorials

How to Create a Circular Progress Button

How to Create a Circular Progress Button

Manoela Ilic

Manoela Ilic shows how to create an animated circular progress button with success and error states as an indication of the final status.

Font Size Idea: px at the Root, rem for Components, em for Text Elements

Font Size Idea: px at the Root, rem for Components, em for Text Elements

Chris Coyier

Chris Coyier demonstrates a very interesting technique for handling web component sizes effectively.

Advanced Web Typography: Justification & Hyphenation

Elliot Jay Stocks

Elliot Jay Stocks looks at the current state of hypenation and justification in CSS.

Goodbye Compass

Ben Smithett

Are you using Compass? If so, have you considered moving away from it?

Is Libsass, the lightning fast Sass compiler ready for prime time?

Ben Frain

Libsass is a compiler for Sass that does not rely on Ruby to generate the CSS. It’s blazingly fast and makes style iterations far more palatable. Ben Frain outlines its pros and cons.

Jobs

UX Designer

UX Designer

Booking.com – planet Earth’s #1 accommodation website – is looking for the world’s smartest designers! As a designer in our Front End team you’ll be a key part of the idea generation process, working in a small startup-like group which takes full ownership of their part of our platform.

Tools

SUIT CSS

SUIT CSS is a tool that aims to provide a reliable and testable styling solution for component-oriented approaches to web application development.

Responsive tables

This is an experimental solution for responsive tables with complex data. It’s a fork based on Filament Group’s repo with a more complete solutions and some new features.

Inspiration

Hover Me: Ribbitting Pixelated Frog

Lucero Carmona
Hover Me: Ribbitting Pixelated Frog

I bet that you didn’t know that frogs, particularly the pixelated ones, can be this appealing.

Until next Week

Happy coding,
Zoran Jambor

Issue #105 Issue #107

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.