Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Web Design’.

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

Useful Podcasts For Designers And Developers

Podcasting is an engaging medium that is available in both audio and video formats. Podcasts often refer to audiocasts, but now with iPods and other media players being able to play video, videocasts are just as popular. A handful of web design podcasters deliver both audio and video formats. Some do so through the same subscription, others separate the two.

Audio podcasts are a great way to stay informed about web design news, learn about emerging technologies, listen to discussions, and continuously learn about the ever-changing landscape of web design — on your way to work or before you go to bed. Videocasts are great at showing step by step tutorials, or delivering visually rich presentations. Many of the long running successful podcasts have communities built around the show. Forums and detailed show notes are usual for a podcast that regularly serves its community. The time span of how long a podcast exists often indicates its level of quality and professionalism.

Boagworld

We've amassed a collection of podcasts that are either directly about web design, or would be helpful to a web designer. If you're interested in more podcasts try searching through Odeo or iTunes. There are quite a few web development podcasts, and a few niche topic web design podcasts, not covered in this roundup. Following is a list of useful podcasts for web design professionals.

You may want to take a look at the article

Read more...

Now More Than Ever: 50 More Excellent Blog Designs

Designing blogs is easy. Designing blogs in a unique way is hard. Whatever blog engine you are using, there are literally thousands of templates available which you can apply directly, without any significant code modifications. That's efficient, but it's not creative, because using a default blog-template you risk to end up with some wide-spread look which has actually nothing to do with you. To convey your personality effectively, you need a design which reflects who you are and what you are doing. That's why important is not just what you post, but also how you post it.

Blog Showcase - Brad Frost's Blog

In fact, beyond the template-design-culture exists a field of creative, individual and impressive blog designs. And the good thing about it is that this field has been rapidly growing over the last years. To celebrate the creativity of blog designers we regularly present reviews of excellent blog designs we have stumbled upon recently. This post is no exception. Below you'll find 50 further examples of excellent, unique and impressive blog designs.

Apart from "usual" minimal designs, one can observe more rather complex graphic works. If earlier only blog headers had striking visual elements, now whole web-layouts seem to have become more vibrant: paper clips, mp3-players, coffee cups and further objects are used extensively. Apparently, they are used as metaphors for the environment of site designers. Such designs are just impossible to copy and they unite the visual design with the author's content in a unique and very personal layout.

You can also have a look at our previous showcases:

Read more...

Professional Web Design Forums

Web design-related forums are a place where you interact with other designers, exchange ideas or discuss your first drafts. When you have a problem, you can post the issue, and then receive feedback on possible design or coding solutions from community members. This interaction is a great way to establish contacts and build relationships. Forums are used for networking and marketing purposes. They are practical places to solve problems and can serve as a form of social diversion.

Designers Talk Forum

As designers and developers, we choose a forum depending on its ability to approach our needs. In best case the forum should be large enough, moderators should be cooperative and the posts should be responded quickly. There is nothing worse than posting a thread on a forum and no one replies to it.

In forums, users develop a reputation over time. The forum software can be used to track this. Some forums allow users to rate each other as well. Also, the more you participate and the more professional input you bring to the community, the more other members will recognize you and respect your opinion.

Read more...

5 Principles And Ideas Of Setting Type On The Web

There are some basic approaches, guidelines and goals to consider when working with type on the Web. Overall, the medium of Web typography involves readability, accessibility, usability, and brandability. On the Web, these aspects function together to accomplish design's goals of communication and user interaction.

Type Headlines

There are many ways to approach Web typography in order to create effective and expressive results. Let's take a closer look at some principles, rules and ideas for approaching Web typography decisions — you can use them as a starting point for learning how to achieve effective type setting on the Web.

Read more...

Getting Creative With Transparency in Web Design

Arm yourself with the knowledge of how different file types of images can be used to achieve transparency on web-pages. It's important to first understand these basics. Then learn how to push the limitations of browser support. Take a look at what others are doing with transparency on the Web; only then you'll be able to learn how to get creative with transparency in Web design.

Jeff Croft

There are well-established methods of imitating Web transparency that have been developed to overcome browser support issues. While we can appreciate past solutions, it's important to break out of this faux methodology and learn to work with PNG graphics. We are at a tipping point where IE7 continues to grab market share. And fortunately, IE7 has thet support for full Alpha Transparent PNG graphics. In the near future, transparent PNG graphics will have excellent browser support.

