Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

January 20 2014

07:30

December 16 2013

07:30

November 19 2013

08:00

25 Beautifully Colorful Websites

When designing a website, one of the most common challenges is to develop an effective color scheme. In many cases the sites color scheme will be determined, or at least influenced, by the existing branding of the company. However, when you’re facing decisions on color there are plenty of options. While it is always an important part of the design, color can be used to make a website stand out and attract attention.

Here you’ll find 25 examples of web designs that use a lot of color.

Clique

25 Beautifully Colorful Websites

MintTwist

Cyclemon

25 Beautifully Colorful Websites

svkariburnu

25 Beautifully Colorful Websites

PandoraBox

25 Beautifully Colorful Websites

Toasted Digital

25 Beautifully Colorful Websites

White Rhino

25 Beautifully Colorful Websites

Actualizala

25 Beautifully Colorful Websites

Inova-Ria Games

25 Beautifully Colorful Websites

Edwin Eddie Diaz

25 Beautifully Colorful Websites

Activate Media

25 Beautifully Colorful Websites

Milkable

25 Beautifully Colorful Websites

Diplomatic-Cover

25 Beautifully Colorful Websites

Draftfcb

25 Beautifully Colorful Websites

RVLT

25 Beautifully Colorful Websites

Greyp Bikes

25 Beautifully Colorful Websites

Polecat

25 Beautifully Colorful Websites

Brand Village

25 Beautifully Colorful Websites

Studio MPLS

25 Beautifully Colorful Websites

Macaw

25 Beautifully Colorful Websites

Made by Joyce

25 Beautifully Colorful Websites

Taasky

25 Beautifully Colorful Websites

Fostr

25 Beautifully Colorful Websites

ProcessWire

25 Beautifully Colorful Websites

TriplAgent

25 Beautifully Colorful Websites

For more design inspiration please see:

September 30 2013

06:30

June 08 2013

08:02

Free HTML5 And CSS3 Templates You Should See

Are you looking for some free and high quality HTML5 and CSS3 templates? If you have been looking for some free and high quality templates for sometimes but cannot find any, then you should browse through this collection where we are showcasing high quality, free and fresh CSS3 and HTML5 templates that you can download.

Every web developer knows very well that using CSS3 is the best thing to do if he wants to create a stylish and trendy website. Therefore, we have compiled this post to help our developer fellows. We hope that you will find this collection of free templates helpful for you. Let us have a close look!

Left

fhtmlandcsstemp

Download | Demo

DesignStudio

fhtmlandcsstemp

Download | Demo

PhotoArtWork2_reverse

fhtmlandcsstemp

Download | Demo

Muro

fhtmlandcsstemp

Download | Demo

Watercolor

fhtmlandcsstemp

Download | Demo

Connoisseur


fhtmlandcsstemp

Download | Demo

Free Agroplus Template

fhtmlandcsstemp

Download | Demo

WebLab

fhtmlandcsstemp

Download | Demo

ElegantPress HTML5 and CSS3 Template


fhtmlandcsstemp

Download | Demo

Elegant Clean Under Construction Page

fhtmlandcsstemp

Download | Demo

CoffeeCols HTML5 and CSS3 Multi-Column Magazine Style Template

fhtmlandcsstemp

Download | Demo

March 04 2013

08:00

August 08 2012

05:38

Less Is More: 40 Free, Minimal And Clean WordPress Themes

he concept of minimalism has been greatly adopted in the field of web design, and to be honest, everyone simply loves the minimalism in web design. Stripping out all the unnecessary elements from the web design makes it look simple, uncluttered and easy to focus. Here we present the collection of some minimal WordPress themes for those who love minimalism in web design.

Browse through this collection of clean and simple WordPress themes and download your favorite ones. These WordPress themes are the perfect blend of excellent design skills and quality content. Though lots of new themes come out on a regular basis but this collection contains minimal and clean WordPress themes for your free download.

Cardeo Minimal WordPress Theme

( Demo | Download )

Architekt

( Demo | Download )

Elegantia

( Demo | Download )

Good

( Demo | Download )

Beauty and Clean

( Demo | Download )

Sharpfolio: WordPress Portfolio Theme

( Demo | Download )

Minim

( Demo | Download )

Tarski

( Demo | Download )

Sight

( Demo | Download )

Swissdessign

( Demo | Download )

Colorway

( Demo | Download )

Expositio

( Demo | Download )

Min.

( Demo | Download )

GRID!

( Demo | Download )

Clean Home

( Demo | Download )

Just Lucid

( Demo | Download )

Information Architects

( Demo | Download )

WordPress Theme: Upstart Blogger Purus

( Demo | Download )

Designmagz

( Demo | Download )

Get Some Aparatus! – Free Theme for WordPress

( Demo | Download )

Prototype

( Demo | Download )

Satoshi

( Demo | Download )

SmartOne

( Demo | Download )

Fusion Minimalist WordPress Theme

( Demo | Download )

MagaTheme

( Demo | Download )

Ultralight

( Demo | Download )

Nameless

( Demo | Download )

QuickChic

( Demo | Download )

Simple Magazine (3 columns)

( Demo | Download )

BlueBubble

( Demo | Download )

Journalist Minimalist WordPress Theme

( Demo | Download )

Constructor Minimalist WordPress Theme

( Demo | Download )

Manifest

( Demo | Download )

Modern

( Demo | Download )

Grid Focus

( Demo | Download )

Modicus

( Demo | Download )

Modernist

( Demo | Download )

Gridly

( Demo | Download )

Orion

( Demo | Download )

Oulipo

( Demo | Download )

July 23 2012

15:50

40 Excellent 3 Column WordPress Themes For Free Download

For today’s assortment, we have chosen some of the best 3 columns WordPress themes that you can find on the internet. WordPress is a wonderful content management system that has been used extensively over the internet. Majority of the bloggers, designers and developers use WordPress platform for building their websites and blogs.

Here, we are showcasing a wonderful compilation of best free 3 columns WordPress themes that are free to download. We hope that you will like this collection. Let us take a look at this collection and enjoy using them for your blog. Enjoy!

Grunge style

( Demo | Download )

Irresistible

( Demo | Download )

Demet

( Demo | Download )

SuvFocus

( Demo | Download )

Awesome Raindrops WordPress Theme

( Demo | Download )

BeyondSuvs

( Demo | Download )

Mainam Vintage

( Demo | Download )

Liberation

( Demo | Download )

Daffodil

( Demo | Download )

Marangal

( Demo | Download )

Forsy

( Demo | Download )

Pride WordPress Theme

( Demo | Download )

EcoNox

( Demo | Download )

Oxygenous

( Demo | Download )

Elements of SEO

( Demo | Download )

WP Imagination

( Demo | Download )

Amazing Grace

( Demo | Download )

Daily press

( Demo | Download )

Woodtastic

( Demo | Download )

Neo Classical

( Demo | Download )

Ayumi

( Demo | Download )

BlueBubble

( Demo | Download )

Real Estate WP WordPress Theme

( Demo | Download )

CarZilla

( Demo | Download )

Planetemo

( Demo | Download )

iTheme WordPress Theme

( Demo | Download )

Starter

( Demo | Download )

Vivo

( Demo | Download )

Brownline

( Demo | Download )

OrientalWP WordPress Theme

( Demo | Download )

Blerdix WordPress Theme

( Demo | Download )

iTech

( Demo | Download )

Side

( Demo | Download )

Adept

( Demo | Download )

Serie

( Demo | Download )

Amerifecta

( Demo | Download )

Shoot It

( Demo | Download )

iTablet

( Demo | Download )

Grass Roots

( Demo | Download )

PixDesign Silver

( Demo | Download )

March 19 2012

14:00

40+ Fresh And Free WordPress Themes

WordPress is the famous blogging platform and a content management system for creating a blog or a website. WordPress themes are available there in order to customize ones WordPress blog or websites. You can choose a custom theme for your blog or website that will best represent you. since WordPress is the most commonly used blogging platform and millions of people all over the world are using it, choosing a custom WordPress theme is crucial for making your website stand apart from others.

Here we have put together 40+ free WordPress themes that you can download for free. Though there are plenty of paid themes also available but finding the freebies always is a pleasure. So, enjoy this collection and feel free to share your opinion with us.

SuvZone

( Demo | Download )

WP-The Tech News WordPress Themes

( Demo | Download )

Architekt

( Demo | Download )

Game Passion WordPress Themes

( Demo | Download )

Aldore

( Demo | Download )

gazpoMag: Magazine Style WordPress Theme

( Demo | Download )

Esplanade Free WordPress Theme

( Demo | Download )

Koi – Free WordPress Theme

( Demo | Download )

Gadgetizer – Free WordPress Theme

( Demo | Download )

Instinct

( Demo | Download )

Design Disease – Free WordPress Theme

( Demo | Download )

Pink Touch 2

( Demo | Download )

Inspect

( Demo | Download )

MagWire

( Demo | Download )

Photum

( Demo | Download )

WP-Karma WordPress Themes

( Demo | Download )

WP-Auto News WordPress Themes

( Demo | Download )

Flexy WordPress Themes

( Demo | Download )

Photolistic – Free WordPress Theme for Photographers

( Demo | Download )

Scientic

( Demo | Download )

Aviva

( Demo | Download )

Fotofolio Landscape

( Demo | Download )

Triton Lite

( Demo | Download )

Liquorice

( Demo | Download )

Ureeka

( Demo | Download )

Gears

( Demo | Download )

Berkeliumist

( Demo | Download )

Americiumic

( Demo | Download )

Uraniumoid

( Demo | Download )

TechGo

( Demo | Download )

The Blog

( Demo | Download )

Complete Free Business & Portfolio WordPress Theme

( Demo | Download )

Cupid

( Demo | Download )

Edgy Ellen

( Demo | Download )

Neptune

( Demo | Download )

Denitto

( Demo | Download )

Sana

( Demo | Download )

Camino

( Demo | Download )

Campo

( Demo | Download )

Submarine

( Demo | Download )

CelebrityMag

( Demo | Download )

Sentia

( Demo | Download )

Jukebox

( Demo | Download )

March 16 2012

21:00

Introduction to Mood Boarding and How to Use it Properly

Mood boarding is a technique often used in web and graphic design, but its use is even broader than this. Painting, photography, game design, interior design, movies, marketing, fashion, music, advertising and even architecture are domains where mood boarding is used to develop concepts and to intercommunicate with other members of the design team. A mood board is a type of poster design containing text, images and samples of objects used in a composition of the choice of the mood board creator. It enables a person to illustrate the direction and general style which the final product is pursuing.

Mood boards are not limited to visual objects and can also be used to visually explain a specific style of writing or a setting for a storyline. Mood boards serve as visual tools and inform the others about the general “feel” that a designer tries to achieve. Mood boards are usually created digitally, as it is much easier, but physical objects tend to have a higher impact on people. In some countries graphic design students study mood boarding as a semester-long course.

Image by Christian Vasile.

Why and where?

Mood boards are useful when trying to establish the aesthetic flow of a site. In most cases it doesn’t give a tremendous amount of inspiration, but you can get from it something you can use further. It is also very good time saver in the creative process. Many issues can be solved right away (or at least easier) if you go for a mood board – which, by the way, also solves some problems you would normally encounter later on during the development phase.

The first time you can use a mood board in a design project would be submitting it to the client. If he likes the feel of it, you can move on and create a layout. If he doesn’t like it, you create another one. The advantage is that you don’t always spend time on creating a new layout which takes hours to finish – the risk of losing time with something that will never be used is minimal.

Mood boards also set a general direction for your layouts and project in general. It cuts the time spent on a project which has a bad planning phase behind. By submitting one of those to a client you might help him understand some of the research you do before starting to design. We say that an image is better than a thousand words. Imagine how much a mood board with ten images can do. You will understand this better if you’ve had a situation when a client that couldn’t understand anything about a concept, but got the idea immediately when shown a picture or an example. A mood board works in a similar way. It creates a picture in the clients’ minds and makes sure the drafts you come up with will not shock them, as they are already used to the flow and expect something like that.

Image by Board Shanty.

Elements

The first thing you need to do is to choose the best elements that can help you. Start thinking about the general direction you want your project to take and also about the client and what would he be interested in. Mood boarding can also be done in a different way than most do it: this is where you can already start designing your layout, only just on paper. You will only draw it in grayscale and will only draw the homepage and two other subsequent pages – with not very much details besides the containers and menu. I think that this overlaps with the creative process and don’t usually like starting designing before the mood board is accepted.

Designers who use mood boards to set up an environment or a general feeling do not start designing already. They include few examples of websites they like, color schemes (Adobe Kuler is probably the best help you can get), textures or photography. All these come in a style which will be further developed into a website. Words that can describe a mood board could be: dark, slick, glossy, modern, soft, round, elegant, realistic, rough, bright, sketchy, colorful and so on. As you can see, these are words that can also describe a web site or a poster. The transition from a mood board to the final product should be easy to notice.

How?

Mood boarding is not a difficult process and doesn’t need to much explanation. The most asked question is if it should be done on paper or on the computer. As mentioned earlier, I am a fan of doing it on the computer. Photoshop works just fine for me. However, there are some other online solutions you could use, so I will review some of them for you today.

Sampleboard

Sampleboard is one of my favorites. It allows you to upload images and organize them into projects. You can also store them online and use the integrated web editor to pull together trends and color schemes. You have the option of sharing your mood boards with others on social media and even turn them into documents or presentations thanks to the exporting options.

Evernote

Evernote is a virtual mood boarding tool useful for clipping and pasting collected inspiration. You can do it online, use their desktop program or the mobile application – so Evernote is simply everywhere. You can even integrate handwritten notes or images captured from web pages or your camera device.

Polvore

You can’t create mood boards here, but you can get a lot of inspiration from Polvore. It is a community with 6.5 million monthly visitors and you can find many styles and trends from around the world and get inspired from them.

Image by BMerry.

Bottom line

If you find yourself often in the middle of the creative process and don’t know where to head, think of using a mood board next time. Many us of use mood boards and, in the least, they will help you set up  the mood of the project. I am not saying mood boards will solve all your problems – they will obviously not, but they will help you along the way. They are not very difficult to create and are a solid base for your projects, so at least give it a try. You will fall in love with them and will never start another project without one.

Until next time… what do you think about mood boarding? Have you ever used one or do you plan on doing it? If you have used a mood board before, how useful was it as a whole?

Further reading

Why Mood Boards Matter? on Web Designer Depot

A Great Example of Mood Boards In Action on BoagWorld

17 Inspiring Mood Boards on Inspiredology

Inspiring Mood Boards on Flickr

March 06 2012

08:40

Web of Color: Bold and Beautiful Uses of Color in Web Design


  

As we look around the web, we see so many examples of designers who have brilliantly used color in web design projects to make the page or various page elements really pop. Even in some cases when we see designers opting for more minimal designs, using bold splashes of color can really take the look to fantastic new heights in very simple ways. Using bright, bold colors can often be risky, as the colors can end up visually overwhelming or even downright uncomfortable. So it has to be done with care.

Below is a showcase of sites where the designers struck that balance nicely. From headers to backgrounds to calls to action and beyond, these bold and beautiful uses of color in web design are sure to inspire you to find interesting ways to wield this powerful element in your next project.

Web of Color

Will Fernandes’ Personal Portfolio is a perfect example of using bold colors throughout the design to really bring the personality of the site to life in beautiful fashion.

Blurst uses both strong colors and bold typographic elements to create a really sharp design that by contrast remains soft and comfortable.

Somos la pera limonera has a very simple illustrated site design, where the multitude of earth tones give the site a wonderful natural cartoon feel.

Sitesquared has a design overrun with exciting layers of colors bursting all over the site. Even using multiple font colors well, which cannot often be done in such a complementary and visually pleasing manner.

Mydezzign is an example where the minimal website design, and dark background really pop with the splashes of color that have been added in around the content area edges.

Cultural Solutions uses a large burst of colors in the site header, but as you scroll down through the page, the colors come in more subtle splashes. The Bokeh style background elements work well to drop in the color throughout.

Web Munky uses a nice soft background with bold, royal purple elements that stand out beautifully against it. Creating a welcoming feel and a sense of reliability through the colors.

Panda Creatiu has an elegant look created with a warm brown background that allows the colorful portfolio navigation to shine.

Eye Styles uses softly shaded navigable, animated menu elements that provide the subtle design beautiful splashes of color. They really work well to draw the user’s eyes to the products.

Camp Creative Group uses a slightly transparent streak of bold colors in their over-sized header to set a professional tone through the design.

Meomi has a wonderfully whimsical website design with bold splashes of color scattered down throughout the warm background colors. They help visually lead the users down the page.

Art4web uses bright colorful elements in the header to really set off the clean, sharp design. Coupled with bold, colorful typography highlights, the design is fed by the splashes of color added in throughout.

Treehouse uses a dark design with large colorful button calls to action to grab the user’s attention as soon as they arrive at the site.

Moby beautifully injects random bits of color in an otherwise lightly tinted design. With a couple of colorful headers, but also with a clever logo design that follows the user down the page, changing colors with each section.

Sanctuary T Shop has a colorful navigation menu to grab the user’s focus and help steer them along without drawing too much attention away from the products.

nGen Works has a bold header and footer with other soft colorful elements on the page that give the design a very striking impact.

Duoh! uses lots of bold colorful elements to edge the design and scattered throughout the site and its pages that really help the website’s playful and professional edges combine in flawless fashion.

Soup Studios uses lots of pastel coloring throughout the design beautifully. So much color without crossing the line and hurting the site or the products it features.

Mooty Graphic Design boldly fills their header, and to a lesser degree footer, with bright colors, meanwhile using sporadic colorful elements in the main content area to draw the users.

Beautiful 2.0 keeps their bold colorful elements to the upper reaches of the page, descending into more darkness as you go down. The colors really make the the navigation pop.

Bjarke Clauson-Kaas breaks up the large, softly tinted background of the page with two bold, leading splashes of color. One main set of colorful arrows to direct the reader down the page, and another arrow cutting across the page as you hover to split up the work from the bio.

Stripes Design has a very subtle background and design overall, with an explosion of color down the side of the page which creates a powerful contrast and calls to mind a sense of creativity.

Havaianas uses a canvas like textured background filled with bold colorful decorative watercolor styled elements that perfectly complement the feeling of creative energy which drives the company.

Clair Baxter has a website filled with bold colorful design elements scattered throughout to add extra flair and a creative edge to the design.

F91W uses a large, colorful background which carries a light unobtrusive flow around the content area.

(rb)

January 27 2012

10:00

Guided Tour Through Web Design History

Web design has been with us for a bit longer than 20 years now and sure, it is easy to criticize poorly designed websites nowadays, but few people really know how and where it all started. Things when web design started were really different – actually so different than such a website would be a shame today: weird colors, cluttered information, tables all over the place, Vegas lights and so many other things that everybody despises today. It is never too late to know a bit more about the history of web design, so let’s take a look at the most important changes throughout it.

Twenty years ago nobody knew what they were doing when designing a website. It was all something new and you couldn’t talk about strategies, research, laws, theories and typography. It was all chaotic. And it all started in 1989, when the first browser called World Wide Web was released, in the same time as the first website. However, it is not possible to see the first website ever, as there isn’t much information about it, but a website looked pretty much like this one and was used to give out basic information.

It all continued on a very slow path until 1996, which is considered by many the beginning of a new era in web design. Designers started using background colors – most of them really vibrant and painful to look at – but some of them kept it simple and decided to go for white – and even used some other fonts than the default ones. In this era people started overusing the animated GIFs we all hate today.

In the screenshot below you can see the Yahoo! website back in December 1996. This is one of the good examples of that year, but trust me, not all of them looked this good. You’ll see other websites below from 1996 – I am sure you can’t look at them  for too long and would be able to make a very long list of mistakes. People were not doing this back then, because the web was quite new and they were really happy with the websites they had – these were huge achievements for them back then.

Yahoo!'s website in December 1996

McDonald’s webpage was incredibly hard to look at, although there was not much text. The background red combined with the yellow created a very powerful visual – truth is that everybody associates this color combination with McDonald’s today, so it might be also thanks to their first webpage.

McDonald's website in November 1996.

aol.com in December 1996

Aligned to the left and with a maximum width of around 600 px, Apple’s website was not very smooth back then – unlike today. However, their design was still one of the best available on the web and looking at it didn’t affect your eye’s health at all, unlike some of the other ones.

Although not as fancy as today, Apple's design from March 1997 was one of the best on the internet.

Shortly after this era, another one started: the era of Cascading Style Sheets. Although not even half as advanced as today, CSS made a huge difference back then. There were still many wrong colors being used, but the layouts started getting better and you can see in the screenshot below some of them even used a grid system, if you are not so demanding and precise.

Yahoo’s June 1998 website was actually looking good and it was one of the best of its generation. But what would you expect from the king of the web during the 90s?

Yahoo! Kept a white and clean background, but still had blue link colors.

Google’s 1998 webpage, although the service was still in beta, looked really simple for that period, a trend which the American giant has continued with, right up until today. The main functionality of Google was and still is searching, therefore there was no reason to clutter the site too much.

Google Beta (1998) had a smooth design.

As you can see in the screenshot below, Apple’s webpage evolved a lot from 1997 to 1998 and already started looking like what was going to be one of the pioneers of the minimalistic approach. Big visuals, not a lot text, no advertising and an interesting layout – this all started shortly after CSS1 and continues to this day.

Apple.com in July 1998

Even AOL’s website looked better by April 1998. They started to have a grid system, used the colors of their logo and personalized their menu by using buttons.

AOL in April 1998 (not all the images captured)

The colors were becoming even more popular because designers thought they will keep the people on their web pages. They didn’t think the same colors would make it impossible to look at the page for more than a few minutes. However, as said before, the good that came from this was the fact that it associated colors with brands – blue for Microsoft, red and yellow for McDonald’s and so on.

Another problem were the fonts. Times New Roman and Courier New were very popular (Comic Sans was already released and soon to become hugely popular). Although there were many other options, people preferred to use these two typefaces in everything, from web pages and invitations to e-mails and documents. Writing with black was popular and everybody kept it like that. If there was something which needed to stand out, red was the color of choice. Otherwise I am sure you remember the blue underlined links (which you can see in most of the examples shown here until now). Because typography was not an important part of the design, bold and italics were not very used either to make text stand out.  A font that was widely used in the 90s and is still very popular today was Arial, which can even be seen on AOL’s website.

Leaving too much empty space was madness back in the 90s, also because centering a web page was not very popular. You can see Yahoo!’s first website (shown above) and notice how much empty space there was on the right side. People also started using background images, but because the images were not big enough, in many cases they started to repeat them and this created an awful visual.

Buttons also started to appear and become more and more popular, because they allowed designers to further customize the menus and put the focus on the navigation, while icons were also used all the time – it was the first time when visual elements had a use. This was also the period when animated GIFs exploded and everybody used them. There were almost no websites without them and people really appreciated the effect they created.

The year of 1999 was the year of a change. People started to design smarter and thought more about usability, grid systems, layouts and even colors. Most of the websites with vibrant background colors were redesigned and started looking better (McDonald’s got rid of that vibrant red from the background one year before).

CNN's webpage in August 2000 (not all the images captured)

Microsoft in February 1999 (not all the images captured)

Shortly after this, bright colors were on the way out and creating contrast between the background and the font color was critical. Most of the designers started using white as the default background color and it worked really well. Designers started designing in pixels instead of inches like they had been before. Maybe the most important thing was the fact that the content of a page was ordered, with the menu being in focus most of the time.

The importance of typography increased as well during this period, with people thinking a bit more about the target audience. Comic Sans becomes popular for child websites (although for a period it was used for everything) and some other fonts come into focus. There was no option for embedding back then, so designers were constrained, but at least they started to experiment more with what they already had.

Websites were not flexible at all back then and because of the many screen sizes available, it was difficult to design something to look good for everybody – responsive design was just unheard of. The use of buttons started to decrease as well because people learned how to properly play with font and colors – typography’s importance increased even more.

GoDaddy's website from December 2002 even had a dropdown navigation.

By August 2002, Apple’s website looked a lot like the one they have today. The navigation was a dropdown, they used big images for the featured article/product and four small boxes for other products at the bottom – a lot of similarity with Apple’s current website. The Cupertino-based company showed everybody how they should design a simple, but effective website.

Apple in August 2002.

The use of icons and boxes increased. As mentioned earlier, icons were a good way of focusing the users attention (especially on navigation links), while the boxes were used to help the user find his way around the website and also for structuring content. Luckily, the use of animated GIFs decreased by this period and they would never be as popular as they were a couple of years before.

Another era started in 2002, when the so-called web 2.0 concept appeared for the first time. The use of colors became more theoretical and everybody used them to make the websites more appealing, rather than flashy. The use of Flash – right then on its way in – was popular until 2008 when its use decreased dramatically. Flash animations became more and more popular and most of the websites started looking more professional, as we would say today.

Forums were already spread around and most of them had the same look and feel, like in the image below.

Softnews Romania in February 2003

Shortly after this, the hover effects started to appear and they were a hit. Everybody was using them because they created focus and helped the user navigate.

Footers were also increasing in popularity and they were always used to display copyright information, privacy policy, terms of use or contact information.

Color palettes started to become harmonious and be used wisely. They started to create impact and designers knew that, if used correctly, colors can make a huge difference, especially then when not everyone had this information. The use of typography increased and, combined with colors and contrast, made the text interesting – for the first time in web history.

Responsive web design still didn’t appear at this point, but at least there were no more problems with background images. Now it was easy to calculate everything in pixels and repeating background images disappeared (they appeared again later on to create what we now refer to as patterns). Also, using background images instead of solid colors went low-key and designers preferred to avoid it.

Probably the first real interactive website was one for Coca-Cola. They showed the world how to use colors smartly and how to integrate them with flashy, visual animations that kept the users on their page for ever, even if there was not really too much going on there.

The web as we know it today started in 2005, when everybody realized cluttered sites are not popular, and started to keep them as simple as possible. Single pages appeared and made a huge impact because they were just what lots of users needed. Single pages gave design a fresh look and simplified the navigation. Designers started playing with font sizes and color and combined them so that text was in focus – integrating multiple fonts was tried for the first time in this period. The “back to top” button was also seen for the first time in this period and many websites adopted it, as it made navigation easier.

By mid 2006, Yahoo!'s webpage was simple and effective - no flashy elements.

In this period websites were becoming more than just a way of supplying basic information. They were part of an identity, soon even a part of a strategy and people visited them not only for information, but also for relaxation and inspiration.

In 2008 another era started, which lasted for only few years (although some signs of it are still online today). This was the retro period, where old fashioned elements started becoming popular. No, not the GIFs and the tables, but retro colors, text, illustrations and other elements could be seen all over the place. This is also when the minimalistic design approach started, but it was nothing more than an idea yet.

forefathersgroup.com incorporates lots of retro elements

The minimalistic approach started to become more than just an idea in 2010. We are currently in the minimalistic era, where it all has to be designed fast, it has to stay simple and still do its job and create an experience for the user. At the same time, although many websites turn to this concept, each one of them has to have something special – so that people will remember it and come back. Now it’s a lot about colors, typography and contrast – the best one being between white and black.

How simple can a website be? Apple's the best example.

There are things we can notice everywhere. The color palettes are congruent and are not thrown out there just for the sake of it – they are used with a purpose. Hierarchy was introduced as well and it is not only shown through position, but also through font size, font type and colors. Balance is also a key word in today’s web design and creating a positive, attractive atmosphere on the website is the purpose of any designer. Responsive web design is popular today and there is no such thing as not being able to make a website look good on all the screens.

The typography goes beyond limits and being able to embed fonts made it even more challenging and interesting. Although too many fonts can lead to a bad design, if you know how to use them you will learn the key to getting people to read your text. Buttons are still used (think of Twitter, Facebook, LinkedIn and RSS) and are the way to navigate through pages, although they are not widely used anymore in menus. The problems with images and resolutions disappeared as well.

There is also a new style in town for background choices. There can be images, patterns or even solid colors – in today’s web you can integrate them with everything. Animations are not popular anymore, but are still used here and then – however, they do not affect the loading speed of the sites as much as before.

With more than 20 years since the design started to develop, it is easy to see that everything moves fast and that everything keeps improving. It is amazing how you can think that nothing can be better, and then in a few years something new comes and everybody is excited about it. The internet went from rough to beautiful and useful and will most definitely continue on its path upwards. Lots and lots of changes will continue to be made and the question is: are you ready for them? Are you ready for when a crazy designer will see an opportunity to push the web even farther? Will you jump on his bandwagon or will you just continue to do things the way you do already? If the history of web design has taught us something, it is the fact that we always continue to evolve. You should always be ready and willing to do the same when the opportunity arises…

January 23 2012

17:06

50 Beautiful Yet Free HTML5 And CSS3 Templates

HTML5 templates are getting very popular these days because all professional HTML5 templates are compatible to all browsers with its functionality and features, and with the release of HTML5 / CSS3 it has become even more popular among designers because of the additional and great features.

At the moment, HTML5 and CS3 templates are the hottest topics for the web developers, particularly CSS3 that make building beautiful and functional websites easier than ever before. Same goes with the HTML5, so if you have not already tried it, then get your hands on HTML5 and CSS3.

Here, we are presenting 50 professional HTML5 and CSS3 templates that are free to download. We hope you enjoy this assortment.

Html5 Template for Web Design Studio

( Demo | Download )

HTML5 Template for Design Company Website

( Demo | Download )

Website Template for Business Project

( Demo | Download )

VividPhoto HTML5 and CSS3 Template

( Demo | Download )

One Page Portfolio with HTML5 and CSS3

( Demo | Download )

Free Website Template for Restaurant

( Demo | Download )

Vivid Photo: Free Photography Template

( Demo | Download )

Free HTML5 Website Template

( Demo | Download )

Free Science HTML5 Template

( Demo | Download )

HTML5 & CSS3 Website Template – OWMX-1

( Demo | Download )

Clean Red

( Demo | Download )

CoffeeCols HTML5 and CSS3 Multi-Column Magazine Style Template

( Demo | Download )

Serenity HTML5 and CSS3 Template

( Demo | Download )

High Five

( Demo | Download )

Studio One

( Demo | Download )

Free HTML5 Template – Hosting Website

( Demo | Download )

Free Website Template with Slideshow for Cooking Site

( Demo | Download )

Shinra HTML template

( Demo | Download )

ArchiteXture HTML5 and CSS3 Template

( Demo | Download )

ElegantPress HTML5 and CSS3 Template

( Demo | Download )

Online Solutions HTML5 and CSS3 Template

( Demo | Download )

Touch The Future

( Demo | Download )

FreshIdeas HTML5 and CSS3 Template

( Demo | Download )

Free HTML5 Admin Template

( Demo | Download )

Free XHTML & CSS3 One-Page Template

( Demo | Download )

Free Website Template – Lifebook

( Demo | Download )

Elegant Press: Free Website Template

( Demo | Download )

DownToBiz HTML5 and CSS3 Template

( Demo | Download )

iPhone Application Template

( Demo | Download )

Beadysite

( Demo | Download )

RedX HTML5 and CSS3 Template

( Demo | Download )

Business Website Template

( Demo | Download )

Free Website Template for Efficient Business Project

( Demo | Download )

Free Website Template. Start Photographer’s Portfolio

( Demo | Download )

Acallian HTML5 and CSS3 Templates Free

( Demo | Download )

Free Website Template with Single Page Layout

( Demo | Download )

Free Website Template – Efficient Start of Your Business

( Demo | Download )

Free Real Estate Website Template

( Demo | Download )

Alexx HTML5 and CSS3 Templates

( Demo | Download )

Free Travel Website Template

( Demo | Download )

Rock Your Web Project!

( Demo | Download )

Your Efficient Choice

( Demo | Download )

Free Website Template – Portfolio

( Demo | Download )

Free Business Website Template with Accordion Navigation

( Demo | Download )

TheHoleInOne HTML5 and CSS3 Template

( Demo | Download )

Free Business Company Website Template

( Demo | Download )

Free HMTL5/CSS3 Music Template

( Demo | Download )

Learning Center

( Demo | Download )

Free Website Template – Small Business

( Demo | Download )

Free HTML5 Website Template for Industrial Business

( Demo | Download )

Elegant Clean Under Construction Page

( Demo | Download )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

January 09 2012

18:08

55 High Quality And Fresh Pattern Sets

Let us unearth 55 most useful and fresh pattern sets that you can use in your design work making them more attractive and appealing. You can download these pattern sets for free and you can use wherever you like. Browse this collection to the end and you will definitely find scores of inventive, fascinating and simply wonderful patterns of different geometric shapes, various colors and textures.

The collection contains pattern sets including fabrics, arithmetical shapes, fancy, retro, vintage, grunge, swirls, lines, paper and much more that you satisfy all your designing needs and pattern cravings. Every set in this collection contains all the famous format like .ai, .eps, .pat, .png, and .jpg. So, enjoy!

Cubix Grad- 7 Patterns ( Download )

Pattern set- 6 Patterns ( Download )

Pattern sets – 18 Patterns ( Download )

Clocks Pattern (Vector PSD, PAT)- 1 Patterns ( Download )

Gray Seamless Pattern Set – 3 Patterns ( Download )

Abstract Pattern – 20 Patterns ( Download )

KAWAII Vector “Flower Shower & Cat Vector”- 10 Patterns ( Download )

Memoria – 7 Patterns ( Download )

Photoshop Fabric Patterns: “My Favourite Socks”- 7 Patterns ( Download )

Photoshop Patterns Volume 1- 24 Patterns ( Download )

Berto GE- 3 Patterns ( Download )

Twitter Seamless Photoshop And Illustrator Pattern- 2 Patterns ( Download )

Combo Mumdo Pattern Set- 5 Patterns ( Download )

Autumn Vector Pattern- 2 Patterns ( Download )

Red And Green Snowflake Vector Pattern- 2 Patterns ( Download )

Free Fabric Photoshop Pattern- 8 Patterns ( Download )

Vintage Graylands Patterns- 11 Patterns ( Download )

Reindeer Christmas Seamless Vector Pattern- 3 Patterns ( Download )

Snake Skin Patterns- 7 Patterns ( Download )

A Glossy Diamond Photoshop And Illustrator Pattern- 3 Patterns ( Download )

Animal Patterns- 10 Patterns ( Download )

Minimal Patterns 3- 5 Patterns ( Download )

Hazy Hive Pattern- 1 Patterns ( Download )

Star Photoshop And Illustrator Pattern- 2 Patterns ( Download )

22 Hexagon Photoshop Patterns (PAT)- 11 Patterns ( Download )

Google Plus One Photoshop And Illustrator Pattern- 1 Patterns ( Download )

Coffee Patterns (Vector)- 4 Patterns ( Download )

Christmas Stockings Vector Pattern- 1 Patterns ( Download )

Free Christmas Seamless Pattern- 1 Patterns ( Download )

Halloween Photoshop And Illustrator Pumkin Face Pattern- 2 Patterns ( Download )

Hand-drawn Floral- 1 Patterns ( Download )

Hand Drawn Summer Petal Pattern- 2 Patterns ( Download )

Spring Pattern – Vector Freebie- 1 Patterns ( Download )

6 Tileable Vector Patterns – 6 Patterns ( Download )

Seamless Vector Patterns – 9 Patterns ( Download )

Geometric Vector Pattern – 6 Patterns ( Download )

Free vector pattern – Vintage Floral- 1 Patterns ( Download )

Four Seamless Vector Pattern – 4 Patterns ( Download )

Floral Vector Pattern – 6 Patterns ( Download )

A Spooky Ghost Photoshop And Illustrator Pattern- 2 Patterns ( Download )

Free Vector Pattern Set – 3 Patterns ( Download )

Free Seamless Camouflage Pattern Background Vector- 1 Patterns ( Download )

Vector Pattern- 2 Patterns ( Download )

Micro Patterns- 54 Patterns ( Download )

TipClique Photoshop Patterns- 5 Patterns ( Download )

Vibrant Stripes Seamless Vector Pattern- 4 Patterns ( Download )

Horrific Pattern Vectors- 4 Patterns ( Download )

Assorted- 4 Patterns ( Download )

Skulls and Hearts PS patterns- 2 Patterns ( Download )

Compositions Patterns- 5 Patterns ( Download )

Abstract Pattern- 16 Patterns ( Download )

Snowflake Christmas Pattern Vector- 6 Patterns ( Download )

Free Vector Halftone Star Design Elements- 1 Patterns ( Download )

Snowflakes Set- 3 Patterns ( Download )

Christmas scrapbook patterns vector- 4 Patterns ( Download )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

January 02 2012

13:00

December 25 2011

10:00

Mind-Bending Facts About Colour Perception

Going by the principle “I’ll believe it when I’ll see it”, it’s normal that you would never think that things that are right before your very eyes are something completely different. Things like optical illusions created by simply associating colours and shapes in a certain way, or distinguishing seemingly identical shades just because of the way a language is built.

Have you ever thought about what exactly these colours are that we see in our everyday lives? They are so common, such a natural part of the world, that we take them for granted without feeling the need to delve deeper into the subject. Prepare to see the world through different eyes!

Newton and Goethe


Newton and Goethe have different ways of viewing the formation of the spectrum: the first sees light as being composed of colours, with darkness being the absence of light; the latter considers that they are formed through the interaction of light and dark, for example yellow is darkened white and blue is lightened black. While Goethe’s approach is more empirical and based on perception, he recognized the importance of magenta in the spectrum, and the fact that we use it as part of CMYK reflects that importance.

It’s important to remember that the two had different points of view when analyzing the respective phenomena, so it’s obvious that there are fundamental differences. Newton’s fundamental spectrum is, as we know, the rainbow and this is based on scientific analysis, while Goethe describes a symmetrical wheel based on perception and composed of six colours: the three primary and their corresponding complements.

Goethe further describes a difference between natural and chemical colours. The first category refers to those that are part of the fundamental spectrum described above, and are not a part of the object or material, thus the objects are colourless in the absence of light. Those that are not part of the spectrum fall into the second category and are a permanent characteristic of the object or material.

True Colours


However, scientifically, they are obtained from light and they correspond to different wavelengths which are perceived and processed by different cells in the eye. We humans have what is called trichromatic colour vision, meaning that we have three types of cells which aid us in segmenting the chromatic spectrum. This also implies that there are other types of colour vision, so think about it for a second: other beings may live in a completely different world than that which we know.

The absence of the aforementioned cells will render someone colour-blind, meaning that they cannot distinguish certain shades. You may now be asking yourself “Ok, but what does this have to do with design?” and the answer is accessibility. Using only colours to express contrast or emphasis can be problematic for someone with such a disability, as two shades with the same brightness and saturation, but different hue can appear to be identical.

completely-desaturated-2

As mentioned above, two colours may end up identical when completely desaturated.

All is not as it seems


On the topic of distinction, it has been shown that linguistic classification has a very important role in how we differentiate colours. The Himba people have a completely different system. Green, for example, may fall under different names, depending on the shade, and may be in the same category as a certain shade of red. Using the same example, dark green and dark red may seem nearly identical, while the same dark green may seem completely different from another close shade of green.

Perception greatly depends on the amount of contrast and light in the environment. As mentioned in one of my previous articles, brown is in fact a variant of yellow, orange or red but it may be perceived as such in higher contrast surroundings. Our interpretation of a colour can further change in the presence of gradients, as these tend to signal depth to the brain which also judges lightness (or darkness) by comparison.

double-contrast-illusion

The rectangle in the middle is actually one solid colour, but it appears to be a gradient because of the double contrast with the actual gradient in the background. Don't believe it? Use the colour picker tool and see for yourself!

Colour theory says that warm colours are “near” and cool colours are “far” because that’s the impression that the brain gets. Covering one eye with a coloured filter (let’s say red) and balancing a pendulum will make it seem like it is swinging in a circular pattern. The same basic principle is used in 3D movies by splitting the image into red and cyan layers which superimposes properly when wearing the special 3D glasses and give the impression of depth.

High-enough contrast along with a pattern can create optical illusions, just like those circles that appear to be moving. The main ingredient is powerful black and white contrast; it is thought that these two send different signals and activate opposing triggers in our minds, thus confusing it and creating the impression of motion. Another thing to take into consideration when designing: high-contrast patterns might turn into optical illusions and possibly make people look away.

pattern-illusion

If you move your eyes across the image, it will slightly move in waves.

A phenomenon called “afterimage” can occur in the retina, and this causes the brain to continue receiving an image, but as a negative. This happens if the image is large and over-stimulates the receptors, the natural “phasing-out” of visuals being too slow. It is also why we see dark spots after looking at a bright source of light; the opposite of light is dark.

Despite being such common elements, there is much more to it than meets the eye (literally). There are many underlying processes that occur in order for us to perceive colours the way we do, some of which we do not fully comprehend just yet.

December 08 2011

16:58

Best Of 2011: A Beautiful Collection Of 50 Free WordPress Themes

In this article, we have composed a beautiful collection of some of the best WordPress themes that we have seen in 2011. As a matter of fact, finding some wonderful and free to employ WordPress theme is like a cherry on the cake for the reason that you can spruce up your blog or website with them and make you blog or website stand out from the rest.

It is approximately the end of this year and for that reason we made up our mind to bring together the most excellent and free WordPress theme that have been released in 2011.

We hope that you like this collection and find a suitable theme for your blog. Feel free to share your opinion with us via comment section below. Enjoy!

GazpoMag

( Demo | Download )

Balita

( Demo | Download )

Amaranthine

( Demo | Download )

Splendio

( Demo | Download )

Mercurable

( Demo | Download )

Fotofolio Landscape

( Demo | Download )

Showcaser

( Demo | Download )

Big Square

( Demo | Download )

Rodster

( Demo | Download )

Fungus

( Demo | Download )

Swiss Design WordPress Themes (4 Themes)

( Demo | Download )

Spectacular

( Demo | Download )

WordPress Anniversary Theme

( Demo | Download )

Parallax

( Demo | Download )

Delle

( Demo | Download )

Smacks

( Demo | Download )

Triton Lite

( Demo | Download )

Diary Theme

( Demo | Download )

Shuttershot

( Demo | Download )

MyPhoto

( Demo | Download )

MyCorp

( Demo | Download )

Primary

( Demo | Download )

Feature

( Demo | Download )

ShowTime

( Demo | Download )

Lodge

( Demo | Download )

GameNation

( Demo | Download )

Minimatica

( Demo | Download )

Placeholder

( Demo | Download )

Navly

( Demo | Download )

Cobera

( Demo | Download )

The Blog

( Demo | Download )

Gabix

( Demo | Download )

Denitto

( Demo | Download )

CleanMag

( Demo | Download )

MiniFolio

( Demo | Download )

Libera

( Demo | Download )

PhotoClick Theme

( Demo | Download )

CarStar

( Demo | Download )

Linedy

( Demo | Download )

GamePassion

( Demo | Download )

Octopink

( Demo | Download )

Fines

( Demo | Download )

Masutoliso Magazine

( Demo | Download )

Zest

( Demo | Download )

Monochrome

( Demo | Download )

Momento

( Demo | Download )

Pink Touch 2

( Demo | Download )

SuvNews

( Demo | Download )

SolidStart

( Demo | Download )

Camino

( Demo | Download )

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

December 05 2011

07:00

November 05 2011

10:00

Graphic Design Basics Part 2: Design Principles

In the first part of the series we covered the basic elements of graphic design with shapes, lines, textures and color among others. Today we go a bit more in-depth and will take a look at the principles of design, which are very important to know because they’re what separate the good designers from the amazing designers. Some of the principles we’ll cover today are applied unconsciously, but they definitely exist and we will show you examples from the web to illustrate the concepts.

1. Balance

Balance is how the elements of a design are distributed throughout a layout. If the balance is good, then stability is assured, although lately many designers go for unbalanced designs because they are dynamic and offer a totally different perspective. The personal pages are the most suitable for slightly off-balanced layouts, and you will see some examples soon.

To be able to notice what kind of balance a website has, you need to know the three types of balance: symmetrical, asymmetrical and radial. The first one takes place when both sides of a design are the same in shape, lines, texture and so on. Because this is the way we design today, this happens most of the time along a vertical axis, so when we talk about the two sides of a design, we talk about left and right. There are also examples along the horizontal axis and sometimes even along both of them, but these are rare. The symmetrical designs are pretty much most of the websites on the internet until 5 years ago.

The second type of balance occurs when the two sides of a website do not look like each other, but still have elements that are similar. Although it is called asymmetrical, they still provide some symmetry, like the first type of balance, only at a lower level. Asymmetrical websites are becomimg more and more popular nowadays (see WordPress layouts with content on one side and sidebar on the other).

The radius balance takes place when design elements are placed in a circular pattern. They give a sense of movement, dynamism, but it is not seen very often on the internet, because even the most experienced designers have problems laying out such a design.

As said earlier, balance is achieved through shapes, colors, textures, lines and the other elements we’ve talked about in the first episode.

Florida Flourish is a good example of a total symmetric website

Duplos uses an asymmetrical layout which works really well.

2. Dominance and Priority

These two principles are together because they are strongly linked. They both have a lot to do with the user experience because a lack of priority and element dominance can be confusing. The dominance level is the one which prioritizes the importance of different elements, such as menu, logo, content or footer. Sure, this is also done by playing with the font and size, but let’s go a bit deeper and see what dominance and priority mean.

There are three main levels of priority. We have the headline or call to action, which comes as a primary element; then we have the secondary elements like images needed to make a point or, most of the time, the navigation. They are obviously not the most important element of a website, but you can’t do it without them either. The tertiary elements are information like footer links, meta information on blogs or different elements, and a website can most of the time exist without them. However, they are used frquently because they complete the design in different ways, either by offering more information, or by completing the layout with some elements.

Area17 emphasizes the dominant element in the top left corner and the welcome message pulls you in as well because of the color.

3. Proportion

Proportion is important and represents the scale of elements compared to each other. They have a strong effect on the user and are also linked with the previous principle. It is no surprise that larger elements have a stronger impact on the user than the small ones. Dominance, priority and proportion work together to assure the user sees the information properly on a website. Having a larger font in the footer than in the content is a mistake because it does not respect these three principles.

Bluecated Interactive uses proportion to draw the attention on the image.

4. Contrast

This is another important principle not only of design, but also of photography and any other visual art. I don’t think we need to go too deep into this, because everybody knows what contrast means. Having enough contrast between elements makes sure that some of them stand out more than others. If designers wish to blend elements together, they do it by having minimal contrast between them. If the contrast is high, the elements are distinct from each other.

If balance is created through shapes and lines, the contrast can be created through color. However, lately the contrast has also been changed through typography and texture, so this becomes more and more popular. Having perfect typography can help you achieve not only the perfect contrast, but also proportion, dominance and priority. It is easy to see that the last three concepts we’ve talked about are slightly linked to each other in some ways. If we would talk a bit more general about this whole topic, we would be able to put all of them into the same paragraph.

eHarmony's "Find My Matches" button stands out because of a good use of contrast.

5. Rhythm

This might be a new one for you. The rhythm of the page is the principle that makes the human eye move from one element to another. It ensures the flow of the eye and in which order users should see the elements. Now this is a difficult one to make, because everybody has their own way of looking at a website and making all of them do it the same way might be too overwhelming.

There are two types of rhythms: the fluid and the progressive. The first one is a variation and the best example is the movement of water, which flows in the same direction basically, but has a lot of variation in how it moves. The progressive rhythm occurs when there is a clear sequence on how the eye should move between elements.

David Desandro's portfolio follows a very regular, progressive rhythm

6. Harmony and Unity

The last principle of design wants to ensure that even if all the principles above are used properly, it is still impossible to create a stunning design without harmony and unity, and this is quite often seen in real life. We often hear of rich people who have everything they want, but lack harmony and unity in their lives. It is the same rule in design. If all these elements work together properly, then you’ve achieved what we call unity. Only placing all these elements on a page without linking them to each other does not create a design, but a page with a bunch of elements. If the elements complement each other and the website is easy to the eye and offers a good user experience, then the work you’ve done is more or less finished.

There is no really need for an example here, we all know that websites with harmony and unity can be spotted all over the place; think of a website that you like a lot and that you always remember. That’s probably a website that has harmony and unity.

Conclusion

The second article of the series wraps up the process of analyzing the very basic principles of design you really need to know about. After reading the first two articles you pretty much have most of the knowledge you need to start designing your own layout, but wait a bit more. The third and last article of the series comes soon and will cover the basics of composition such as focal point, grid theory, gestalt laws and others which can also be used for products like magazines, flyers or brochures.

Read more in-depth

If this article only satisfied a bit of your curiosity, then I’ve gathered for you few other sources where you can read more about the basic principles of design.

Web Design Symmetry and Asymmetry on 1stwebdesigner.com

How to Use Size, Scale and Proportion in Design on Van SEO Design

Unity in Design on Van SEO Design

Developing Visual Rhythm in Web Design on Tynpanus

Principles of Design: Contrast on Sitepoint

Dominance on Van SEO Design

July 13 2011

16:02

50 Must Have Cheat Sheets For Web Designers & Developers

Today we are featuring a collection of more than 50 extremely useful cheat sheets that every designer and developer must have. A cheat sheet is a guide of a peculiar programming language, software or framework that can be printed for easy access.

Cheat sheets are basically intended for those designers and developers who spend most of their working time in exploring different software environments and for them it is nearly impossible to remember shortcuts for each software environment, and this is the point where a cheap sheet comes in.

Here is the full list after this small jump. Feel free to share your views. Enjoy!

Black & White Cheatsheet For Photoshop

Megapixels and Maximum Print Size Chart

Adobe Flash CS4 Keyboard Shortcuts Cheat Sheet

Ruby on Rails Cheat Sheet

Color Codes Matching Chart HTML

jQuery 1.3 cheat sheet wallpaper

The Web Developer’s SEO Cheat Sheet

Adobe Photoshop 7.0 Quick Reference Card for Windows

Adobe InDesign CS2 Useful Keyboard Shortcuts

Creative Tip: Photoshop Lasso Tool Cheatsheet

HTML Character Entities Cheat Sheet

WordPress Theme Development Check List

jQuery

PHP cheat sheet – blueshoes

PHP reference sheet – basics

Creative Tip: Adobe Pen Tool Cheatsheet

CSS Shorthand Cheat Sheet

CSS Shorthand cheat sheet

RGB Colour codes

GoSquared

HTML Elements and Attributes

XHTML Character Entity Reference

HTML/XHTML Character Entities

Common fonts to all versions of Windows & Mac equivalents

CSS 2 Visual Cheat Sheet

jQuery 1.3 Cheat Sheet

jQuery Cheat Sheet

HTML 5 Cheat Sheet

jQuery Selectors

JavaScript Cheat Sheet

MySQL Cheat Sheet

mod_rewrite Cheat Sheet (V1)

Computer Arts Keyboard Shortcuts

W3C – Cascading Style Sheets, Current Work

XML (eXtensible Markup Language) in one page

Python Cheat Sheet

Adobe Illustrator Shortcuts

Adobe Photoshop Elements Cheat Sheet

Photoshop Toolbox Reference

I.D.E.A.S. Graphics Cheatsheet

ASP / VBScript Cheat Sheet

The Gimp Cheat Sheet

Cyro pantone foldout

CSS Cheat Sheet (V2)

CSS CHEAT SHEET

HTML5 Visual Cheat Sheet

jQuery 1.6 API Cheat Sheet

Script.aculo.us Cheat Sheet

CSS support in Opera 9.5

htaccess Cheat Sheet

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl