Oncemade » Typography

Link Roundup: Week 12/29 – 01/04

Rodrigo — Fri, 02 Jan 2009 20:00:51 +0000

Last week's websites that I stumble upon. Some design related, development and completely off beat topic. If you have a link that you'd like me to share with others feel free to send it me.

Web Design & Web Development

PX to EM conversion made simple. Very handy website.

Web Design & Development books reviews and interviews.

iPhone & iPod Touch Wallpapers

Lots of typography wallpapers for both iPhone and desktop.

Link Roundup: Week 12/14 – 12/20

Rodrigo — Sun, 21 Dec 2008 00:00:51 +0000

Last week's websites that I stumble upon. Some design related, development and completely off beat topic. If you have a link that you'd like me to share with others feel free to send it me.

Inspiration

Black Estate Vineyard is a website for a wine company, it's beautifully designed in back and white and very nice typography. The docked navigation is a nice touch too.

As the name suggests, Logo Design Love is a website devoted to logos where you can find lots of inspiration and tips on how to design them. Don't forget to check out the website owner's portfolio

If you are a fan of cartoon like me, you will love Cartoon Brew. Lots of news and animations everyday.

Power to the Poster is a fantastic website, if your are into poster design you will love the free PDFs ready to print.

Lots of kids' illustrations here, I love the color palette used on the illustrations.

Who Should Redesign is a place where webmasters can submit their websites to be voted for redesign or not. Lots of inspiration and great way to know what people are looking for.

Tutorials and Resources

CSS Tip: Drop Caps

Rodrigo — Sun, 14 Dec 2008 06:19:58 +0000

Drop caps are usually used in desktop publishing, the first letter of a paragraph is enlarged to drop down 2 or more lines. Update: To make it work in IE6, the first letter needs to be wrapped in a span. IE6 Example

Markup

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

CSS
.drop:first-letter { 
    font-size: 4.2em;
    float: left;
    line-height: 0.6em;
    margin: 0.13em 0.13em 0.13em 0;
}

Example

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Browser Support

Firefox
Safari
Chrome
Opera
Internet Explore 7

Creativeness – Typography from around the web

Rodrigo — Sun, 12 Oct 2008 16:08:02 +0000

Series of typography design from around the web.

Creativeness – Minimal Graphic Design

Rodrigo — Tue, 07 Oct 2008 17:00:00 +0000

Inspiration for my daily work with simple lines and very minimalist approach to design. I wish I had done them.