My other iPad is a Kindle

2010
09.04

Zeldman.com as seen on Kindle

The new Kindle has a lot going for it. It’s inexpensive compared to a full-featured tablet computer like the iPad; you can slip it in your back pocket, where it’s more comfortable than an old-style paperback; and it includes a Webkit browser. This last point is where folks like us start to give a hoot, whether we’re fans of epub reading or not.

The flavor of Kindle’s browser concerns us because it affords us the ability to optimize the mobile viewing experience with a single line of markup. You can see this in action in the photo at the head of this article (published and discussed on Flickr).

I made no tweaks for Kindle per se; the Kindle is simply responding to a line of markup I’ve been putting into my web pages since 2007—namely, the viewport meta element, which controls the width of the viewport, thus enabling mobile devices with a limited number of pixels to focus all available pixels on your site’s core content (instead of, for instance, wasting part of the small screen on a background color, image, or gradient). The technique is as simple as web design gets:

meta name="viewport" content="width=770"

(Obviously, the value of “width” should be adjusted to match your site’s layout.)

I learned this little trick from Craig Hockenberry’s Put Your Content in My Pocket (A List Apart, August 28, 2007), which I naturally recommend to any designer who hasn’t seen it.

Facebook
Tumblr
Posterous
del.icio.us
Digg
Google Bookmarks
NewsVine
Slashdot
RSS

My other iPad is a Kindle

2010
09.04

Zeldman.com as seen on Kindle

The new Kindle has a lot going for it. It’s inexpensive compared to a full-featured tablet computer like the iPad; you can slip it in your back pocket, where it’s more comfortable than an old-style paperback; and it includes a Webkit browser. This last point is where folks like us start to give a hoot, whether we’re fans of epub reading or not.

The flavor of Kindle’s browser concerns us because it affords us the ability to optimize the mobile viewing experience with a single line of markup. You can see this in action in the photo at the head of this article (published and discussed on Flickr).

I made no tweaks for Kindle per se; the Kindle is simply responding to a line of markup I’ve been putting into my web pages since 2007—namely, the viewport meta element, which controls the width of the viewport, thus enabling mobile devices with a limited number of pixels to focus all available pixels on your site’s core content (instead of, for instance, wasting part of the small screen on a background color, image, or gradient). The technique is as simple as web design gets:

meta name="viewport" content="width=770"

(Obviously, the value of “width” should be adjusted to match your site’s layout.)

I learned this little trick from Craig Hockenberry’s Put Your Content in My Pocket (A List Apart, August 28, 2007), which I naturally recommend to any designer who hasn’t seen it.

Facebook
Tumblr
Posterous
del.icio.us
Digg
Google Bookmarks
NewsVine
Slashdot
RSS

50 Fresh and Beautiful Ecommerce Websites II

2010
09.04

Well-designed ecommerce and shopping cart websites are regularly referred to for web design inspiration by creative and experienced web developers. They are also being featured on various CSS website galleries, and in fact there are more than a few gallery sites that are solely dedicated showcasing beautiful and standards compliant shopping cart and ecommerce websites.

With the exceptional flexibility for customization of ecommerce scripts, third party tools and advanced functionality, shopping cart websites have revolutionized their look and feel and overall performance. In this post, we bring you 50+ fresh ecommerce websites that are not only beautiful but are also effective in presenting themselves as an online shop. Please go through the websites and let us know which ones are your favorites in terms of their design and usability.

Nicola Whitman

Nicola Whitman

Mister Spex

Mister Spex

GSelect

GSelect

Waltzingmouse Stamps

Waltzingmouse Stamps

Alexandalexa

Alexandalexa

Scarafaggio

Scarafaggio

Perfect Order

Perfect Order

Husky CZ

Husky CZ

The Cotswold Company

The Cotswold Company

La Belle Epoque

La Belle Epoque

Hydrokultúra

Hydrokultúra

Ocean Sales

Ocean Sales

