A series of inline-block elements with “normal” HTML formatting result in spaces between them when set on the same line. Here’s some techniques for fighting against the gap.
You probably already know you can make triangles with CSS. But what if you want to put a shadow behind it? Unfortunately the classic border trick doesn’t change the shape of the element, it’s just a visual trick. Let’s look at a couple alternative solutions.…
One little known feature of HTML5 is Scoped CSS. It’s an attribute for style blocks that may change the way we tackle certain styling challenges in the future.
The :target pseudo selector in CSS is both pretty cool and pretty limited in what it can do. In this article we discuss some things it can be helpful with, it’s limitations, and some work arounds.
There are three ways we can go about dealing with responsive <img>s : 1) a new format 2) a new syntax 3) rely on existing hacks.
This is a quick beginner-level overview of the different CSS position values. In a nutshell: relative allows you to "nudge" and leaves the element's original position in the page flow. Absolute and fixed allow for exact placement of elements and remove them from the page flow. Fixed positioned elements are unaffected by scrolling. All of them set a new positioning context and allow z-index to work.
Links from Video:
Eugene Fedorenko talks about how Beanstalk refactored the whole app to use SASS. I'm sure a lot of folks are in this situation right now. You want to use SASS, but you have a big app and it's a big move. Short answer: yes.
The only thing I'd suggest they do differently is use Compass. I've also been involved with big SASS rewrites, none of which used Compass, and I highly regret it as: 1) inconsistent mixins across projects blows 2) those mixin files won't be as well maintained as Compass is.
Between now and the end of May 2012, code a small project using a language or environment that's new to you or that you've only casually messed around with.
The main trouble with the existing fancy methods for serving images responsively is manually generating the images and syntax needed to utilize it. Keir Whitaker show us how to use WordPress to handle all that hard stuff for us.
