Here, Read This Code

Articles

How to set up your computer for coding

It takes a lot to get a computer ready to begin writing code, including getting the right applications, packages, testing environments, etc. Here are all the best tools and things you need.

Continue Reading »


Bellmaker, a responsive media query package

The Bellmaker is a library of device-agnostic and device-specific media queries that will complement your exisiting CSS.

Continue Reading »


Greeneyes, a RequireJS module library

Greeneyes is collection of useful JavaScript utilities and widgets (and accompanying CSS) written in AMD format to be used with RequireJS.

Continue Reading »


Create information architecture (IA) for your web application (Part 1)

We shall define Information Architecture (IA) as the high-level, structured organization of the site. On a deeper level, IA will concern itself with:

Continue Reading »


Interaction design and user experience: essential concepts

Using research from UX studies and known principles of user interface design, and maintaining best practices for device-agnostic development, here’s some tips and clarification for working on appearance and behavior for sites.

Continue Reading »


How to manage 3rd party libraries using Bower

Nearly every project requires third party libraries and frameworks (e.g. jQuery, Bootstrap), and it can get complicated keeping them updated and maintained. Fortunately, there’s Bower, a package manager that will take registered components and organize them as depencies.

Continue Reading »


How to write fallback CSS for legacy Internet Explorer (IE8, IE7)

It’s the nightmare of every front-end developer: supporting older versions of Internet Explorer (IE). You may not want to, but usually it’s because your company’s project needs to support customers still using older machines…or maybe you’re just a masochist. However, there are many ways to make your life easier by speeding up development while minimizing those mysterious errors when debugging.

Continue Reading »


Mossflower, a CSS global reset

Mossflower is a global reset CSS utility for both LESS and SASS.

Continue Reading »