Rip Curl

Rip Curl

CellarThief

CellarThief

Bilka

Bilka

Diva

Diva

Walstick

Walstick

Columbia Sportswear

Columbia Sportswear

New Look

New Look

Marine Layer

Marine Layer

Harley-Davidson USA

Harley-Davidson USA

MySoti

MySoti

Baby Besos

Baby Besos

Mama-La-Mode.com

Mama-La-Mode.com

Energie Online Store

Energie Online Store

The Well Body Store

The Well Body Store

Surf Ride Surf Shops

Surf Ride Surf Shops

Madison

Madison

Foot Locker

Foot Locker

Journeys Shoes

Journeys Shoes

Fenn Wright Manson

Fenn Wright Manson

PUMA

PUMA

Flirt Catalog

Flirt Catalog

Blossom Mother and Child

Blossom Mother and Child

Build-A-Bear

Build-A-Bear

Coach

Coach

Lodger Footwear

Lodger Footwear

Steve & Co.

Steve & Co.

Tungsten Rings for Men

Tungsten Rings for Men

United Pixelworkers

United Pixelworkers

rüsthaus

rüsthaus

Better Closet

Better Closet

Kuhn's Jewelers

Kuhn's Jewelers

Perfume Point

Perfume Point

Duffle Coats

Duffle Coats

GNC

GNC

Grana and Mau

Grana and Mau

Martha Rey

Martha Rey

GroveMade

GroveMade

Snow Sport Protection

Snow Sport Protection

About the Author…

GraphicsFuelRafi Md is a freelance graphic designer from India. He’s the Founder and Photoshop Freebie Creator for GraphicsFuel, a graphic design blog providing original, high quality Photoshop freebies and design resources. You can also find him on Twitter as @GraphicsFuel.

Previous parts of the Top 50 Web Design Styles Series

50 Examples of Large Photography Backgrounds within Web Design »
50 Examples of Creative 404 – Page Not Found Pages »
A Showcase of 50 Amazing Personal Blog Web Designs »
50 Creative Examples of Illustrations in Web Design »
50 Professional Web Design Agency Web Sites »
50 Bright and Vibrant Web Designs – Color Inspiration »
50 Impressive Magazine and Newspaper Styled Web Designs »
50 Inspirational and Fresh Minimally Designed Web Sites »
50 Creative and Inspirational Personal Portfolio Websites »
50 Inspiring Web Application and Service Web Site Designs »
50 Examples of Effective Uses of Typography Within Web Design »
50 Beautifully Crafted Corporate Ecommerce Web Designs »
50 Creative Examples of Vintage and Retro in Web Design »


50 Fresh and Beautiful Ecommerce Websites II

2010
09.04

Well-designed ecommerce and shopping cart websites are regularly referred to for web design inspiration by creative and experienced web developers. They are also being featured on various CSS website galleries, and in fact there are more than a few gallery sites that are solely dedicated showcasing beautiful and standards compliant shopping cart and ecommerce websites.

With the exceptional flexibility for customization of ecommerce scripts, third party tools and advanced functionality, shopping cart websites have revolutionized their look and feel and overall performance. In this post, we bring you 50+ fresh ecommerce websites that are not only beautiful but are also effective in presenting themselves as an online shop. Please go through the websites and let us know which ones are your favorites in terms of their design and usability.

Nicola Whitman

Nicola Whitman

Mister Spex

Mister Spex

GSelect

GSelect

Waltzingmouse Stamps

Waltzingmouse Stamps

Alexandalexa

Alexandalexa

Scarafaggio

Scarafaggio

Perfect Order

Perfect Order

Husky CZ

Husky CZ

The Cotswold Company

The Cotswold Company

La Belle Epoque

La Belle Epoque

Hydrokultúra

Hydrokultúra

Ocean Sales

Ocean Sales

Rip Curl

Rip Curl

CellarThief

CellarThief

Bilka

Bilka

Diva

