Tag Archives: javascript

KIN: Agency for the Arts design is done!

After many many bugs with IE and the navs, I’ve finally got it all sorted and ready to be filled with delicious content.

aaearhart

KIN Agency For The Arts

I ended up using two different horizontal nav systems. The first (top and primary) nav is the “JavaScript Dropdown Menu with Multi-Levels” and was taken from liegber.com. JavaScript powered so it’s got that nice subtle flow and fade.

With the time I had I couldn’t suss out how to have more than one of these menus on the same page, so I sought out another menu.

The second nav, which is only used on the home page, is the “Skeleton dropdown menu” from stunicholls.com. Also easy to edit and work with, this menu system is primarily css-powered. I implemented and tested it in IE and Safari, finished the site up, then realised I never incorporated the .js aspect of the code. So far it’s working fine without it and I can’t sort out where, when or how to implement it. This bit of .js code is said to be for enabling IE6 and under, so I’ll have to look in to that of course.

Advertisements

SEED site all packed up

USD’s SEED San Diego site redo is ready for proofing, standards scrutiny and other fun critiques.
seed.zip

aawerks

Trying to find the best design for a&awerks websight. Started out with something a little high production and implemented it in the “Coming Soon” page here

Coming Soon

Coming Soon


The serif fonts and the gears are something I’m looking to maintain. To me, a serif font is industrious, professional and consistent. The gears and cogs are a further representation of “industrious” and more towards hard-working and technically inclined.

Built up the “steel version” under the high production look of the Coming Soon page. The layout is a good one, but we don’t feel it’s right for our purposes. I could tweak it some more, but … the layout just isn’t right for the project.

Steel Version

Steel Version

Changed the logo to just the cog and started working with a simpler, more white-spacey layout but it’s too open. I abandoned it.

The simpler cog

The simpler cog

But this is the best. The colors just happened and I got the chance to make another robot. The layout is open but not empty. One page website. Exercises all the programming I can swing and it’s neat.

Bobot and a & a werks

Bobot and a & a werks


Turns out CS3 implemented all this fun spry stuff via javascript and jquery. It’s getting me learning jQuery like I want and … well, looks great.

ae media

I’m really liking the æ media site. It incorporates flash, jQuery, HTML5 and so on. Very nicely exercising my skillset.

Screengrab of the live but still in testing ae media site

Screengrab of the live but still in testing ae media site


Needs some background textures maybe. Perhaps I’ll dig the coral tile up and work with it.

Javascript Browser Detection – Stylesheetage

<script language=”JavaScript”><!–
browser_version= parseInt(navigator.appVersion);
browser_type = navigator.appName;

if (browser_type == “Microsoft Internet Explorer” && (browser_version >= 4)) {
document.write(“<link REL=’stylesheet’ HREF=’012899-ie4.css’ TYPE=’text/css’>”);
}

else if (browser_type == “Netscape” && (browser_version >= 4)) {
document.write(“<link REL=’stylesheet’ HREF=’012899-netscape4.css’ TYPE=’text/css’>”);
}

// –></script>