Category Archives: css

Compilation of CSS showcase sites

I needed a list of CSS showcase sites for a buddy of mine and for my future reference – from my bookmarks, delicious and Google – this is what I came up with –

Any more to add?

Learning CSS

I’ve been asked a couple of times over the last week on what the best approach to learning CSS would be.

The approach I took was a good one and it was the one I suggested. Learn it as you would any other technology …. Properly!!.

You wouldn’t stumble into trying to learn Java fumbling your way through without ever picking up a book and trying to learn the basics. Same with CSS and especially with HTML and yet nobody does (very few anyway).

I chose to read  Web Standards Solutions, Eric Meyer on CSS, Building Accessible Websites  and a few others. I read them cover to cover. I read the XHTML DTDs and understood the semantics of a document. I also read the CSS specs and as many articles and tutorials as I could (and still do).

Without doing it properly (and having a few people that can help every now again) you’re pissing in the wind and you’ll make a balls of it. Your nasty markup and dire CSS will take away from the perfect backend code you’ve written.

Don’t underestimate the importance of learning CSS and HTML properly. It’ll come back to bite you later.

Safari says – your links will be red

I’m doing alot of CSS at the moment and I recently came across a puzzler. We currently support IE7, IE6, Firefox and Safari (win and mac). In Safari for some reason on two of the pages all links were Red and Maroon.

It turns out the reason for this is that a non-existent CSS was being imported and the 404 page had CSS rules that take precedence over the linked ones. Our webserver is IIS and the 404 has embedded CSS :

A:link { color: red }  A:visited { color: maroon }

which I’m guessing is the culprit. A puzzler but thanks to the Adobe forums (a google search led me there)

Where’s clown number three

What in the name of all things XML have I been up to. Well as y’all have probably gathered, I’ve been relatively offline, what with my new job. Trying to get settled in Ireland, trying to sell my house in Wales and generally trying to get my shit together.

I’ve been going to the gym alot and playing football twice a week (when we get the players) resulting in a loss of just short of a stone. I’ve had a super quick trip back to Wales (booked at 12 o’clock while still in bed – waiting at gate at 2 o’clock) and back at 8 o’clock the next evening. I’ve started the process of importing my car. I went to the Oxegen music festival which was awesome and muddy and awesomely muddy. I’ve also booked my holidays, I’ll be spening 10 days at the family’s summer house on an island in the Helgeland area of middle/north Norway.

I checked the other day and was shocked to see that I have been in Ireland (with all my posessions) for three months and three days. My house has been up for sale for nearly four months and I’ve been in my new job for nearly two months. Time seemed to drag during that time but looking back – it’s just flown.
Onwards and upwards folks – onwards and upwards.

Congrats to my brother who passed (with merits) his Carpentry exams and only has a year left and he’ll be earning more than me.

The clown reference in the title is from the fact that our house is now referred to the “Clown College” where myself Ronan and Colm live.

Ajax header image rotation

Previously on Philroche.net, the header images were populated from a PHP Array which generated a ul with javascript links to change the header image. Not nice as it relied on javascript. After some ajaxian fun, the list is now generated from an XML playlist and the list is fully accessible with click events attached to each link to change the header image. You can view all the source below but there’s also an example page. Please note that this is version 0.1 (read- possibly buggy) so if there’s any problems let me know and I’ll debug.

Source code

Graduate c# devleopers x2 wanted

As part of Karova‘s expansion, we are looking at taking on 2 more graduate developers. If you want to apply, you’ll need at least a 2:1 in a technical degree, knowledge of object oriented programming techniques, XML and XSLT, web standards and CSS. C# would be benifical, as would a good grasp of IIS. If you want good pay and a chance to be part of a growing and exciting company – please see http://www.karova.com/jobs for more detail. We are after a sales manager too for you sales guys.