• Home
  • About
  • Advertise
  • contact
Subscribe: Posts | Comments | E-mail
  • 1.RhapsodyAnything & Everything
  • 2.Web DesignStandards rule!
  • 3.Photoshop... Love Buzz
  • 4.The WebNews and Trends
  • 5.Web DevServer Side
  • 6.Hosting...for the web
  • 7.Science... DNA and Stuff

WebScienceMan

Posted on March 9, 2007 - by Khaled

Principles of Beautiful Web Design

2.Web Design 4.The Web

Yes! yet another contest by SitePoint, after the Photo manipulation one, here’s a CSS contest. I will be a judge in this one too!

Josh Catone (the Community team leader @ SPF) posted :

The Challenge:

Announcing the SitePoint “Principles of Beautiful Web Design” CSS Competition. If you would like to win a copy of SitePoint’s acclaimed new book “The Principles of Beautiful Web design” then all you have to do is to take this html and turn it into a beautiful web page that is an advert for the book.

You are not allowed to change the html and can only use css and background images to create your masterpiece. Unlike the “Zen Garden” examples the html has very few extra “hooks” in the code and you will need to be very creative to turn this into a viable web page.

Advanced css’ers will therefore be able to use advanced selectors to create styling opportunities while those of medium skill levels can concentrate on the graphic side of things.

You must also use the SitePoint logo and the book cover image which can be downloaded from those links and the html for the images is already in place.

General Rules:

  • The html must remain untouched.
  • All html content must be used and not replaced with image replacement techniques.
  • Background images can of course be attached to any available element.
  • Valid CSS at whatever level you wish so advanced selectors can be used to good effect in browsers that support them.
  • Browsers to support are: IE6, IE7, Firefox 1.5+, Opera 9+. The design must display well in all the browsers listed with ie6 as the minimum requirement. However you may get more points if you can utilise advanced css to make the display even better in Ie7 firefox and opera.
  • No CSS hacks to be used.
  • No Javascript or any other kind of scripting.

The competition will be judged by:
Sarah
Josh
Jelena
Sara
Paul
DT
Dave
(and possibly other SitePoint Forums staff members)

Entries will be judged on technical merit, creativity, aesthetics, and compliance with the rules.

All entries must be received by 1 month from today: 6th April, 2007 at 11:59 (23:59) GMT. The winner notified shortly thereafter.

You are allowed to enter as many entries as you like but the judges decision will be final and will be based on not only the look of the page but also how clever and effective the use of css has been. (Also, you can only win once.)

You can download the html and images from Paul‘s basic example but we are expecting much better from you. Remember the CSS is to be completely supplied by you but we have left Paul’s demo there so you can get some ideas on how the page can be manipulated.

When you have completed your design you can post in the competition entry thread and add a link to the layout or attach a screenshot and zip file which we can upload for viewing.

If you have any questions then post below in this thread as the entry thread will be just for entries only.

Good Luck!

So join SitePoint right now and have a chance to win this competition held by the biggest Web designers and developers community on the entire web!!

Be Sociable, Share!
  • Tweet
This entry was posted on Friday, March 9th, 2007 at 11:47 am and is filed under 2.Web Design, 4.The Web. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

5512 Commentshttp%3A%2F%2Fwww.webscienceman.com%2F2007%2F03%2F09%2Fprinciples-of-beautiful-web-design%2FPrinciples+of+Beautiful+Web+Design2007-03-09+11%3A47%3A40Khaledhttp%3A%2F%2Fkyscorp.com%2Fblog%2F2007%2F03%2F09%2Fprinciples-of-beautiful-web-design%2F

