Tag : CSS

PLEASE NOTE: This vacancy has now been filled.

We are looking for a talented and enthusiastic UI developer with expert-level HTML/CSS/JS skills and a creative outlook to join our development team in building social/community platforms. Though primarily responsible for the coding and development of rich user interfaces, you will also be expected to work alongside designers, strategists and core developers with a view to creating rich web applications.

Are you someone with a passion for client-side programming, a strong interest in emerging technologies (HTML5/Canvas/CSS3) and have a good eye for line-height and margins? Then we're interested in talking to you.

First things first, this post is going to out me. Despite working at a digital agency, one that calls itself a "social technology" company no less, I don't know a whole lot about coding. In fact until last Thursday's Internet Week event Coding for Dummies hosted by BBH Labs and Google, I didn't know my <p> tag from my padding. Luckily for me, it turns out I'm not alone...

I recently wrote a post about HTML 5 and whether it was ready to use -- surmising that it certainly was and that we in fact built our new site using HTML 5 and associated technologies. When using the latest development techniques you still have to take into account older browsers, making sure that your code works in an acceptable manner for all of your target audience.

There are two common practices when trying to achieve this: graceful degradation and progressive enhancement:-

Isaac and I have been discussing how users consume media and news which has raised some interesting questions around online publishing. Specifically: how we construct content templates, how that content looks when it’s in place, art direction at a micro level and how we can create richer, more engaging and, importantly, more ‘useful’ reading experiences online.

Over the last 4-5 years there has been a gradual convergence in how most newspaper sites construct their article pages. Based on a grid system, they employ a wide central column for the body copy and a number of other columns, usually on the right of the screen, for related information, links to other stories, MPUs, tools, etc. We should know, we’ve designed a number of sites for media owners, as well as countless blogs that conform to these conventions.

I’ve been meaning to check out the more complex selectors in CSS 2.1 for a long time but never seemed to find the time to experiment. So having some downtime the other day I thought I should get constructive.

Descendant selectors seem well used in CSS these days and are a powerful way to target HTML elements within the page (for e.g. div.message p, which targets all p tags within div elements that have a class of ‘message’). It’s a good way to keep your HTML as clean as possible because it reduces the need to give every element on the page a unique id or a class for targeting purposes. And they’re well supported in all the major browsers that I usually test with – Firefox, Safari, Opera, and IE down to 5.0.