Articles by CSS Tricks from October 2013

Using a @mixin in Sass for your media queries is useful for a variety of reasons. The most important of which is probably the cognitive ease of having the properties and values you are changing right ...

Say you add some new element to the page and it pushes things around. That can happen instantly, but it helps your brain understand what just happened if the elements that were pushed away animate to ...

The following is a guest post by Parker Bennett. Parker is a bit of a regular around here, known for tackling common problems with unique solutions. This time he's back at it creating complex shapes t...

The following is a guest post by Shane Osbourne (@shaneOsbourne) from England. Besides being a musician, Shane is also an open source developer. Shane has developed a tool called Browser-sync for maki...

The following is a guest post by Vitaly Puzrin, the developer behind the icon font service Fontello. I'm also a fan of IcoMoon, a similar service. But I'm also a big fan of competition, sharing though...

If you're going to learn about CSS specificity, it might as well be with The Shining, right? (Or fish, or Star Wars.)Direct Link to Article — Permalink…CSS Specificity Chart is a post from...

Papa bear, mama bear, baby bear.Direct Link to Article — Permalink…Ideas on Naming Classes is a post from CSS-Tricks...

I'm a big fan of the front end architecture thinking here by Andrew Colclough.I want my approach to solving this user problem to be re-usable, independent, and adaptable to different use cases.Direct ...

Jessica Enders:The problem is that in the push for simplicity, flat UIs may have gone too far.Important stuff about the actual usability of forms while the "flat design" trend is perhaps at its peak. ...

Stuff that I have done did in the timeframe of recently.CSS-Tricks Chronicle XV is a post from CSS-Tricks...

I was recently quoted in a tweet about this and I thought it might be worth a revisit and new discussion.Re Art Direction "This is more than just a trend, it's just a good idea." ...

Hey hey everybody, I made some new shirts! I wanted some T-Shirts that were more of just the straight CSS-Tricks logo type. So I had some made up. While I was at it, I moved the entire store system (a...

Today it was announced that GoDaddy purchased MediaTemple. I've been a long time user of both of them. I thought I'd share my thoughts. Full disclosure: this site is on a free server they give me. I p...

Reader Marcin A wrote in with this question about a simple unordered list in which they wanted the elements to be arranged in vertical order (top to bottom) instead of horizontal (left to right). So m...

If you're in the position of needing to interview someone about their skill and knowledge about CSS, it can be a little hard to think of things to ask on-the-fly. I thought I'd think up and round up s...

If you're in the position of needing to interview someone about their skill and knowledge about CSS, it can be a little hard to think of things to ask on-the-fly. I thought I'd think up and round up s...

There is a lot to quote in this great article by Stijn Debrouwere:Theres nothing like a dashboard full of data and graphs and trend lines to make us feel like grown ups.... metrics only make sense whe...

Angela Craven and SuAnne Hall with thoughts, interviews, and research into introversion can be an asset to the UX field. Like the majority of folks in the world of computers, I am introverted and a fa...

If you apply a transition on an element for a particular supported property, and that property ever changes, it will use that transition. If a class name on that element changes and the new class chan...

The following is a guest post by Kevin Leary. I was pretty stoked to get this guest post submission from Kevin because it's my favorite kind of tutorial: practical and detailed.Almost every custom the...

The following is a guest post by Shankar Cabus. Shankar made a really rad color wheel on CodePen and showed it to me. I thought it was an image underneath, because gradients like this aren't something...

As a follow up to this conversation, Paul Irish shows us:Old flexbox (display: box) is 2.3x slower than new flexbox (display: flex).And remember kids: tools, not rules.Direct Link to Article — P...

With a very performance-based approach based on the numbers.Direct Link to Article — Permalink…Danielmall.com goes responsive is a post from CSS-Tricks...

I somewhat regularly ask questions about WordPress stuff on Twitter. Usually when I don't know how to do something or I'm seeing behavior that I didn't expect. I did write a book about WordPress at on...

The following is a guest post by Fabrice Weinberg. Fabrice is a regular contributor around here. He's always looking forward to the latest technologies and possibilities. Here on the outset of iOS7, h...

In talks I've given in the past, I've found myself explaining how CSS triangles work with words and ridiculous hand gestures. It never goes particularly well. Y'all got that?So I figured let's give it...