We'd love to hear yours!



  1. Visit My Website

    August 6, 2007

    Permalink

    mlik sameh said:

    salut



  2. Visit My Website

    August 20, 2007

    Permalink

    Master said:

    Salut Sameh!
    ça va bien?



  3. Visit My Website

    April 10, 2010

    Permalink

    web tasarımı said:

    for good design in principles css and html standarts… thanks



  4. Visit My Website

    June 2, 2011

    Permalink

    sunglassesshop said:

    Do you feel strongly about fashion eyewear? So do we. Here at Sunglassesitaly.com we feel that Chanel sunglasses are the ultimate in luxury fashion eyewear and we know that after browsing through out latest Chanel collection, you will be sure to agree.

    Chanel eyeglasses combine the elegance of style with their simple and sublime designs. The optical frame offered by
    Chanel sale is like no other. The feel of extravagance is delectably accessible in every pair of fashionable chanel sunglasses pearl that we offer. One look at our latest authentic Chanel collection will persuade you of their complete magnificence in that elusive combination of style and luxury.



  5. Visit My Website

    September 9, 2011

    Permalink

    longchamp bags said:

    Longchamp
    Longchamp bags
    Longchamp sale
    Longchamp outlet
    Longchamp Le pliage
    Longchamp Le pliage Tote



  6. Visit My Website

    September 15, 2011

    Permalink

    James said:

    I have always loved contests from sitepoint because besides the challenging part, I get to learn many things from their site. And so far, the people there are intelligent and friendly.

    James A. Shelby



  7. Visit My Website

    October 8, 2011

    Permalink

    lv04 said:

    louis vuitton outlet is really so well-liked and also treasured during the human beings to be a number of high-end, they may realize that the bring up to date might impact their very own laurels signature in the fashion world as well as talk about in your predisposition in their enthusiasts.



  8. Visit My Website

    October 8, 2011

    Permalink

    lv04 said:

    On establishing contact with a coach outlet hire agency, a few clarifications would need to be put to rest prior to working out a deal.Our Coach backpack from coach outlet online can make you elegant.The feel is luxurious, the look is stunning. The Coach backpack has enough space to carry many necessities such as umbrella, books and clothes.

    Coach is a leading American designer and maker of luxury lifestyle handbags and accessories.There is no doubt that here coach factory outlet is the exact place you should visit.It is believed that you will like the products on the coach factory online. There are spacious sizes and different colors, styles and so on.



  9. Visit My Website

    October 8, 2011

    Permalink

    lv04 said:

    You know, Coach items are so perfect and fascinating. Now I grow up, and find coach outlet on the Internet offering affordable products with reliable quality.Just come to our coach factory outlet to get your favorite bag. There are many kinds of designs of coach products for you to make choice.

    coach factory outlet supplies the newest and most fashionable brand Coach on sale.The more Coach shoulder bags you order, the more discount you will get.



  10. Visit My Website

    October 11, 2011

    Permalink

    lv04 said:

    coach factory outlet supplies the newest and most fashionable brand Coach on sale.The more Coach shoulder bags you order, the more discount you will get.With guaranteed product quality, all products from coach factory outlet online are tested using precision electronic instruments before packing and delivery to clients. There will be good discount in order to back the support of majority of customers. Welcome to buy.



  11. Visit My Website

    January 1, 2012

    Permalink

    Maurice Hord said:

    Oh the title misled me…I thought I was gonna read about web designing



  12. Visit My Website

    January 12, 2012

    Permalink

    W.7.T.F.D said:

    Good and best information post. Thanks for sharing this post.



Leave a Comment

Here's your chance to speak.

  1. Name (required)

    Mail (required)

    Website

    Message


    • BreedSoftware HostGator
  • What I'm Doing...

    • RT @JohnChow: 2 Resources to Take Your Blog to the Next Level http://johnchow.com/16964 2010-11-14
    • RT @JohnChow: 2 Resources to Take Your Blog to the Next Level http://johnchow.com/16964 2010-11-14
    • RT @JohnChow: 2 Resources to Take Your Blog to the Next Level http://johnchow.com/16964 2010-11-14
    • More updates...
  • Featured News

    • FireFox will be bigger in 2009? by Khaled on April 2, 2009
    • Launching TwittHero by Khaled on March 2, 2009
    • TOP 10 reasons why my Web Design company grossed 5 million dollars of revenue in its first year by Khaled on February 18, 2009
    • 25 WordPress Plugins you need to have a better blog by Khaled on February 12, 2009
    • WebNotes: Annotate, Organize, Share by Khaled on February 8, 2009
  • Tag Cloud

    • 2.Web Design 2.Web Design 3.Photoshop Adobe Adobe Photoshop blog bookmark browser Browsers CMS color CSS DNA Facebook FireFox Genetics graphic design Graphics HTML Internet Explorer JavaScript Joomla Mozilla Opera palette Photo Manipulation Photoshop Express Photoshop tut Photoshop tutorial productivity recession recipe Safari Science Sitepoint social tutorial Twitter web web design business web designer Web Development WordPress WordPress plugins WordPress Update
  • Take a look

    • BreedSoftware
    • Kyscorp.com
    • Scriptomania
    • TunisDesign
    • TwittHero
404 Not Found

404 Not Found


nginx/0.8.53

Subscribe: Posts | Comments | E-mail

Add to Technorati Favorites WebScienceMan © 2006-2009 |Powered by WordPress| KYSCORP.COM 2000-2009| Rainbow Cliff Theme.
Optimized for FireFox 2+ | Google Chrome 1.0 + |Opera 9+ | Safari 3+ | IE7+ [Web Standards are

404 Not Found


nginx/0.8.53
" style="color:#000000; font-weight:normal; text-decoration:none;">cool
!]