Posts Tagged ‘html’

Pure CSS image lightboxes

13th May 2016

I don’t like using JavaScript unnecessarily. That’s why I love pure CSS solutions. As browsers are getting better and better at implementing CSS3 features, pure CSS solutions are getting slicker and more production-ready.

One of the few pure CSS solutions I built recently was a pure CSS lightbox. I built my solution first and then looked at the tens of other solutions out there to compare and check if I missed anything important.


The trouble with HTML and CSS skills

15th November 2012

When talking to recruitment agents, I very often hear that having “just” HTML and CSS skills is no big deal as everyone is good at those. That’s probably because they hear and read so many times from web developers that they are really good at them. So, they think those skills are not very valuable.

But the truth is, while many developers say they have good HTML and CSS skills, most of them really haven’t. The problem is that the languages themselves are very easy (so, they might not be really lying as such). But applying them to real world projects isn’t easy at all. You could also say it’s the distinction between “CSS, the language” and “CSS, the skill”.
If it was easy, why is the quality of at least 90% of the web so crap? While working with other developers I have found that the vast majority (at least about 90%) of them are overestimating their HTML and CSS skills by far.

During the over 10 years of working in this business, I have worked with roughly 100 other web developers. And out of those only five were good enough in HTML and CSS so that I would rate them 4 or 5 (out of 5).


Error reporting for HTML

5th August 2012

Never heard of error reporting for HTML? Well, me neither, but I plan to use it soon…

CSS Playing Cards

23rd August 2010

Some days ago a friend of mine told me that he would be interested in using pure CSS playing cards for a personal project. A few people have tried CSS playing cards before. But I wasn’t satisfied with any of our findings, as ideally they should be semantic, accessible and scalable, they shouldn’t use more markup than necessary and should be pleasing to the eye. So, I was up for the challenge and created them myself …

CSS Mini-Me

3rd March 2010

A few days ago I was trying to find my “body colours”. I took a photo of my face and colour-picked the most representative bits of my skin, hair, lips and eyes. While the results in themselves (#dcc09b, #3a2810, #b0625e, #3b453d) were nice but also completely unimportant, I wondered what else I could do with that information.

I first thought about personalising my online CV to match these colours (with hair colour at the top, lip colour at the bottom and eye colour for links, etc). But somehow my body colours don’t make good website colours.


Instead I played around with those colours and created a pure HTML and CSS “image” of myself (the core code consists of just five divs). Et voilĂ , here it is.

You will only see the full beauty of it if you use a modern browser (and can see). It’s funny how IE6 still shows something which is recognisable as a face, but turns it into some kind of a monster:

Beauty is in the eyes of the browser