Menu Search
Jump to the content X

Posts Tagged ‘Web Design’.

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

Tag Clouds Gallery: Examples And Good Practices

Compared to conventional navigation patterns tag clouds don't necessarily offer a more convenient and intuitive navigation. However, used properly, they can provide visitors with an instant illustration of the main topics, giving a very specific and precise orientation of the site's content. Since human beings tend to think in concepts and models, it's easier to get an idea of presented content if the main concepts are given straight away — in digestible pieces, and prioritized by their weight. In fact, the main advantage of tag clouds lies in their ability to highlight the most important or/and popular subjects dynamically which is not the case in conventional navigation menus.

Tag clouds offer a quite interesting approach for site navigation; although the technique is sometimes considered to be an "alternative", it shouldn't replace the "common" navigation but support it giving users additional clues about the content of the site. Due to their "cloudy" form the design of tag clouds sets them apart from other design elements on a page. And although designers don't really have that much choice in designing them, they still find their ways to break through the bounds of creativity and come up with some unusual approaches and solutions.

Screenshot Tagcloud

Screenshot Tagcloud

This article offers some selected examples of tag clouds, its shortcomings and also some suggestions for tagging data and links in a more profound and effective way.


RSS: Best Design Practices And Icons

RSS is extremely simple and yet so powerful. Not only does every weblog need it for content syndication; the number of RSS subscribers is a metric for weblog's popularity and its success in the blogosphere. However, although millions do use RSS, hundreds of millions don't. That's no good news, since RSS offers a bunch of advantages that can boost your productivity and improve your information consumption in a quite elegant and easy-to-use way.

In this article we give an overview of what RSS is and present best design and usability-practices for design and placement of RSS-buttons on a web site. We also showcase dozens of free RSS-icons and provide you with references to related tutorials and how-tos.

Screenshot - RSS

Please notice that


Browser Tests, Services and Compatibility Test Suites

Cross-browser compatibility is still one of the most complex issues when it comes to web-development. Web standards usually guarantee a (relatively) high degree of consistency, however no browser is perfect and particularly older browsers have always been quite good at surprising web-developers with their creative understanding of (X)HTML/CSS-code. Still you need to make sure that (at least) most visitors of your web-site can use it, navigate through it and find what they're looking for as quickly as possible.

Browsers Tests Are Necessary
The truth is that a) you never know who might type in your url in his/her navigation toolbar and b) the browser-environment is still very quirky and the risk of inconsistent presentation is simply too high to ignore it. For instance, different browsers and operating systems use different techniques for rendering fonts (Win vs. Mac on handling fonts). The font size isn't identical on different platforms and some fonts might not be installed on the user's system.

Internet Explore has the browser usage share of 46%
Worldwide browser usage: IE6 dominates; IE 7 has already more users than Firefox 2. Stand: 01.10.2007. Source.

Firefox on Linux doesn't display web-sites as Firefox on Windows does. As bonus web-developers have to cope with dozens of versions and, of course, Internet Explorer 6 — 46% of browser usage share, which is a true godsend for hardcoders and hackers. It's almost impossible to keep all possible problems in mind — a detailed test helps you to identify the critical issues — also and particularly if these are the smallest details of your layout.


170+ Expert Ideas From World’s Leading Developers

Few days ago we've published the first part of our survey "50 Designers x 6 Questions". We've presented the first three questions which we've asked and 175 professional suggestions, tips and ideas from some of the renowned web-developers all around the world we've received. Today we'd like to present you the second part of the article, which covers the rest of the survey and also presents an overview of the most important ideas and suggestions you should be aware of if you'd like to become or remain a professional.

Three More Questions

  • What is one thing to do before starting a new project?
  • What is one common mistake you should always avoid developing web-sites?
  • What is one device/tool or/and service you can't imagine your life without?

Even More Expert Ideas!

