home of the “design for the web” coursean adult course focused on webstandards based webdesign

webeyedea logo design for the web

articles tagged: CSS

CSS Zengarden is 10 years old, wow!

07/05/2013 No Comments

Wow, this takes my back to my early days of refining my web skills, learning coding and joining the web community in promoting CSS ~ how time flies… from those days, I will forever remember Dave Shea and Molly Holzschlag, alongside many others, and thank them for guiding my path into web standards and the beauty of CSS :)

In his blog post “10 Years” – Dave revives this concept, asking for new submissions to now work with more advanced designs – exciting & fun!!! :) Who wouldn’t want to contribute to this…
css zengarden
continue reading ➤

slide-in image captions

02/05/2013 2 Comments

A very popular and useful method to enhance the image presentation on your site is to include captions. While some designs will work best with the caption visible by default – more minimal designs might need a different approach. Here’s a little demo of how you can include hidden info which reveals the text on rollover.

Check out this Pen!

sticky menu with highlighting

02/05/2013 2 Comments

This is now a more and more commonly used technique which has great advantages for easy use – the sticky menu. I put together a quick demo which changes the position of the menu once the page is scrolled and highlights the current menu link, relevant page section reached.

This should help you with your site, Bart :)

getting to grips with positioning

13/12/2012 No Comments

figure

Let’s have a look at positioning :)
When using fixed positioning – do bear in mind the screensizes and the overall dimensions of your fixed elements. There is always a risk of obscuring important page elements or content and you will need to plan carefully how to size and position your fixed elements.

continue reading ➤

good coding practices

16/10/2012 2 Comments


With your coding skills now growing nicely – let’s have a look at some of the recommended coding practices. The following articles vary in their advice but they will make for useful reading. As you are still new to coding – I would strongly recommend that you try to establish a good workflow with your project work. Part of this is how you write your code: nicely formatted, clean and minimal and of course, well annotated.
continue reading ➤