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
If you follow me on Twitter, you know that I recently got a new MacBook Pro. Setting up a new machine is a pornographic euphoric experience: no app collisions, optimal performance, and a fresh canvas to work with. The first step is setting up your go-to apps, like an instant messaging client, Twitter client, browsers, and of course, your trusty text editor. I jumped to Sublime Text 3 and it's been great...except the app's boring, blocky "S" icon. I couldn't allow my precious new dock to be sullied by such a bland icon so I found another icon I wanted to use; here's how it put that icon into place.Read Post
We all know that there are a number of ways we can modify layout based on CSS media queries — hell, we can even animate properties between media queries. One bit of outside the box thinking with media queries is deals with
pointer-events. Using the
pointer-events property, we can also enable and disable some functionality with CSS based on media query state!
Code review is an essential but sometimes funny part of creating an awesome product or open source project. Of course your project has standards and the developers are all relatively professional, but sometimes developers still don't quite believe in the same coding styles and methodologies. Nothing provides more evidence of that than this code review comic.Read Post
Standards can change from project to project. Single quotes or double quotes? MooTools, Dojo, or micro-frameworks? And then the question that has started wars: spaces or tabs? I'm a tab guy myself but the team that I work on has set a two-space standard. It's not my preference but it was a team decision so I have to drink the Kool-Aid. I still want to use my typical tab whitespace on other projects but just this one project should use spaces. I thought this would be a nightmare but enter EditorConfig, a utility with plugins for several text editors which allows developers to specify settings per project.Read Post
Don't you feel that CSS is not the same anymore? Last few years became a hot topic and many smart people talked about it. CSS is not that little thing which front-end developer should do to make the page looks pretty. It's far more then that. We care about performance and we want to produce better web sites. In this article I want to share what I learned last few months and what exactly is my vision about CSS coding. As a programmer I'm really interested in the architectural part of the things. I feel that the writing of CSS should be changed and I dig a lot. I search for the good processes, the best principles and new workflows. This post is like conclusion of journey in the world of CSS. Many people say that writing CSS is not exactly programming. I'll disagree and will say that it's equally interesting and challenging.Read Post