Live example tutorials

Thanks Gary,
Pretty happy with how they are turing out.
Not all examples work in the editor, so I leave off the live edit for those and we still have the usual browser support issue.

Have you ever used background-size? looks quite useful.

Suggestions on better examples or descriptions are welcome.

I've not used it. I think I'd prefer that graphic designers not get wind of it. Those guys and guyesses will take it as license to create even more image bound designs. "… but all you have to do is stretch it a bit."

cheers,

gary

Great job sir, they're looking great, and we've got traffic lights to boot (boot for the oddly worded ones means the biggish space at the back of ones car. Boot is also something placed on ones foot - Bonnet on the other hand is just plain weird, in my dictionary it's a summer hat for the ladies.)

Transitions would be good one to cover as it will be fun to play with on screen - even though it should never have been included in the specs.

Uhm transitions would make a good example when I can get to it.
Still updating all the existing ones.

Granted it does smack of behavior, at least it doesn't involve linking to a 3GB jQuery library. If only people weren't allowed to use J. Arthur Gargantua Query until they could prove their competence in stripping the library down to the bare requirements of the site. :sigh:

cheers,

gary

Got through the list of ones worth of an example. Now if only I could stand looking at another example I would add transition. Think I will have a break for a day or so

Yesterday I had to implement a simple hover popup for an existing site- needed to be simple and lightweight, so simply added span content in the parent and did the run of the mill css hide/show then thought hmm site has many effects throughout so wanted a smooth fade in / fade out effect; rather than write script though I'll try 'Transitions' but not so easy. 'Transition' and it's sibling 'transform' are quite tricky properties to use, could get a fade in but due to styles/markup could not get fade out; so as jquery already loaded fell back to scripting it.

Lucky it's winter here day's are short.

Actually scrub Transition (might take ages to get examples together), add in 'Transform', think that's an easier and perhaps more useful property to demonstrate - and you do seem to be at a lose end at the moment

Transform not sure how much easier that would be. Feel like throwing together a quick demo and description?

is that the opening of my big mouth - if I get time I'll try and run up a demo and pass it along - that is if I get any peace from some troublesome jobs and haven't actually burned my puters and retired.

Thanks Hugo,
No worries if you can't get to it.
I will keep work on transitions.

Made a start roughing out a page of examples - it's not a simple task these two properties are fiddly and have a slew of permutations and child properties.

Where can we see the demo Hugo?

Regards,
Mihir.

Not sure I got dragged back to client issues and haven't had a chance to look at if further; got through quite a few examples and realised there were still a ton more.

Looking forward for your posts soon! I took inspiration from you and created a tutorial myself - using :target - not posting the link here (mod's will call me a spammer) . But Tony has been gracious to give its link in the psuedo-classes list! Do take a look

Regards,
Mihir.