Diva

Walstick

Walstick

Columbia Sportswear

Columbia Sportswear

New Look

New Look

Marine Layer

Marine Layer

Harley-Davidson USA

Harley-Davidson USA

MySoti

MySoti

Baby Besos

Baby Besos

Mama-La-Mode.com

Mama-La-Mode.com

Energie Online Store

Energie Online Store

The Well Body Store

The Well Body Store

Surf Ride Surf Shops

Surf Ride Surf Shops

Madison

Madison

Foot Locker

Foot Locker

Journeys Shoes

Journeys Shoes

Fenn Wright Manson

Fenn Wright Manson

PUMA

PUMA

Flirt Catalog

Flirt Catalog

Blossom Mother and Child

Blossom Mother and Child

Build-A-Bear

Build-A-Bear

Coach

Coach

Lodger Footwear

Lodger Footwear

Steve & Co.

Steve & Co.

Tungsten Rings for Men

Tungsten Rings for Men

United Pixelworkers

United Pixelworkers

rüsthaus

rüsthaus

Better Closet

Better Closet

Kuhn's Jewelers

Kuhn's Jewelers

Perfume Point

Perfume Point

Duffle Coats

Duffle Coats

GNC

GNC

Grana and Mau

Grana and Mau

Martha Rey

Martha Rey

GroveMade

GroveMade

Snow Sport Protection

Snow Sport Protection

About the Author…

GraphicsFuelRafi Md is a freelance graphic designer from India. He’s the Founder and Photoshop Freebie Creator for GraphicsFuel, a graphic design blog providing original, high quality Photoshop freebies and design resources. You can also find him on Twitter as @GraphicsFuel.

Previous parts of the Top 50 Web Design Styles Series

50 Examples of Large Photography Backgrounds within Web Design »
50 Examples of Creative 404 – Page Not Found Pages »
A Showcase of 50 Amazing Personal Blog Web Designs »
50 Creative Examples of Illustrations in Web Design »
50 Professional Web Design Agency Web Sites »
50 Bright and Vibrant Web Designs – Color Inspiration »
50 Impressive Magazine and Newspaper Styled Web Designs »
50 Inspirational and Fresh Minimally Designed Web Sites »
50 Creative and Inspirational Personal Portfolio Websites »
50 Inspiring Web Application and Service Web Site Designs »
50 Examples of Effective Uses of Typography Within Web Design »
50 Beautifully Crafted Corporate Ecommerce Web Designs »
50 Creative Examples of Vintage and Retro in Web Design »


Free Book Competition “WordPress 3 Site Blueprints”, Comment to Win

2010
09.04

It has been a while since we last ran a good web design book giveaway, and if you are a WordPress developer or you are currently learning WP, you will certainly love this competition. What we have on offer is the chance for two of our readers to win one of two PDF ebooks, entitled WordPress 3 Site Blueprints that usual sells for . It has been written by Heather R. Wallace and its a book that will show you everything you will ever need to build a varied collection of feature-rich customized WordPress websites.

This competition will run for the next 14 days, and all you have to do for a chance to win your own copy is leave a comment below telling us why you love WordPress. Winners will be chosen at random and will be notified by email. Best of luck to everyone :)

About the Book: WordPress 3 Site Blueprints

WordPress 3 Site BlueprintsWhile some books merely talk about the capabilities of WordPress in general and leave you to figure out how they apply to your situation, WordPress 3 Site Blueprints takes a different approach. The first chapter will show you how to migrate from an existing static website to a WordPress blog. Each of the other chapters is devoted to the construction of a different type of site that can be created with WordPress and the right combination of themes and/or plugins. As you follow along, you will learn by doing because each of these nine chapters shows you how to build a WordPress-powered site from start to finish. That means that, by the time you reach the end of every chapter, you will have a fully-functional site online.

You can also download a sample chapter, bly clicking here: Chapter No.4 “Project 4: Building a Local Classified Ads Website”.

