Awwwards http://www.awwwards.com CSS blog | TCA inspired design | Web design resources, articles and news Thu, 23 Feb 2012 08:28:49 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 50 Examples of Responsive Web Design http://www.awwwards.com/50-examples-of-responsive-web-design.html http://www.awwwards.com/50-examples-of-responsive-web-design.html#comments Thu, 23 Feb 2012 08:28:49 +0000 Awwwards Team http://www.awwwards.com/?p=60054 Nowadays, it’s not only important to develop your clients’ websites to look good on all browsers, and on PC and MAC, it’s also a must that websites are viewable on tablets and mobile devices. A lot of people opt for making one version of their site for desktop and another for mobile. Others choose Responsive Design, a mix of fluid grids and layouts, flexible images and an intelligent use of CSS media queries.

There are quite a few sites dedicated to lending a hand with responsive grids, Gridpak, CSSGrid,  Skeleton and SimpleGrid, just to name a few.

Here are 50 examples of responsive websites.

]]> http://www.awwwards.com/50-examples-of-responsive-web-design.html/feed 0 30 Grid-Based Websites http://www.awwwards.com/30-grid-based-websites.html http://www.awwwards.com/30-grid-based-websites.html#comments Wed, 22 Feb 2012 12:40:18 +0000 Awwwards Team http://www.awwwards.com/?p=59904 In the last two years or so, grid-based layouts have become very popular in web design. A grid is a series of intersecting horizontal and vertical lines that serve as guides to place elements in a design. To put it in simple words, grids are a system for creating order among elements in a website.

Grids provide a common graphic language that makes it easier for both designers and developers to work on a website. It helps users to better understand the information as it’s shown in a more structured and logical way.

In this post we showcase 30 beautiful grid-based websites. Enjoy them!

]]> http://www.awwwards.com/30-grid-based-websites.html/feed 2 10 Social Networks for Developers http://www.awwwards.com/10-social-networks-for-developers.html http://www.awwwards.com/10-social-networks-for-developers.html#comments Tue, 21 Feb 2012 20:02:10 +0000 Awwwards Team http://www.awwwards.com/?p=59807

Though the stereotipical developer might be a socially awkward geek, developers are among the most active users of social networks. They usually prefer sites that are community-driven and focus on quality content. Social networks are a great place for developers to learn from colleages, contact clients, find solution to problems and resources, and improve their own skills.

In this post we compiled 10 of the most used and useful social networks for developers. There are other lots of other great ones out there, so feel free to share your favorites in the comment section.

HTML5 Rocks

HTML5 Rocks is an open source project from Google. It is a site for developers dedicated to HTML5 where they can find resources, tutorials and demonstrations of the technology. Anyone can become a contributor of the community.
HTML5 Rocks

Forrst

Forrst is a forum for Web designers and developers where they can share designs and code to get feedback from other designers and developers, or write posts about designtopics and ultimately getting better at their craft. It also offers an About.me-like profile page for designers called Forrst.me. Users can make public posts and share them with non-users. Forrst is an Invite only community.
Forrst

GitHub

GitHub is a web-based hosting service for software development projects. Originally born as a project to simplify sharing code, GitHub has grown into the largest code host in the world. GitHub offers both commercial plans and free accounts for open source projects.
GitHub

Geeklist

Geekli.st is an achievement-based social portfolio builder for developers where they can communicate with colleagues and employers and build credibility in the workplace.
Geeklist

Snipplr

Snipplr was designed to solve the problem of having too many random bits of code and HTML scattered all over computers. Basically it’s a place to keep code snippets stored in one place for a better organization and access to them. Also, user’s can access each others’ code librarys. It allows its users to make their code accessible from any aomputer and easier to share.
Snipplr

Masterbranch

Masterbranch is a site for developers and employers. Developers can create their coding profile, and employers who are looking for great developers can find candidates for available positions.
Masterbranch

Bisquits

Bisquits is a social network for developers, which allows them to create, find and save codes in a personal library.  The site is still in beta, but online. It is an invitation only service.
Bisquits

Codesnipp.it

Codesnipp.it is a social sharing site for developers where they can post, categorize and tag pieces of code, plugins, or anything developer related they’d like to share. Users can also follow other members and follow their timelines.Subscription is free, but users can upgrade their account to premium to get unlimited posting and have access to a private area.
Codesnipp.it

Stackoverflow

Stack Overflow is a free programming Q & A site. Stack Overflow is collaboratively built and maintained by its members.
Stackoverflow

Bettercodes

