A Few Things from Chrome Dev Summit 2014

A Few Things from Chrome Dev Summit 2014

I got to spend the last two days at the Chrome Dev Summit (Thanks Paul Kinlan for inviting me!) I made some notes of a few things that caught my eye. There was a brief mention of the...

#

Author:

Category: CSS

Tags: , , ,

The State Of Animation 2014

The State Of Animation 2014

Rachel Nabors: I met and interviewed dozens of people who use and champion both CSS and JavaScript. After interviewing so many developers, designers and browser representatives, I discovered a technical and human story to be told. ...

#

Author:

Category: CSS

Tags: , , , ,

Perf.Rocks

Perf.Rocks

> Find resources that help you build lightning fast websites by Daniel Guillan Direct Link to Article — Permalink Perf.Rocks is a post from CSS-Tricks ...

#

Author:

Category: CSS

Tags: , , , ,

Performance Budget Metrics

Performance Budget Metrics

Tim Kadlec groups all the things you could measure in a performance budget into four groups: Milestone timings (Example: time to visually complete) SpeedIndex (WebPageTest's well-loved but isolated score) Quantity based metrics (Example: number of requests) Rule based...

#

Author:

Category: CSS

Tags: , , ,

CSS-Tricks Chronicle XX

CSS-Tricks Chronicle XX

I thought for this edition of Chronicle I'd focus on some web stuff that I've been enjoying lately. I got a new iPhone 6 Plus. ...

#

Author:

Category: CSS

Tags: , , , ,

CSS Specificity Graph Generator

CSS Specificity Graph Generator

Spikes are bad, and the general trend should be towards higher specificity later in the stylesheet. Jonas Ohlsson created a tool around Harry Roberts concept ...

#

Author:

Category: CSS

Tags: , , ,

Fun Times with CSS Counters

Fun Times with CSS Counters

Some bonafide CSS trickery from Will Boyd, like counted selected items and continuing a count across multiple sections. Direct Link to Article — Permalink Fun Times with CSS Counters is a post from CSS-Tricks ...

#

Author:

Category: CSS

Tags: , , , ,

Flexbox Nav Bar with Fixed, Variable, and Take-Up-The-Rest Elements

Flexbox Nav Bar with Fixed, Variable, and Take-Up-The-Rest Elements

Izak Filmalter wrote to me: On the site I am working on there is a navigation bar with a few elements in it: a search input, the user's full name, and some icons. The icons are of fixed...

#

Author:

Category: CSS

Tags: , , ,

9 basic principles of responsive web design

9 basic principles of responsive web design

Come for the information, stay for the GIFs. Direct Link to Article — Permalink 9 basic principles of responsive web design is a post from CSS-Tricks ...

#

Author:

Category: CSS

Tags: , , ,

Sketchy Avatars with CSS clip-path

Sketchy Avatars with CSS clip-path

The following is a guest post by Ryan Scherf . Ryan found a neat way to give avatars kind of rough, uneven, varied edges. Kinda like they were cut out with scissors by someone who wasn't very good...

#

Author:

Category: CSS

Tags: , , ,