How to win this book

This competition will run for the next 14 days, and all you have to do for a chance to win your own copy is leave a comment below telling us Why you love WordPress. The winners will be selected at random and will be informed directly after the competition ends via email. Good luck to everyone :)


Free Book Competition “WordPress 3 Site Blueprints”, Comment to Win

2010
09.04

It has been a while since we last ran a good web design book giveaway, and if you are a WordPress developer or you are currently learning WP, you will certainly love this competition. What we have on offer is the chance for two of our readers to win one of two PDF ebooks, entitled WordPress 3 Site Blueprints that usual sells for . It has been written by Heather R. Wallace and its a book that will show you everything you will ever need to build a varied collection of feature-rich customized WordPress websites.

This competition will run for the next 14 days, and all you have to do for a chance to win your own copy is leave a comment below telling us why you love WordPress. Winners will be chosen at random and will be notified by email. Best of luck to everyone :)

About the Book: WordPress 3 Site Blueprints

WordPress 3 Site BlueprintsWhile some books merely talk about the capabilities of WordPress in general and leave you to figure out how they apply to your situation, WordPress 3 Site Blueprints takes a different approach. The first chapter will show you how to migrate from an existing static website to a WordPress blog. Each of the other chapters is devoted to the construction of a different type of site that can be created with WordPress and the right combination of themes and/or plugins. As you follow along, you will learn by doing because each of these nine chapters shows you how to build a WordPress-powered site from start to finish. That means that, by the time you reach the end of every chapter, you will have a fully-functional site online.

You can also download a sample chapter, bly clicking here: Chapter No.4 “Project 4: Building a Local Classified Ads Website”.

How to win this book

This competition will run for the next 14 days, and all you have to do for a chance to win your own copy is leave a comment below telling us Why you love WordPress. The winners will be selected at random and will be informed directly after the competition ends via email. Good luck to everyone :)


Flexible jQuery Carousel Plugin – bxCarousel

2010
09.04

bxCarousel is an easy to use and customizable jQuery carousel plugin.

It allows specifying number of elements to display, number of elements to be slided and has optional prev-next controls.

jQuery Carousel

It can work manually or with the "auto" mode where the duration between each item, speed and the direction of the transitions can be defined.

bxCarousel works as "infinite loop mode" where the items start to be displayed from the beginning once they are over.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ( Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from .99/year)

Tags:

Related posts

Flexible jQuery Carousel Plugin – bxCarousel

2010
09.04

bxCarousel is an easy to use and customizable jQuery carousel plugin.

It allows specifying number of elements to display, number of elements to be slided and has optional prev-next controls.

jQuery Carousel

It can work manually or with the "auto" mode where the duration between each item, speed and the direction of the transitions can be defined.

bxCarousel works as "infinite loop mode" where the items start to be displayed from the beginning once they are over.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ( Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from .99/year)

Tags:

Related posts

Sweet CSS3 Buttons – BonBon

2010
09.04

Using the new features and flexibility CSS3 offers, designers keep coming with impressive outputs.

One of them is BonBon Buttons: attractive buttons that will possibly attract the Web 2.0-type design fans the most.

CSS3 BonBon Buttons

A single PNG image is used to give the noise effect and they have a shiny 3D-like look.

There is also a method provided for inserting Unicode Symbols inside buttons with the help of HTML5 custom data attributes.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ( Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from .99/year)

Tags: ,

Related posts

Sweet CSS3 Buttons – BonBon

2010
09.04

Using the new features and flexibility CSS3 offers, designers keep coming with impressive outputs.

One of them is BonBon Buttons: attractive buttons that will possibly attract the Web 2.0-type design fans the most.

CSS3 BonBon Buttons

A single PNG image is used to give the noise effect and they have a shiny 3D-like look.

There is also a method provided for inserting Unicode Symbols inside buttons with the help of HTML5 custom data attributes.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ( Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from .99/year)

Tags: ,

Related posts