Bettercodes is an open source community for developers to share their ideas and turn them into code that works. The site’s aim is to connect like-minded developers to collaborate on code-related projects.
Bettercodes

]]> http://www.awwwards.com/10-social-networks-for-developers.html/feed 0 20 Websites with Fullscreen Video http://www.awwwards.com/20-websites-with-fullscreen-video.html http://www.awwwards.com/20-websites-with-fullscreen-video.html#comments Fri, 17 Feb 2012 11:27:06 +0000 Awwwards Team http://www.awwwards.com/?p=59863 Video has always been one of the most effective tools in communication. When it’s combined with the powers of the web, there’s no stopping the reach a campaign can have. Though, incorporating video isn’t a good technique in every single case. It’s most effective when you’re dealing with bands, luxury brands, fashion shows, advertising campaigns or film and TV, so make your choice wisely.

Whether you use HTML5 or Flash, incorporating video in a web site is guaranteed to be impacting for your users and will most definitely increase their engagement. Of course, HTML5 is the way to go nowadays since it allows users to enjoy the site from the comfort of their smartphones… And there are loads of tutorials for implementation, just take a look at this link.

But without getting too technical, we’d like to leave you with a compliation of 20 beautiful examples of video in websites for your entertainment today.

Enjoy!

]]> http://www.awwwards.com/20-websites-with-fullscreen-video.html/feed 0 10 Social Networks for Web Designers http://www.awwwards.com/10-social-networks-for-web-designers.html http://www.awwwards.com/10-social-networks-for-web-designers.html#comments Wed, 15 Feb 2012 11:24:34 +0000 Awwwards Team http://www.awwwards.com/?p=59751

The Internet nowadays is all about social networking. Everyone is doing it and not only for personal purposes. A healthy online presence is basic for any web designer who wants to stay relevant and visible in a constantly changing field. Creative networks and membership galleries are one of the best ways to expose your work and get feedback from colleages and contact with current and potential clients, but also to get inspired and learn from the work of others to improve their skills.

In this post we’ve compiled 10 of the most used and useful social networks for web designers.

Dribbble

Dribbble is show and tell for designers where they can share small screenshots (shots) of the projects they are working on and get opinions from other designers. There are two types of members at Dribbble, players, who can post shots and comments and are invited by current members, and spectators, who can follow and discover shots and people on Dribbble, but cannot post shots and comments. Anyone can sign up as a spectator.
Dribbble

Cargo

Cargo is an online portfolio platform that allow its members to create free standing personal websites with their own URL with a wide variety of templates. A personal network of their own creation allows members to follow and comment on the work of others. The Cargo service is by invite only.
Cargo

LOVEDSGN

LoveDsgn is a social website for designers, typographers, all kinds of creative people. It’s a platform for sharing, discussing and improving creative output. To join the network, you have to be invited by a current user or request an invitation from LoveDsgn.
LOVEDSGN

Image Spark

Image Spark lets users upload and create a library of images that inspire them and help setting the visual direction of their projects. Image Sparks lets members organize images in moodboards and tag them, a moodboard is a collection of images arranged on a canvas, where they can be positioned, layered and scaled. Sharing images and moodboards is optional, they can be private. Also, users can browse through other user’s libraries and moodboards. Image Spark is free to use. Each new account is assigned 1GB of storage space and two moodboards.
Image Spark

Pinterest

Pinterest is an online pinboard that lets users organize and share images and videos they find on the web. Users can browse pinboards created by other people. To join the network, you have to be invited by a current user or request an invitation from Pinterest.
Pinterest

Behance

The Behance Network is one of the most famous online portfolio platforms for creative professionals to showcase their work and discover what other people are doing across creative industries. In July 2010, Behance announced a collaboration with Linkedin to provide portfolio display capabilities on LinkedIn profiles. According to its own site, The Behance Network gets 15 times the traffic of all other leading portfolio sites combined.
Behance also counts with The 99%, a content based website, consulting service, and annual conference in New York City, that focus on best practices for pushing ideas forward.
Behance

Pixel Groovy

Pixel Groovy is a user-controlled tutorial directory. Members decide which tutorials are published on the front page and which tutorials aren’t. When a tutorial is submitted to Pixel Groovy, it initially goes to the “Groove” section of the site, where the community can vote for it. An unregistered user can see all the same tutorials a registered user can.
Pixel Groovy

Designmoo

Designmoo is a community for sharing free PSDs, vectors, textures, patterns, fonts, and more. It’s a great network of designers and community resources and provide a centralized location for finding great-looking free design resources.
Designmoo

FFFFound!

FFFFOUND! is a web service that allows the users to post and share their favorite images found on the web, but also dynamically recommends each user’s tastes and interests for an inspirational image-bookmarking experience. FFFFOUND! Is an invitation based service.
FFFFound!

COLOUR Lovers

