January 28, 2013 in Learn
How To Create HTML5/CSS3 Columns for All Browsers
There are many techniques you may follow to create generic HTML5/CSS3 website layouts. Designers often talk in terms of columns such as 2-col or 3-col styles. There are many CSS libraries based around grid design which also allows for easy…
January 22, 2013 in Learn
Building a Syntax-Highlighted Input Box with JavaScript
The textarea element has been commonly used for in-page web IDEs. Some great examples are in popular CMS’ like WordPress or Drupal. But inline web development is not the easiest solution to implement. And through other open source projects we…
January 16, 2013 in Learn
The Absolute Beginner’s Guide to Sass
What is Sass? Sass stands for Syntactically Awesome Stylesheets Sass, and was created by Hampton Catlin. It’s a way to simplify your CSS workflow, making development and maintenance tasks easier. For instance, have you ever had to do a find-and-replace…
January 10, 2013 in Learn
5 Useful CSS Selectors
Besides the usual type, descendant, class and ID selectors, CSS offers several pseudo-class and pseudo-element selectors that allow us to target HTML elements based on their positions in the document –– some even target virtual elements and generate content from…
January 2, 2013 in Learn
Learn A New Programming Language Every Year
It’s that time of year again, when many of us are making New Year’s resolutions to lose weight, quit smoking, get out of debt, or make any number of other changes. Instead of setting resolutions to keep, I prefer to…
December 26, 2012 in Learn
5 Design Tips Every Developer Should Know
Great code and great design need each other to work well. Unfortunately, people with poor visual design skills often think they lack natural ability. In other words, there’s a common belief that you’re either born with the gift of aesthetic…
December 24, 2012 in Learn
Using HTML5 Input Types to Enhance The Mobile Browsing Experience
Browsing the web on mobile devices has become incredbily popular over the past few years. However the browsing experience on these devices can sometimes leave a lot to be desired. This is especially true when it comes to filling in forms. Luckily…
December 20, 2012 in Learn
Responsive Design of the Future with Flexbox
In CSS, float and clear serve for layout much the same way as the tables they replaced: As stand-ins that work well enough. But they’re still limited. One proposed solution is called the CSS Flexible Box Layout Module, commonly called…
December 13, 2012 in Learn
Stylish Custom User Settings Dropdown Menu with CSS
You can find a lot of different menu styles on the web today. Similarly designers and developers are often more than happy to share their techniques with the world. And through these tutorials new designers can learn about trends and…
December 3, 2012 in Learn
A Look at Responsive CSS Frameworks
CSS frameworks have gone responsive, squeezing content into a spectrum of desktop and mobile browsers with varying degrees of success. While any CSS solution for layout is preferable to nested tables, no single solution fits every website. But that hasn’t stopped…
November 14, 2012 in Learn
How to Choose the Right CSS Preprocessor
You’ve probably heard about CSS preprocessors by now, but haven’t quite plucked up the courage to try one because of the learning curve, or maybe because “preprocessor” just plain sounds intimidating. So let’s put those uncertainties at ease and go over…
November 13, 2012 in Learn
CSS Positioning: A Comprehensive Look
If you’ve come to grips with CSS-based layouts, then it’s likely that you’re using floats as the primary means to layout your pages. Maybe you’ve even started to experiment with some of CSS’s far-future layout techniques, in hopes that browser…