Skip navigation

Category Archives: CSS2+3

For the last few weeks I have both been very ill and working hard on a new development at Pure360. It’s meant that even with good intentions, I have been unable to post as much as I had intended.

At the end of January I attended a workshop day on CSS3 which was hosted by Richard (Clagnut) Rutter and Natalie (NatBat) Downe of Clearleft. I would like to start off by stating that I would give a limb to work with these people. My impressions of Clearleft before attending the workshop were that of a group of individuals who all aspired to be great in their field. On completing the workshop my opinion was of a group not only who aspired to be the best, but were in fact steering the ship.

Both Rich and Nat provided an incredible experience in terms of the subject matter, working (and not working) examples, exercises and debate. Clearleft put together incredible workshops, providing resourceful classroom materials, the facilities were amazing with tea/coffee pastries in the morning before the session started where I was even greeted by the Jeremy Keith who I think may have been around just to snoop, a fantastic assortment of sandwiches and wraps for lunch and each desk littered with good old dev/designer brain food, or haribo, chocolate and jelly babies as the common man may know them. There was even fresh fruit and more chocolate for the final break with a trip to the pub to finish off the day.

It was great to meet up with the people who had travelled in from Europe to attend solely on the reputation that Clearleft holds, truly eye opening in many different ways.

If it wasn’t for the fact that the CSS3 workshop bankrupted me for a good couple of months I would be booking up to attend the HTML5 workshop at the end of April along with the UI seminar in June. It’ll have to wait another year.

Workshops with Clearleft

I looked at this briefly the other day before attending the CSS3 Workshop with Clearleft on Friday (I will write a bit more on that later). After understanding what components have been used to create this sexy bit of CSS3 and jQuery I am even more impressed by it.

Pushing Pixels by Daniel Kurdoghlian

Pushing Pixels by Daniel Kurdoghlian

Daniel has utilised CSS3 box-shadow and border radius to create this interactive experience.

Flick the switch to turn on the light on and the title produces a shadow. Move the bulb or the title itself around the screen and you will see the shadow move in relation to the light source. Going one step further, moving the light further away from the title weakens the strength of the shadow and in turn, moving it closer makes a stronger harder shadow.

http://pushingpixels.at/experiments/dynamic_shadow/