COLOUR Lovers is a creative community where people create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles.
COLOUR Lovers

]]> http://www.awwwards.com/10-social-networks-for-web-designers.html/feed 3 22 CSS websites with Fullscreen Backgrounds (Updated 10+) http://www.awwwards.com/22-css-websites-with-fullscreen-backgrounds.html http://www.awwwards.com/22-css-websites-with-fullscreen-backgrounds.html#comments Mon, 13 Feb 2012 10:10:16 +0000 Awwwards Team http://www.awwwards.com/?p=40064 No doubt pictures are still an excellent resource to create fantastic websites.
If you have large images of great quality and add a beautiful, creative and dynamic navigation menu, the result is an impressive website.
In the next post we selected: 22 CSS websites with Fullscreen Background… Updated with 10+

]]> http://www.awwwards.com/22-css-websites-with-fullscreen-backgrounds.html/feed 2 From Enchantment to Down by Thomas Czarneki http://www.awwwards.com/from-enchantment-to-down-by-thomas-czarneki.html http://www.awwwards.com/from-enchantment-to-down-by-thomas-czarneki.html#comments Fri, 10 Feb 2012 11:27:20 +0000 Awwwards Team http://www.awwwards.com/?p=59626 Thomas Czarneki is a French art director based in Paris. In his photographic series ‘From Enchantment to Down’ he shows his own view of pretty princess fairy tales like Red Riding Hood, Snow White, The Little Mermaid… Looks like he’s not too amused by perfect endings.

All we know is that this series is worth the attention.

You can see more works by Thomas Czarneki here. 

 

]]> http://www.awwwards.com/from-enchantment-to-down-by-thomas-czarneki.html/feed 0 Misprint http://www.awwwards.com/misprint.html http://www.awwwards.com/misprint.html#comments Fri, 10 Feb 2012 11:24:51 +0000 Awwwards Team http://www.awwwards.com/?p=58822 As you all know The 365 Best CSS Websites Around The World book of 2011 has been published, packed and shipped to all of the great designers, developers and Awwwards users that have already ordered their copy.

Unfortunately, there were a few mistakes in the book concerning the scores of three agencies and the screenshot of one other: EGO Argentina, Shoppub, Brooks Shoe Advisor, NL Engenharia.

We offer the affected agencies as well as all the designers, developers and creatives that visit us our deepest apologies for this mistake.

Soon, the second (and, of course, corrected) edition of The 365 Best CSS Websites Around The World of 2011 will be available on Amazon, we’ll obviously keep you updated.

For now, we hope you continue to design and develop incredible sites and keep inspiring us.

]]> http://www.awwwards.com/misprint.html/feed 0 Original WordPress Themes Giveaway By ThemeFuse http://www.awwwards.com/original-wordpress-themes-giveaway-by-themefuse.html http://www.awwwards.com/original-wordpress-themes-giveaway-by-themefuse.html#comments Wed, 08 Feb 2012 12:05:31 +0000 Awwwards Team http://www.awwwards.com/?p=59267

And the winners are: Antonio Pratas, Mirek Maciejczyk and Simon Walsh. Congratulations!

The winners should send us an e-mail with all their personal details to thecssawards@gmail.com

____________________________________________________

Our friends over at ThemeFuse wanted to share 3 WordPress theme licenses with our readers, so if you are using WordPress that’s awesome because the winners of today’s giveaway will be given access to download an original WordPress theme of their choice from Themefuse free of charge.

Following are some examples of themes designed and developed by ThemeFuse.

You can visit their site for a complete list.

 

Giveaway guidelines:

1) LIKE ThemeFuse on Facebook.

2) And just leave us a comment on this post

Winners will be selected from the pool of commenters and announced 1 week later (2 February 2011) as an update to this post.

Good luck to everyone!

]]> http://www.awwwards.com/original-wordpress-themes-giveaway-by-themefuse.html/feed 1 Awwwards Book 2011 http://www.awwwards.com/awwwards-book-2011.html http://www.awwwards.com/awwwards-book-2011.html#comments Sat, 28 Jan 2012 05:42:09 +0000 Awwwards Team http://www.awwwards.com/?p=57675 2011 is coming to an end and with it, we proudly present to you the new Awwwards book. Through its pages you will find the websites that mark nowadays’ trends in web design, the ones that represent today’s web standards (HTML5, CSS, jQuery…), and the finest web design studios and agencies of the year.

The best 365 websites of 2011 around the world compiled in more than 190 pages of awesome web design goodness. A must-have book for any web-designer, developer or design lover.

Price: 34€ 27€ – Order Now and You Save 7€!

Related post: Fresh books, ready to ship!

]]> http://www.awwwards.com/awwwards-book-2011.html/feed 1