You can find even more expert ideas, solutions and tips in our articles You can also win one of 40+ books for professional design and development as well as one of 53 presents. First a brief summary of all 300+ suggestions, ideas and tips we've received from the world's leading web developers and experts out there. Under the summary you'll find a detailed review of all answers we've received. Read more...

45 Excellent Blog Designs

Designing a blog is easy. Whatever engine you are using and whatever style you prefer, you'll always find a number of templates you can apply to your weblog in seconds. No styling is necessary, no playing with colors is needed and no mind jogging about content presentation is required. However, not every weblog should look like a typical blog. After all, not every blogger wants his or her site to look exactly like hundreds of other ones. In fact, there is a small bunch of creative, outstanding and individually designed from scratch blogs.


In this post we didn't try to showcase some eye-candy (although sometimes eye-candy is indeed offered); the designs listed below were selected for their attention to small details. Pretty and colourful header-graphics doesn't make a good blog. The blog needs a solid visual structure, a profound hierarchy of site elements; it also has to be able to build some kind of a bridge between the content and its presentation. To do this, you need to think about precision, minimalism and sound use of illustration. These criteria were the ones we've used to select the designs listed below. All these aspects make the designs we've selected look... well, not always beautiful, but outstanding, almost excellent in their own kind. Mostly it's the idea the designers used to make the weblog as usable as possible - not the implementation of this idea - which we've been after.


Below you'll find 45 excellent blog designs which impress with creative approaches and attention to details; hopefully you'll find new ideas you can develop further in your own designs.

Notice that the screenshots we've provided may give you a wrong impression about the whole design of the sites; in doubt you should take a closer look at headers, footers, comment-areas, site structure and further site elements. Please also notice that you can click on screenshots to get to the sites from which the screenshots have been taken.

We've missed something? Definitely! Let us know in the comments!


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.


Web 2.0 Tutorials Round-Up

Web 2.0 can be beautiful. In fact, many designers manage to create really amazing, particularly dark and fresh web-designs, which are visually appealing and make a great first impression. However, if you are planning on designing a web 2.0-project, you probably should know how and where to start from. Badges, Gradients, Mirror and Shadow Effects as well as Shiny and Glassy buttons are trendy. But do you know exactly how to design them?

We've collected over 65 tutorials, references and related resources, which are supposed to help you to create graphics in Web 2.0-Look. It's nice to have them ready to hand if you need them. It's nice to be able to look at them if you need a source of inspiration.


White Space and Simplicity: An Overview

Last year we've seen a lot of simple, even minimalistic designs, which impress not with the amount of presented information but with the way the information is actually presented. Complex layouts are giving way to simple 2-col- or 3-col layouts, which usually have large amount of white space without any content whatsoever.


Indeed, the importance of both white space and simplicity shouldn't be underrated. Used correctly, they can enhance the performance of a web-site, improve readability and make a great first impression. Recently Mark Boulton has written an insightful article about Whitespace and its importance in web design. Very well written, it describes in a very simple, but clear way, how to deal with white space in practice and how to use it in your web-projects. We've collected some more articles on this topic. So what do we have?


Crème de la crème of CSS: List of CSS Galleries

One can discuss whether numerous CSS-galleries challenge our creativity, however they can serve as a quite nice source for inspiration. The galleries of CSS-based designs showcase exemplary design practices, solutions, ideas and templates. Once you have no idea what you should do next with your web-site, it's worth taking a look at some beautiful works - crème de la crème of CSS-designs - out there.

Below you'll find a brief overview of css-galleries you can explore inspiration from.


Web 2.0: Buzz-Monitoring and Tracking

You'd like to improve the link popularity of your site. Or maybe to keep track on the latest web buzz. It would be nice to inform your readers about it the minute the news occured. Or maybe you just want to monitor the activities of your users and be able to find the best topics they might be interested in - quickly and efficiently. In these cases tracking tools can be extremely useful and improve your search enormously.

We've taken a look around and listed the best buzz-monitoring, observing and tracking tools a web-developer might be willing to use analyzing and monitoring his/her recent web-projects. Links checked: May/09 2008


↑ Back to top