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

Issue #67

July 12, 2013

Using Custom Data Attributes and Pseudo-Elements

Manoela Ilic
Using Custom Data Attributes and Pseudo-Elements

Manoela Ilic shows how to (ab)use custom data attributes and pseudo-elements for creating image captions. Keep in mind that this tutorial serves only as an example for using data attributes and pseudo-elements, and not a recommendation on how to do your markup.

CSS Balls

Donovan Hutchinson
CSS Balls

Donovan Hutchinson makes use of CSS gradients to create awesome looking 3D spheres. He not only shows the code but also explains why he made certain choices and how are certain parts of the code attributing to the overall effect. A very nice read.

Choosing A Responsive Image Solution

Choosing A Responsive Image Solution

Sherri Alexander

Sherri Alexander leads you through the basics of responsive image solutions, and then arms you with the information you’ll need to pick the best responsive image solution for your particular situation.

Solving the Problem of @font-face Inside Media Queries

Solving the Problem of @font-face Inside Media Queries

Aurelio De Rosa

Aurelio De Rosa explores solutions for supporting custom fonts within media queries, falling back to standard fonts on slower mobile connections.

The Extend Concept

Chris Coyier

Chris Coyier explains how extend in CSS preprocessors works, why and when to use it, some gotchas, and what it might be like in the future.

Writing DRYer vanilla CSS

Harry Roberts

A short tip-style post covering how and where you can spot the chance to DRY things out in your regular/‘vanilla’ CSS.

Create Striped Backgrounds With Gradients (and a Sass Function)

Kitty Giraudel

Kitty Giraudel shares a couple of great Sass tricks while explaining how to create striped backgrounds with CSS gradients.

Jobs

World Class Web Designer

World Class Web Designer

Booking.com – planet Earth’s #1 accommodation website – is looking for the world’s smartest designers. Good in HTML & CSS? You’ll be given the freedom to make meaningful and measurable improvements impacting millions of people. You’ll join us at our beautiful Amsterdam HQ. We’ll help you relocate.

 

Post a job in CSS Weekly

Recommended reading

Foundation for Beginners

Matt Pilott
Foundation for Beginners

Matt Pilott takes you through the fundamentals of Foundation; the responsive grid, typography, JavaScript plugins, UI elements, all the way to working with Sass and Rails.

Until next week

Happy coding,
Zoran Jambor

Issue #66 Issue #68

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.