How to proportionally scale images that have dimension attributes

Allowing images to scale along with their container is an important part of responsive web design (and was so even before the term “responsive web design” existed). It’s really quite easy – all you need to do is give the image a width (or max-width) in percent:

img {
    max-width:100%;
}

This will prevent any img element from getting wider than its container. If the container is narrower than the image, the image will scale down. But there is a catch.

Read full post

Posted in .

Copyright © Roger Johansson

Posted in Blog | Comments Off on How to proportionally scale images that have dimension attributes

Deal of the week: Charming vintage font family Thirsty Rough

thumbnailA good cursive typeface is hard to come by; most have a tendency to look like either a hand-written note from the Marquis de Sade, or a grocery list written in haste by a particularly harassed doctor.

Consequently, a script with both clarity and character, suitable for extended use in a project is worth its weight in gold. This week, our sister site MightyDeals.com have arranged a deal on one such font: Thirsty Rough.

Based on the popular Thirsty Script by Yellow Design Studio, Thirsty Rough is softer, rounder edged and consequently a lot friendlier than its parent.

The typeface comes with four weights (light, regular, bold and black) and each weight has four levels of distress for that nice worn feel. There are letter variations to offer variety, professional ligatures, support for dozens of languages, and even a shadow option. This font really is the complete package.

Ideal for any brand that wants to associate itself with vintage flair, Thirsty Rough would be perfect for a small town diner, a clothing label, an independent coffee shop, or perhaps a record label.

Deal of the week: Charming vintage font family Thirsty Rough

What’s more, the effortless cool and numerous distress options makes Thirsty Rough an absolute must-have typeface for T-shirt designers everywhere.

Normally retailing at $49, MightyDeals.com has arranged an 82% discount, which means you can buy a license for the Thirsty Rough font family for just $9. You get the choice of desktop or web font licenses, but why not double up your savings by licensing both for $18?

Head over to MightyDeals.com to grab one of the most usable fonts of its kind you’re ever likely to see.

Deal of the week: Charming vintage font family Thirsty Rough

Deal of the week: Charming vintage font family Thirsty Rough

 

Have you used Thirsty Rough in a project? What uses can you think of for it? Let us know in the comments.

Play Blu-ray Movies on Your Mac – only $25!
Deal of the week: Charming vintage font family Thirsty Rough

Source

Posted in Blog | Comments Off on Deal of the week: Charming vintage font family Thirsty Rough