webdesignernotebook.com

The CSS3 :target pseudo-class and CSS animations

11 January 2010, in CSS, Project 52 | 28 comments »

It’s no secret that I’m always looking for an easy way out using CSS instead of trying to replicate things with convoluted code — there are so many underused techniques that we could be applying to our designs as an enhancement layer! In this experience, I take a brief look into the :target pseudo-class and a very simple CSS animation.

Read more »

Project 52, or why I need a helping hand

6 January 2010, in Miscellaneous, Project 52 | 14 comments »

Sometimes you do things out of an impulse, and only think of the consequences later. That’s what happened when I signed up/pledged/signed my life away/subscribed to Project 52 (#p52) — only a few days later, looking at my already crammed writing schedule, I realised it wasn’t going to be easy.

Read more »

The tangibility of websites, or something like that

30 November 2009, in Design | 4 comments »

Last night I watched Objectified, a good film about the design of everyday things. In the film, the matter of durability and sustainability in design is mentioned a lot, and that led me to think of how those ideas translate to web design.

Read more »

Remembering: the CSS3 multi-column layout module

29 November 2009, in CSS | 18 comments »

Because I will not shut up about CSS3, this time I’ve decided to show you a little bit of the multi-column layout module. This module allows you to layout the content of an element in multiple columns, like flowing text on a newspaper-type layout.

Read more »

How to use Modernizr

10 November 2009, in CSS, HTML, Tools | 134 comments »

There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites.

Read more »

#buildconf

6 November 2009, in Events | 15 comments »

Last Thursday, I had the pleasure of attending Build Conference, in sunny Belfast. I don’t usually write posts on particular conferences, but here’s the exception to the rule, because it certainly deserves one.

Read more »

Floated lists with CSS3 and jQuery

2 October 2009, in CSS, Javascript | 19 comments »

We should all be using advanced CSS selectors by now—they make our lifes so much easier! In this quick tutorial, I’m going to explain how you can have a nicely floated list of items. We will use jQuery to make sure IE understands it too.

Read more »

A quick note about my interview with Ryan Taylor

20 September 2009, in Miscellaneous | 1 comment »

For those who’d like to know who’s behind this website, now you can: I’ve done an interview with Ryan Taylor—from Havoc Inspired and Boagworld—which you can take a look at right here.

Read more »

How to give a more exciting presentation: a note to speakers

6 September 2009, in Events | 8 comments »

I’ve been part of the audience at web conferences a few times now. Some presentations are exciting and engaging but, most of the times, they tend to be quite underwhelming. I don’t think this is because the speakers are fundamentally bad, but there are a few things that can be done to make any presentation sound as exciting as a Lost season finale.

Read more »

RTFM

14 August 2009, in Rants | 3 comments »

We, web designers, like to complain about how little recognition our profession has, how everyone likes to think they can make a website, and how clients don’t respect our work. But when it comes to actually doing something that could make us a bit closer to any other “official” profession, we’re bored and dismiss it. It’s so much funnier to complain about IE6!

Read more »