Tag Archives: css

Top 10 Most Useful CSS3 Generators To Write Clean Code Easily

 

 

 

Top 10 Most Useful CSS3 Generators To Write Clean Code Easily.

 

via Top 10 Most Useful CSS3 Generators To Write Clean Code Easily.

Meetup2Go

Good. Done with the site design. Now, as is to be expected, I’m waiting on content.

meetup2go

meetup2go

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.

CSS Cheat Sheet (V2) – Added Bytes

CSS Cheat Sheet (V2) – Added Bytes.

Owltastic — by Meagan Fisher

TEXT-SHADOW

Applying text-shadow to elements is easy, and coupled with RGBA it works beautifully. Since both text-shadow and RGBA are supported by Safari, Firefox, Konqueror, and Opera, why not start playing with them now?

via Owltastic — by Meagan Fisher.

Owltastic — by Meagan Fisher

I’m currently working on a design that uses text-shadow and box-shadow, with RGBA in place to create the shadow color. I wanted to tweet about this technique because it’s simple and awesome, but to my surprise I couldn’t find a good, quick tutorial that covered the use of both text and box-shadow, along with RGBA. So I decided to create one.

via Owltastic — by Meagan Fisher.

SEED site all packed up

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

SEED San Diego

The site revamp is almost complete.

Old:

The old/current look n feel for SEED San Diego

The old/current look n feel for SEED San Diego

And the new:

The new look n feel

The new look n feel

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.