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

Issue #135

November 3, 2014

CSS Grid Layout

Rachel Andrew
CSS Grid Layout

In this talk Rachel Andrew will show you how Grid Layout works, and explain why you should become a fan of Grid Layout too.

Make Full Screen Sections with 1 Line of CSS

Andrew Ckor
Make Full Screen Sections with 1 Line of CSS

Andrew Ckor demonstrates how to create full screen sections without JavaScript.

From Our Sponsor

Up and Running with SVG

Up and Running with SVG

Everything you need to know to get up and running with SVG. Over 100 minutes and more than two dozen working code examples.

Articles & Tutorials

Styling And Animating SVGs With CSS

Styling And Animating SVGs With CSS

Sara Soueidan

Sara Soueidan explains how to export and optimize SVGs, how each one affects the styles and animations applied, and introduces techniques for embedding them.

Aqva Bulgari Website Deconstruction

Aqva Bulgari Website Deconstruction

Petr Tichy

Petr Tichy deconstructed the awesome aqva.bulgari.com website. You’ll most likely pick up a few tricks from this article.

UI Regression Testing Workshop

Kevin Lamping

A set of exercises by Kevin Lamping aimed at providing an introduction to UI regression testing. Exercises are designed to provide a semi real-world codebase from which to demo three tools: Wraith, PhantomCSS and DiffUX.

The Specificity Graph

Harry Roberts

Harry Roberts explains how to effectively use the Specificity Graph as a model for visualising specificity issues in your code.

Shape Blobbing in CSS

Chris Coyier

Chris Coyier shows how to create shapes that blob into each other with pure CSS.

Tools

PerfMap

A bookmarklet and Chrome extension to create a front-end performance heatmap of resources loaded in the browser using the Resource Timing API.

Pixeltool

PixelTool is a Chrome DevTools extension that overlays the designs directly onto their HTML in an easy to use way.

Inspiration

Gif animation + CSS animation + Blend modes

Gif animation + CSS animation + Blend modes

An excellent demo that proves how powerful has CSS become.

Until Next Week

Happy coding,
Zoran Jambor

Issue #134 Issue #136

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.