Archive for the ‘link lists’ Category

List of well designed websites

Thursday, July 23rd, 2009

Below are a few simple but well designed sites and Why!!

  • Mozilla.com
  • Iconbuffet.com
  • Boldchat.com
  • Enhancedlabs.com
  • Protolize.org
  • Sumagency.com
  • www.teamviget.com

Mozilla.com

Clear, open, fresh, simple. When you arrive at this site, you’re under no doubt what the site does, or where to start looking for what you want. The design is positive and happy.

mozilla.com screenshot

Iconbuffet.com

The site sells icons, so it lets the icons rule, showing its wares from the first page.

The colours and typography are solid & strong, projecting a trustworthy brand while not getting in the way of the proposition.

iconbuffet.com screenshot

Boldchat.com

Boldchat provide a great live chat service for web sites, which is a very wide market to address.

So the site design is clean, smart, and shiny, using clean copy and smart imagery to communicate the core messages in a compact space.

boldchat.com screenshot

EnhancedLabs.com

Another icon maker, doing bigger, richer icons, so the the site showcases them bigger & richer.

Bold, flattish colour creates a strong first impression and still lets the product stand out.

enhancedlabs.com screenshot

Protolize.org

Tony Yoo’s collection of recommended web resources is a great example of strong graphic elements balancing to make a site that’s bold and easy to use.

Big text, simple nav, high usability, all wrapped in strong colour and finished off with nice graphical touches.

protolize.org screenshot

Sumagency.com

Acres of balanced white space, easy-read text and cute content graphics combining to tell a simple story.

sumagency.com screenshot

I just love the concept with the wall metahpor that this website uses. I also think that the way this site works with all the interaction and movement being done with CSS is very cleaver.

vignet

What Do you think?
When you go to a website that you like do you know why you like it?
Do you even think about why you like it :)

Jaymies Web Essentials

Monday, November 3rd, 2008

This is a list of links our wonderful x student Jaymie Jones fromĀ  Triverse Designs . Have a look at some or all of them and leave a comment to let everyone know what you think of them or if you feel there are other sites that should be on “best of bookmark list”.

Frameworks

Django
http://www.djangoproject.com/

CakePHP
http://cakephp.org/

Ruby On Rails

http://www.rubyonrails.org/

Content Management Systems

Drupal
http://drupal.org/

WordPress
http://wordpress.org/

Useful Addons

Jquery
http://www.jquery.com/

Mini Ajax
http://miniajax.com/

Mootools
http://mootools.net/

Prototype

http://www.prototypejs.org/

Thickbox
http://jquery.com/demo/thickbox/

Lightbox 2
http://www.lokeshdhakar.com/projects/lightbox2/

Useful Resources

Smashing Magazine
http://www.smashingmagazine.com/

Sitepoint

http://www.sitepoint.com/

Nettuts
http://nettuts.com/

PSDtuts
http://psdtuts.com/

Vectortuts

http://vectortuts.com/

Texture King
http://textureking.com/

Design Inspiration

Webcreme
http://www.webcreme.com/

Cssbased
http://www.cssbased.com/

Csselite
http://www.csselite.com/

Cssclip
http://www.cssclip.com/

Themeforest
http://themeforest.net/

Vector Art
http://vector-art.blogspot.com/search/label/Brushes?

Creattica Daily
http://daily.creattica.com/

Designers Toolbox

http://www.designerstoolbox.com/

Logopond
http://logopond.com/

Fontshop

http://www.fontshop.com/fonts/

Designers Talk
http://www.designerstalk.com/

Design Reviver
http://designreviver.com/

Logo Design Love
http://www.logodesignlove.com/

Fawnt
http://fawnt.com/

Faveup
http://faveup.com/

Blue Vertigo
http://bluevertigo.com.ar/bluevertigo.htm

Pattern Tap
http://patterntap.com/

960 Grid

http://960.gs/

Twenty Amazing Tutorials
http://nettuts.com/articles/web-roundups/the-twenty-most-earth-shattering-tutorials-on-nettuts/

Vector Stock
http://www.vectorstock.com/royalty-free-vectors/free-vectors

W3C Markup Validation

http://validator.w3.org/

Colours

Colour Lovers
http://www.colourlovers.com/

Krylon
http://www.krylon.com/color/

Colour Schemer
http://www.colorschemer.com/

Must Learn

Adobe Family Applications
Dreamweaver
Flash
Photoshop
Illustrator
InDesign

Design/Layout
Use Grids

Scripting Languages
PHP
CSS (advanced)
XML
Basic Actionscript
Javascript
Ajax
Jquery