Menu Search
Jump to the content X

Posts Tagged ‘Showcases’.

We are pleased to present below all posts tagged with ‘Showcases’.

Designing With Grid-Based Approach

The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way. However, it's quite hard to find your way through all the theory behind grid systems: it isn't easy at all. Some important notions and related key-facts can help to learn basics and keep essential techniques in mind.

Grid-based Design

And this is what this article is all about. Inspired by Khoi Vinn's and Mark Boulton's presentation Grids are Good, we've decided to take a deep look in the articles about grid-based designs. We've read through over 50 articles and selected some of the most important and interesting facts web-developers should know about the grid-based approach. Besides, we've listed the most useful references, tutorials and tools we found - with precise descriptions of what the articles are about.


Inspire Yourself: More Creative Favicons

Recently we've selected 50 Remarkable Favicons you can inspire yourself from. This follow-up is supposed to give you some more ideas for fresh, inspiring and creative favicon design.

Favicons, mini graphics for a particular web-site, can be displayed in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface. To be recognized immediately, favicons have to be visually appealing and fit to the design or logo of a given page.

Below you'll find over 45 more beautiful favicons, which can serve as a nice source for inspiration. You can click on favicons - they lead to the page, which uses the image as a page icon.


Keep It Simple, Stupid!

Let's put it straight - simplicity is more complex than you probably think it is. To design a web-site in user-friendly tones, presenting all information and removing unnecessary details isn't easy. In fact, many designers don't manage to find the right mix between details and their presentation on the screen, which usually results in an information overkill and/or decreased usability. However, some designers do manage to find the right balance and create usable, elegant and clean web-sites with simple layouts.

We've selected some of them. 49 simple, clean, sometimes even minimalistic designs, which all stick closely to one single principle - Keep It Simple, Stupid!. You can also download the whole KISS-gallery in PDF (7,2 Mb) - the document includes high-resolution screenshots and the list of all showcased web-sites. Please do not copy the list, but refer to it with a link.

Update: We've been buried as inaccurate/spam on If you don't think that this post is inaccuarate and you don't see any spam here, keep digging us and let us know your opinion in the comments.

Recently we've suggested few start points one could start learning simplicity from. If you are looking for inspiration, you'd probably like to check

we've selected recently.


CSS-Based Navigation Menus: Modern Solutions

Navigation menus have to be intuitive, precise and easy-to-use. One simple, basic principle, which is common for all kinds of nav bars you would ever want to use for your projects. In fact, navigation menu is probably the most important element in web design: after all, it is being used more often than any other element on a given page. Therefore it's important to make sure that your visitors will find they way around the site structure - however complex the latter might be.

So how do designers cope with a challenging task to create an attractive and usable menu? Which results can be achieved? OK, that's a tough one. Let's take a look around.

Below you'll find 53 beautiful and user-friendly Navigation Menus and solutions web-designers came up with using basic CSS styling.

PS: Over the last few months we've reviewed CSS-Based Techniques, CSS-Based Forms and CSS-Based Tables and CSS-Based Footers (yes, some of these techniques use not only CSS, but also JavaScript and PHP). You'll find even more CSS-related articles in our CSS Section.


Inspire Yourself: 58 Creative Logos

Logotypes stand for Corporate Identity. The better a logo is designed, the greater is the probability that your potential clients will remember your CI and get back to you once your service is needed. Consequence: designers have to be creative and put many efforts in designing beautiful, unique and catchy logos. And the results they come out with are sometimes stunning and spectacular. Both in graphic design and web design.

This isn't just another collection of logotypes. These are 58 creative logos you can inspire yourself from. Nevermind how different the logos are - they show the current trend in modern logo design. The logos we've selected below have been created and optimized for Web.


45 Fresh, Clean and Impressive Designs

Sometimes it's just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talanted web-developers manage to deliver powerful, functional and gorgeous web-design in "look-and-feel"-style, which is easy to use and nice to see.

Recently we've listed 50 Beautiful CSS-based web-design of 2006 and chosen some of the most beautiful and inspiring dark web-designs. Now we've selected 45 more fresh, clean and impressive designs. Let's take a look.


Inspire Yourself: 50 Remarkable Favicons

Actually it's a pity that many designers don't really make use of them. Favicons, mini graphics for a particular web-site, can be displayed in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface. To be recognized immediately, favicons have to be visually appealing and fit to the design or logo of a given page. In fact, if you use Favicons for your sites, users can easily find your URL in their bookmarks - in this way you create some kind of a visual connection between your web-site and your sites' visitors.

However, the design of Favicons can be tricky - it isn't that easy to create a beautiful 16x16px mini-icon. Still, some designers manage to achieve tremendous effects. Logotypes with clear geometric structures are easier to work with than typefaces or abstract images. The color selection corresponds to current Web 2.0 trends. Let's take a look at 50 beautiful favicons you can inspire yourself from. You can click on favicons - they lead to a page, which uses the image as a page icon.


30 Dark Designs You Should’ve Seen

Dark designs can be really stunning. I mean, really. In Web 2.0 designers try to do their best to impress their visitors and in many cases they definitely succeed in doing so.

As a second (out of five) part of our 50 Beautiful CSS-Based Web-Designs in 2006 collection we'd like to present some stunning, but rather unknown dark designs, which you really should have seen if your aim is to develop web-sites in the modern "Look & Feel"-style. Important: if you like this article, please let us know digging it and/or bookmarking it. Otherwise we'll break this series of articles and will offer you another content.


CSS-Based Footers: Modern Solutions

Every design element deserves particular attention in Web 2.0. Navigation menus, forms, comment forms, comment designs, tables, typography, fonts, even more fonts and even download buttons are designed in more detail to make a good first impression. The smallest things can make a big difference - one of those smallest things are footers, used to visually close the content of a page; however, as you'll see below, sometimes they also have some more functions.


CSS-Based Tables: Modern Solutions

We continue to present some of the best CSS-techniques which web-developers can always use working on their current web-project. Recently we've taken a look at the best css-based forms, today we present some useful techniques for displaying information in a tabular mode. In fact, tables can present data quite efficiently, particularly if you can use some sorting or filtering functions in order to improve the legibility of the text stored in the table. Furthermore, Zebra tables are becoming more and more popular, and the techniqies supposed to enhance their functionality appear on a weekly basis.


↑ Back to top