Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
158 lines (94 sloc) 6.58 KB

Inspirational Sites

SUMMARY: Resources to help inspire design and UI patterns for desktop, mobile and responsive websites.

In addition to reviewing competitor sites or similar services to help generate ideas, the following sites may also inspire or provide you with best practices/design patterns.

Of the sites, there is one site that stands above the rest and belongs to no single category:

Inspiration | Web Design Ledger

Desktop

  1. Awwwards

    Awwwards are the awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.

  2. Codrops

    Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities.

    Here are a few Codrops examples:

  3. Design Meltdown

    In this reincarnation of DMD I seek two main goals. First, to get back to the roots of DMD and publish epic amounts of beautiful work. Second, to embrace the user via a user-centered design methodology that packs the most value as possible into the site.

  4. Favourite Website Awards (FWA)

    FWA stands for Favourite Website Awards, an industry recognised internet award program and inspirational portal, established in May 2000.

  5. Line25

    Line25 Sites of the Week is a weekly roundup of the most outstanding website designs that I stumble across during my every day browsing.

  6. One Page Love

    One Page Love showcases the best one page website designs on the internet.

  7. One Page Mania

    One Page Mania is a review showcase of only the best One Page Websites from around the web.

  8. Pattern Tap

    ...It's a living classroom, where designers learn what is working well on the Web and why.

  9. siteInspire

    siteInspire is showcase and CSS gallery featuring the best web design today.

  10. The Inspiration Stream

    A meticulously curated place of response, a wellspring of INSPIRATION

  11. UI Patterns

    User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.

  12. Web Design Tutorials > Inspiration

    More than 20,750 Free How-to Tutorials, Inspiration and Videos to help you learn. Updated daily.

Mobile

The following links deal specifically with mobile:

  1. Inspired UI

    Find your inspiration

  2. Pattern Tap Mobile

  3. AppSites

    App Sites is a showcase of beautiful iPhone, iPad & Mac app websites.

  4. Mobile Patterns

  5. Mobile Awesomeness

    Big-time awesome for the small screen.

  6. Mobile Design Pattern Gallery

    UI Patterns for iOS, Android and More

  7. FWA Mobile

    FWA is the most visited website award program in the history of the internet, with over 140 million site visits as of July 2011 (and multiple billion hits to our servers).

  8. WAPReview Directory

    Welcome to the WapReview Directory, a comprehensive catalog of the mobile web, featuring reviews and ratings of 2254 mobile web sites.

  9. Mobile in Higher Ed

    The following is a non-exhaustive listing of higher ed mobile web sites. Hopefully it’s useful to you as you evaluate features and ideas for your own mobile site.

  10. WTF Mobile Web

    We need better reasons. Real examples. Proof that what we are all doing is not working anymore. That’s what this website is about. Examples convince. Seeing trends makes us smarter. The problem isn’t insurmountable if it’s known. So let’s get to know the problem.

Responsive

Because responsive will play a big part in your design the following two links may help you think through your navigation:

  1. 70 Stunning Responsive Sites for Your Inspiration

  2. Responsive Navigation Patterns

  3. Complex Navigation Patterns for Responsive Design

Some response a web design examples:

  1. Media Queries

    A collection of inspirational websites using media queries and responsive web design.