It has been quite a while since I started the CSS Toolshed, and I expected a lot of submissions after hundreds of people downloaded the templates, but now – more than two weeks later – I only got one good submission to show.

OK, I get the message: I cannot expect developers to work in conditions like these to submit something for a project they don’t get any money from. It is frustrating enough having to deal with these at work, but at least there is a paycheck in it.

So, to make it a bit easier, I updated the templates pack to include

• all the necessary images
• more templates containing almost all elements of the building block gallery
• pre-defined CSS selectors with all the content elements

As the pièce de résistance, I created a new demo design called Happy Cock and wrote down what I was doing while developing it.

So if you need to get an insight as to how to create a CSS Toolshed entry (or simply a flexible CSS layout) go and read:

• Cocking up – How the Happy Cock CSS Toolshed submission was done

Hopefully this will help the toolshed get some more submissions, I’d hate simply to let it die…

As there is to date only one additional working submission for the CSS Toolshed (in comparison to over 400 downloads, so there is hope), I started another design of my own, with apologies to Zeldman and Happy Cog.

Take a peek at what is there to come

I will write a step by step commentary, if I get the time.

Installing the .NET 2 framework to run CSS Vista corrupted my registry and the laptop went straight into BSOD when booting. Therefore I had to parallel install Windows (as the repair explanations on MSDN didn’t work) and got the chance to clean up the mess that accumulated over the last 3 years. It was a great feeling simply deleting folders to get rid of Software, much like a Mac…

Anyways, here is the Software I consider really necessary for me to work efficiently, maybe you can find some things you hadn’t used or known yet, and I am happy to get more tips in the comments. (more…)

A friend of mine wanted a christmas / advent calendar with 50ies pin-ups, and I couldn’t find one, so I scanned some and made an online calendar for her. As those are copyrighted, I will not reveal the pinups here, but instead offer you the script oft the calendar to use with your own pictures.

• See the calendar in action
• See a calendar for cheaters that works this month
• Download the script pack with demo images – 880KB Zip
• Download the script pack without demo images – 92KB Zip

What does it do?

The script shows all the links of the different days pointing to a “not yet” image on days that are in the future, and points to the real image on days that are in the past or the current one. Clicking the image gets you back to the calendar.

How to alter the display?

Simply replace the images 1.jpg to 24.jpg in the “ups” folder with your images. 25.jpg is the “not yet available” image.
The page whole look+feel is defined in styles.css. The calendar is an unordered list with the ID “calendar”, the image is a DIV with the ID “pic” containing a link around an image.
The different day links are positioned via the ID l1 to l24 settings in the CSS.
You can change all these settings in the variables section of the xmascalendar.php file:


$pictureFolder='ups';
$month=12;
$clickableClass='done';
$calendarID='calendar';
$pictureID='pic';


Why in PHP and not in JavaScript?

This functionality could of course also be done in JavaScript, but that would make it easy to cheat by changing the computer’s date. You can of course cheat now by looking in the folder for the images themselves, but there are ways to prevent that server-side.

Yes, you could do that in AJAX with the PHP just doing the date checking, but frankly, I am too lazy right now :-)

Enjoy.

I hinted for some time now, that I was working on a ZenGarden-type site that simulates a CMS environment.

CSS Zen Garden did and does a tremendous job in educating web designers in the ways of CSS and showed that you can completely redesign one HTML document with different style sheets.

Now it is time we did the same for the enterprise level market, where high level CMS vendors still consider CSS too hard or not flexible enough to maintain the style of pages based on ifferent templates and with varying content.

Therefore I started the CSS Toolshed, and will go live with the site soon.
The CSS tool shed is a CMS simulation that has:

– A set of 4 templates for main page layout – Different content in the main content slot on each reload – the content will be different short articles on CSS and web development.

So far my entry is the only one (Click through the different menus to see the different templates – top menu, left hand menu, bottom menu)

I am very ready to go live with this, but I need some demo styles beforehand.
With a variety of styles the impact can be a lot bigger than just with my sorry example.

So, who is up for providing more initial styles?

You can download the 4 sample templates and the blank css files
together with a template guide and submission guidelines.

Put the final CSS files on your server and send them to me directly or via the submission form

Thanks, and hopefully this will become a good resource for developers who cannot control the markup they have to style to the extend the ZenGarden allowed us to.