August, 2009

Twitter Birdie using HTML typography and CSS text rotation

Aug 31 09 by everydayworks




why

Exploring type in HTML text
Twitter Birdie
what’s it all about

It’s about experimenting with CSS Text Rotation and HTML text typographic designs.
Fonts Used

Arial.


Check out my twitter birdie / HTML typography design. I separated from the Follow me Twitter post. Again, only works in Safari and FF latest browsers.
See the Birdie

Follow Me on Twitter Typographic Poster – Helvetica

Aug 28 09 by everydayworks




why

I wanted to see if can design birds using type.
Follow Me, Twitter
what’s it all about

It’s about me joining twitter and hopefully you following me.
Fonts Used

Everything is Helvetica.


I’ve also done the dark blue birdie in HTML text using CSS Text Rotation. Again this only works in FF and Safari. Sorry IE, no love from the birdie. Tweet. This HTML typography designs are looking pretty cool.

See the Birdie
Follow me on Twitter

1999ish Design skills? Old School

Aug 27 09 by everydayworks




why

Not sure really.
Old School
what’s it all about

It’s about a cute picture with old school design skills.
Animation

Small animation, the photo thumbnails would cycle through a bunch of other photos of this cute little girl.


Wow, Remember when duplicating 1 pixel column or rows of an image and stretching to create something cool looking. I still use that sort of technique on images rather than resizing.

Nice Looking Pottery Barn “Fall 2009″ E-mail

Aug 26 09 by everydayworks




th_2_we_email_100

What a great design. Its simple, its clean, and it looks good with images off. See here. Apart from this being a great overall design. I did see one important thing that could of used more attention. The “CTA” (call to action). I think it blends in with the well laid out type in the white box. The little arrow to the right of the “See what’s new” text is the only give away that its a link. How about making this a button? Something that stands out and grabs your attention? I tweaked the design a bit to add a button.

What do you think? Does it work with the button?

Pottery Barn E-mail Original
Pottery Barn E-mail Everydayworks

HTML Typography using CSS Text Rotation

Aug 25 09 by everydayworks




why

I wanted to experiment with type using only HTML text.
css typography
what’s it all about

It’s about design using CSS


For sometime now, I’ve been wanting to turn my typographic poster into fully HTML text using CSS. I knew it was possible, I just didn’t know how. After hours of research on CSS Text Rotation, I came across Snook.ca site that had just the information I needed. So with a little CSS and Designs skills I coded this first Typographic poster using only HTML text. My font selections were limited of course. This didn’t really stop me from creating something really nice to look at. Stay tuned, i’ll finish more HTML Typography designs for all to see.

View the HTML CSS Text Rotation

I haven’t done any testing to this, I do know it works in Safari 4 and FF 3.5.

West Elm e-mails are great. maybe…

Aug 21 09 by everydayworks




th_2_we_email_100

When I design emails, I’ve always stressed the use of HTML text. Why? Well because of how the e-mail displays with images off. West Elm e-mails are great. They always look really well designed. I don’t know what metrics tell them but they always get me to look and see their products. I might be a little bias since I purchased furniture from them before. Anyway, I took a look at this weeks e-mail with images off. Surprisingly, not as well designed as I thought. See here. One with images and one without. The images off versions doesn’t really say much except for “I NEED TO DOWNLOAD THE IMAGES”.

I took a couple of minutes to see how I can tweak this. I change most of the text to HTML and I must say, not to far off from their original design. See my tweaked version of this email using HTML text here. The end result, a well designed email with HTML text that looks good with and without images.

West Elm E-mail Original
West Elm E-mail Everydayworks

This weeks potential redesign, AE.com

Aug 20 09 by everydayworks




th_2_ae_edwrks 
While browsing around on AE.com, I noticed a couple things that needed some attention. I spent a couple of hours seeing if there was a way to simplify the design. I won’t get into any detail on these. Click on the links below to see versions of the current AE.com and my simplified design.

What works best for you?

Current AE.com screenshots:
Home Page
Category Main Page
Category List Page

Simplified screenshots:
Home Page
Category Main Page
Category List Page

Finally, my 1st post. Welcome.

Aug 18 09 by everydayworks




why

My way of saying welcome.
1stPost
what’s it all about

It’s my brand and how I want to creatively express it through type.