Monday, July 28, 2008

willy nilly. i put a few pixels to work

stipper stipper, i will force my css upon thee!

What a wonderful idea, if only I had the ability to apply my CSS files to anyones page, imagine the possibilities! It would be like that part in 12 Monkey's where the zoo has been unleashed on the city and Highway 1 is clogged with giraffes!

So, practically speaking, I would begin my external CSS adventure by applying [laserclownsfrommars.css] to John McCains main website, and perhaps [doubledragonbellyflop.css] to various intelectual sites around the web. Oh, wiki would get some love too, and google.

This may all seem like non sense, but it is (not)! CSS style sheets take the data you put on a website and organize, arrange, beautify, and even (in John McCains circumstances) apply little videos of Laser Clowns From Mars all of the site blasting your quotes and quips.





End factor: semantic markup is useful, fairly cool and makes for logical CSS files that will be easier to use in a team environment and gives the ability to swap and conquer.

well then! the box model.

There once was a box, and a box within in a box, and a box within that box and a box within tha......

So thats basically the scoop with the box model using a tableless DIV tag setup to layout your miraculous web pages. The margin is a invisible barrier between the outside of the box and your content INCLUDING the background image, padding is within the margin and ignores the background image just pushing in your embedded images/flash and the text. You can toss a border around either of these buggers.



Monday, July 21, 2008

hmmpf, the basics of css

Be it correct incorrect or downright offensive, this is how I structure a CSS based website.

First things first, design a layout. Next gather all of your content (including doing any and all Flash work to be included). Organization is key, create a logical work flow with proper file naming conventions. I create a separate folder for images, CSS style sheets and Flash content (with its subsequent dynamic content architecture).

Ready to get to work. Taking a step into the door of your new website, you need to move all the furniture/picture/cats/other miscellaneous junk into the house. So you toss it all into the living room. Ok, you have everything inside, now you need to decide what each item does. In order to do this I create a few different attribute sheets to define various aspects: master.css, text.css, layout.css.

So using the master.css you determine that pictures go on walls. With the text.css you decide that the picture has a gold frame and a hook on the back. With the layout.css you put the picture 20em up the walls, 15em from the left. Or in other words with master.css styles the basics like H1, H2, Body, etc. text.css styles all the nitty gritties of font formatting, layout.css arranges the content and places it in the appropriate space.

Now, plug in all your content, unstyled. Next, plug in your div tags to style your content. Done.

Monday, July 14, 2008

well, here's a blog

Welcome to the first posting of the blog about magic!

Firstly to engage in posting on this blog you must also know magic, and be armed with the bare minimum of a shiny top hat with a rabbit inside.

Ok, fine you don't need the rabbit, I recommend the top hat, and when I say magic I refer to not only web design, but everything related and the influences therein.

So, please, put on your top hat and please add some whit, whimsy, and IQ 300+ world changing commentary to this shindig.