Crossdomain.xml

Security. Flash was built with security in mind, and therefore needs to use other web languages to access information on other websites.

So lets say you find yourself in a situation where you need to keep the files that contain these other languages on a external server (ie. the flash file is on one server, the XML file is on another server, and your images that are being indexed by the XML file are on yet another server). One example of this is a published Advertisement or flash application on the clients server (of which you have no access), that you would like to update on the fly with no access to their server.

In comes crossdomain.xml:












This is it. Host this on the external server in the same directory as the XML file that is being accessed. This gives permission for flash to pull files from a external server. NOTE: the above code give COMPLETE access, and could pose a security risk, this is defined here:


You can specify specific directories where the "*" is, such as:



Popular sites such as yelp, and flickr have a completely open crossdomain.xml file, an interesting article on the security issues posed by this is here:

http://blog.monstuff.com/archives/000302.html

Thank you, have a nice day.

and then there's positioning

Where would we be without positioning?! Your furniture would be on the ceiling and cat flying on the back of a seagull, who knows?!

Static: This is default, and need not be set generally

Relative: This positioning method refers to the items position relative to the positioning characteristics of the container it rests in. If it is plopped right in the body, than its the same as static

Absolute: this bugger has a strong hand, swiping away all the opposing forces and declaring "THIS IS WHERE I AM, AND NOBODY CAN TELL ME WHAT TO DO!"

Floating: Floating is a nifty little thing, it is what brings us above the lowly old-world programmers that rely on tables instead of DIVs, and likely have 24k dial up modems. Floating is especially handy in creating columns, for instance if you wanted a three column layout you could create 1 main container, and 2 containers within it, the first of these two would contain your left and center columns, and than the third right column would float outside of this inner container directly within the main (see diagramn)

ok, i did it! embed dynamic yelp reviews to a website in 5 minutes flat

Voila! After much fruitless searching and cursing SEO's around the world I have stumbled upon a disgustingly simple process for posting specific business reviews from yelp to a website.

A New Hope:
If you don't have Firefox than discontinue reading this blog and push your computer out the nearest window. If you do than high five!

(plugins you should download NOW!! Web Developer, DownloadHelper and Tamper)

Navigate to the Yelp page containing the business reviews you wish to stream into your website, if you are running the latest Firefox you will notice a little icon like this appear next to the web address (on Safari the letters RSS are next to the web address, zeus only knows what IE does):

Click on this RSS feed icon, than copy the URL of the page it va

what the hells an RSS feed?! check out this to clear the fog:

The Empire Strikes Back:
Navigate to a page such as: http://grazr.com/ follow the steps to creating a customized RSS reader (an RSS reader will except the .xml URL you had copied above and display the dynamic content... watch the video!!)

Return of the Jedi
After you've completed customized fiddling and otherwise wasting your time on grazr.com creating your RSS reader and plugging in your .xml RSS feed copy the HTML EMBED code from grazr where you've created your reader, now paste this inbetween the body tags on your website and VOILA!! May the feed be with you

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.

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.

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.