Wednesday, April 03, 2013

Tricky Textarea Pulltab

Tricky Textarea Pulltab
The humble textarea

In desktop Safari, Chrome, Firefox, and Opera-under-Presto, (not IE, not mobile anything) <textarea>s have a little resizer nugget in the bottom right corner. Textareas are for writing in, so if users need more space to feel more comfortable writing in there, they can have it. Clicking and dragging that resizer literally changes the box model of that textarea, pushing other things away as needed. We can use that little ability to make a trick!

Wednesday, April 03, 2013

All In The Family: Grouping CSS Selectors

Grouping CSS Selectors

Grouped selectors are one of the most efficient ways of reducing your CSS to tight, clean, easily maintained code, while bringing the benefit of imposing a stronger, more consistent design.

Wednesday, April 03, 2013

How To Style A Checkbox With CSS

How To Style A Checkbox With CSS
Checkboxes is a HTML element that is possibly used on every website, but most people don't style them so they look the same as on every other site. Why not make your site look different by styling your checkboxes, you could even make them look nothing like checkboxes.

In this tutorial we are going to create 5 different checkboxes which you can use on your website.

Wednesday, April 03, 2013

Printing The Web

Printing The Web

While it is possible to consume nearly all means of content on your smartphone or tablet it seems like the dream of a paperless office comes true for a lot of web developers.

Saturday, March 16, 2013

The pro's guide to CSS layouts

CSS layouts

CSS's next big challenge is to make flexible, dynamic page layouts that work across our ever-broadening range of devices. With solutions proposed and under discussion, Peter Gasston offers a snapshot of the future.

Sunday, March 03, 2013

Functions Explained

Functions Explained

A Deep Dive into JavaScript Functions

Based on my readership I have to assume most of you are familiar with JavaScript already. Therefore, it may seem odd to include a post on functions. After all, they are one of the most rudimentary components of JavaScript. My assertion is this, just as a person can speak a language without the ability to read or write it, so too can developers use functions in JavaScript and yet be blissfully unaware of their complexities.

Monday, February 25, 2013

Test Driven Development With PHP

Test Driven Development With PHP Posted in Paulund

In a previous post I wrote about the benefits of using Test Driven Development in your application development process. This can be used in all types of development from software to web to front-end to back-end languages. In this post I will go through the steps of using Test Driven Development in PHP.

Tuesday, February 19, 2013

Getting Started with Responsive Typography

Responsive Typography

Responsive design is the "in" thing when it comes to website design. Responsiveness allows for one design scheme to work on websites, tablets and mobile devices and look great in a variety of sizes and orientations.

But have you thought about how this evolving, adaptable design outline relates to type?

Tuesday, February 19, 2013

Responsive, Horizontal Multi-Column Layouts

Responsive, Horizontal Multi-Column Layouts

The problem with responsive multiple columns

When the multiple column syntax was first introduced, I was hopelessly optimistic about the possibilities that this new layout technique would offer us in crafting good reading experiences.

Tuesday, February 19, 2013

Responsive Tables

Responsive Tables
A few smart folks have already put together their thoughts on responsive tables and, while I think the proposed methods are pretty good, I think there might be room for improvement. As such, I've been tinkering for a while and came up with the following strategy when it comes to tables.

Step 1: Use data-* attributes to hold information about the column header(s) associated with the markup: