SEARCH
  Web Design Basics Web Design Showcase

Web Design Showcase

Go To China
Jan 11, 2012
If you drag, shrink, pull, push and widen this page you will notice that the background image not only continuously fills your browser window, but it's also keeping the image in scale. Meaning the image is not a fixed size where someone who has their screen resolution set to 800x600 will miss the majority of the image, where as someone who has their monitor set to 1440x900 is able to see most of it. This site is able to achieve the effect thanks to the "cover" attribute for background-size in CSS3.
0
like
Joomla 1.7 Template
Jan 10, 2012
New cool Joomla template from TemplateMonster.com. Take a look! It costs only 67$
0
like
Fandango Media Group
Jan 10, 2012
Fandango Media Group utilizes a very basic CSS fixed background trick to add heaps of character to how the content flows on the page. It's not much, but it certainly gives navigating the page an edge over most other vertically scrolling sites or pages.
0
like
Syropia
Jan 09, 2012
This welcome area uses a retro look to help draw in users. The typography is varied, but comes together well as part of a great piece of imagery to headline the site. The copy has a nice personal touch as the webmaster states 'I'm here to help you get there'. Color is uses sparingly, but red is used to emphasize key words.
0
like
Uproar PR
Jan 06, 2012
great example of effective typography in a welcome area. Not only is the welcome type large and eye catching, but it impacts upon the surrounding environment. In this case we see the word 'NOISE' actually cracking the surface that it rests on, which creates a much more real environment for visitors. The lens flare effect and metallic sheen also draw the eye.
0
like
Facebook Flash Template
Jan 06, 2012
An awesome Facebook flash template for design studio.
0
like
CSS Full Site Flash CS3
Jan 05, 2012
Take a look at this new cool flash fashion template from TemplateMonster.com
0
like
Bear Grylls Live on Stage
Jan 05, 2012
A totally immersive welcome area experience. The jungle backdrop creates an enormous sense of depth, as does the huge 3D typography and foreground photographs. This welcome area perfectly captures the feeling intended by his live shows - that you as viewer are part of the action.
0
like
Switch to virgin America
Jan 04, 2012
This web site is based on bright contrast colors, usage of texture in a background, simple images and roll over effects.
0
like
Yugop
Jan 03, 2012
The navigation is placed at the bottom of the page with some exceptionally animated effects.
0
like
Iamyuna
Dec 30, 2011
Here the navigation may appear minimal and negligible but once you keep your mouse on the option it shows you the complete list of all available choices. The mouse over effect is simply amazing.
0
like
New Concept
Dec 30, 2011
This welcome area uses photography to enhance the message within the copy. 'Beautiful & Elegant' describes their designs, but is also depicted by the beautiful, elegant butterfly to the right of the welcome text. When you hover over the butterfly image a magnified circle pops up, providing an interactive element to the welcome area, which helps maintain people's interest.
0
like
I Love Sesame
Dec 29, 2011
A fun design that lets visitors download menus in PDF format, find details of their nearest shop and place an order online.
0
like
Somersby Cider
Dec 28, 2011
The fantasy world presented creates a magical mood for new visitors, and a sense of intrigue and wonder that should encourage them to check out more of the site.
0
like
PSD Template
Dec 27, 2011
PSD templates only contain the design source files created in Adobe Photoshop. But it's design is awesome!
0
like
Inspiredology
Dec 27, 2011
It's a fun layout from top to bottom, but the one noteworthy thing about their footer is how they use one simple graphic to tie the entire page together. They could have left the chemistry beaker full of magic potion and the pile of books out and the site would have still been fine. But by placing that image there it ties us back in to the header at the top of the page, giving the site a whole and complete feeling.
0
like
Viget
Dec 26, 2011
Viget utilizes their footer to give viewers an easier way to browse through archived posts or browse by specific categories. Another thing that I really enjoy about this site, and it is actually something I've done for clients in the past, is using a skyline at the bottom of the page.
0
like
YoDiv
Dec 23, 2011
YoDiv is a fun site, not only because of the entertaining icons and artwork, but because the footer provides a wealth of free resources for developers and designers. I've seen this strategy of making the bottom of your page ground level, giving everything above it the appearance that it was in the sky, and by making the color below it an earthy, dirt-brown color, suggesting the footer is buried underground.
0
like
Carol Rivello
Dec 22, 2011
Carol Rivello has a perfect example of social media icons in use in her footer. Her color selection flows together seamlessly and there aren't any sharp contrasts that strain the eyes and make it hard to look at.
0
like
Sentel
Dec 21, 2011
A clean and minimal welcome area with a limited color palette. The key words 'designing' and 'promoting' which describe company's key services are highlighted in blue in order to make them more prominent. The welcome message uses a light font, with a solid colored background to help contrast it against the main pixelated website background.
0
like