Responsive web design is something you hear a lot about these days. The moment I really started to get into responsive design was a few months ago when I started to realise that 'responsive' is not just about scaling your websites to the size of your visitors screen but much more than that.Read Post View Demo
One of the major advantages to using CSS preprocessors is the mixin, a CSS function to dictate how styles are assigned. They allow conditional logic and arguments, just like any other language, and are a massive help in unifying styles throughout a site. They even make RTL a breeze. I use mixins for another reason: code importance and organization!Read Post
Mozilla is full of brilliant developers who the mass developer community doesn't know well enough. Toward the top of that list is Craig Cook, a front-end web developer who works on Mozilla.org and other popular Mozilla sites. One technique he recently brought to my attention is his creative handling of elements usually only thought of as helpers to screen readers. Let me show you how we can make those hidden elements useful for all users.Read Post
Working on web sites and web apps that require RTL support is hard because ensuring correct display in RTL is made more difficult by the fact that we either don't have the CSS properties and values to do so or that the existing support isn't widely used enough yet. We have values like
text-align and we have properties like
-moz-margin-start, but they aren't supported everywhere despite knowing that RTL is an important aspect of global sites.
The update to OS X Lion implemented the scrolling idea of iOS mobiles, which is hiding a window (and other elements with scrolling) until the target area is tapped or swiped. While that may seem like a minor change, in as far as basic usability, it's actually a big one, as you can't easily identify areas which may be holding more content. This is a problem I recently faced and after some research, I found the solution to said problem, at least in WebKit.Read Post
I love all of the (relatively) new HTML5
INPUT element types. If you aren't using them...what the hell is wrong with you?! please do. New types like
x button to the right of search boxes; they add a design element that was clashing with the site look and feel. After a quick search, I figured out how to remove it...
For one of my recent projects, I've decided to use Stylus. I'm accustomed to using Sass but that would require adding Ruby to our stack — Stylus is Node.js-based, and since I'm already using Node.js for a few other tasks, I thought I'd give Stylus a try. Since I'm heavily developing the front-end of the project, I'm either fixing bugs or creating new features, all of which requires heavy CSS edits. The problem I'm running into is that I'm forgetting to reprocess stylesheets when I switch branches, so pages start to look funky and I start having heart attacks.Read Post