Ultimately, it's necessary to consider creative uses for transparency on the Web. This article reviews the use of faux transparency methods, presents examples of transparent images on both fixed and dynamic backgrounds, and points to creative solutions that take full creative advantage of today's modern Web transparency effects.

Read more...

Footers In Modern Web Design: Creative Examples and Ideas

According to classic principles of web design, everything at the bottom of the page isn't that important. Most users think like that. And most designers are convinced that this is true. Site elements at the bottom of the page aren't really able to catch visitors' attention which is why footers are often forgotten or ignored and not given the attention they deserve.

In fact, most footers are rather boring and uninspiring. Designers often use the bottom area to mention everything they haven't found place for at the top of the site. E.g. disclaimers, W3C-buttons, copyright, "back to the top"-link and contact details. But if most designers forget it, why don't make use of it? Why don't use footers to impress visitors with something they actually don't expect at all?

Footers - volll

This post presents creative examples of footers and ideas for footer design. We've tried to identify some trends and some interesting approaches you may want to use or develop further in your projects.

You might also want to take a look at the posts

Basically, footers need to provide users with the information they are looking for. This is why contact details and a brief information about site or / and site owners needs to be placed in the footer. Corporate designs may need to provide driving directions, telephone number, a web form or at least an e-mail.

Read more...

Grid-Based Design: Six Creative Column Techniques

Grid systems bring visual structure and balance to site design. As a tool grids are useful for organizing and presenting information. Used properly, they can enhance the user experience by creating predictable patterns for users to follow. From designer's point of view they allow for an organized methodology for planning systematic layouts.

After creating a well-structured and usable grid, consider allowing it to breath. A page without a grid is a usability nightmare. On the other hand, a grid that has creatively overlapping, escaping, or energizing columns leads to a more enjoyable user experience. Discovering or planning areas of the design that will have some freedom will lead to more interesting and appealing design solutions.

We Eatt

Like skyscrapers in city centers, overwhelmingly, columns dominate Web design grids. Once you've mastered the grid as a tool then it's time to get creative with it. Work on establishing a visual rhythm in your design. Then you can step in and break the visual flow for effect. The techniques discussed in the next section present effective ways of getting creative with your columns in grid-based Web design.

Read more...

Showcase Of Creative Flash Preloaders

When it comes to Flash, images, animation, videos and sound effects are often used on large scale. Consequence: in most cases Flash takes quite much time to load and requires a good dose of patience from users. Users know it and are often willing to give a Flash-site some time to load. However, to count on user's patience, Flash-designers need to inform site visitors how much patience is actually required. If it isn't done, the latter have no anchor point to estimate how much more time is needed and consequently close the browser window thinking that the site simply doesn't work properly.

Screenshot

In this post you'll find some creative Flash-preloaders which may serve as an inspiration for your Flash-projects. Please notice that sometimes you need to look closely and precisely in order to find the preloader. Depending on the server load and your connection preloaders may quickly disappear. In most cases it's not a disadvantage — well, at least it shouldn't be.

Please notice that

  • you might also want to take a look at the article 65 excellent Flash-designs we've published earlier,
  • this selection is not ultimate and isn't supposed to be the best of; it is intended to provide you with some ideas for creating your Flash-preloaders once you need to — please share your favourite Flash-preloaders in the comments to this post.
Read more...

The Secrets Of Grunge Design

Shiny and glossy design elements are now officially outdated. Just like retro is becoming trendy again, grungy look appears to rapidly gain on popularity. And there is a damn good reason behind it. In our everyday environment we're unlikely to find ideal geometric forms or pretty shadow effects as they are manifested by glorious Web 2.0-designs. The reality is different, and Web is definitely not an exception here.

Therefore designers often tend to explore the less ideal and more realistic design solutions which reflect the world we're living in more accurately and precisely. Result: such elements give the design a more realistic, genuine look, a look one would actually expect in real life.

Screenshot

In such grunge designs dirty stains, torn images, "broken" icons and creased pieces of paper are as popular as hand-drawn elements and dirty textures. The main purpose of hand-drawn elements lies in their ability to convey a personality and an individual note. And dirty textures are often used as background images for navigation menus, photos and overall layouts. Usually these elements are regular objects from our daily life, replicated in their real form without any glossy effects.

Read more...

↑ Back to top