Author:

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex performance problems in large companies. Get in touch.

Twitter: Follow Vitaly Friedman on Twitter

Google Profile: https://plus.google.com/101951294740286010890

Free Professional PSD Template: BlueMasters

In this post we release a yet another freebie: BlueMasters, a free PSD template, designed by Wendell Fernandes and released for Smashing Magazine and its readers. As usual, the theme is free to use in private and commerical projects.

Screenshot

BlueMasters is a dark, sexy, custom theme that has a solid, professional look and a very simple structure. You can access all files and layers used in a well organized structure and naming convention, making it easier for slicing the template or modifying it. BlueMasters can be customized to fit your business brand as well as your clients' websites.

Read more...

CSS3 Design Contest: Join In and Win SSD Hard Drive!

CSS3 is powerful, simple and very easy to learn. Although Internet Explorer does not support most CSS3 properties yet, many designers are experimenting with the new features, gracefully degrading their designs for users with older browsers and offering rich CSS3 interactivity to users on modern browsers. CSS3 is being used (as it should be at the moment) as an additional layer to enrich the user experience by making websites cleaner, more adaptive and more responsive. It's time to start using CSS3 today.

Intel SSD Hard Drive

Seeing the Web as a dynamic medium is a good thing, and it's good to create rich user experience for those who are already use modern browsers or will be soon. Whatever your perspective, it doesn't make any sense to keep looking back, afraid to look ahead, and thus avoiding experimenting with and learning about new CSS3 properties today. This is why we keep publishing articles about CSS3.

To get you really excited about CSS3, we have decided to organize a CSS3 contest to encourage designers to experiment with CSS3, and then showcase the results on Smashing Magazine.

Read more...

Start Using CSS3 Today: Techniques and Tutorials

We have been publishing articles about CSS3 for a while now, and we keep receiving angry e-mails from some developers who complain that it doesn't make sense to use CSS3 today. Yes, Internet Explorer doesn't support most CSS3 properties. And yes, CSS3 vendor prefixes are bad for maintainability (and this is why we recommend extracting vendor prefixes in a separate CSS3 file).

But it's OK to accept that Web is a dynamic medium, and it's OK to create rich, interactive, beautiful designs for those who are already using a modern browser or will be using one soon. It just doesn't make sense to keep looking back, being afraid of looking forward and therefore avoid experimenting and learning about new CSS3 properties today. And this is why we keep publishing articles about CSS3.

CSS3 Leopard-style Stacks

In this post we present an extensive round-up of CSS3 techniques, tools and resources that will help you learn how to use CSS3 in your designs right away. We have grouped most useful articles by the corresponding properties, described what browsers support what properties, presented alternative JavaScript-based approaches and workarounds for Internet Explorer and added a couple of links to useful CSS3 generators and tools in the end of the post.

You may be interested in the following related articles:

Read more...

50 New Useful CSS Techniques, Tools and Tutorials

Over the last years we've got a pretty good understanding of what CSS does, how it works and how we can use it for our layouts, typography and visual presentation of the content. However, there are still some attributes that are not so well-known; also, CSS3 offers us new possibilities and tools that need to be understood, learned and then applied in the right context to the right effect.

CSS font stacks

In this round-up we present fresh useful articles about less-known CSS 2.1 and CSS3 properties as well as an overview of recently published CSS techniques, tools and tips for designers and web-developers. Please stay tuned: next week we will present the second part of this article, featuring fresh CSS3 techniques, tools and resources.

Read more...

Web Design Trends 2010: Real-Life Metaphors and CSS3 Adaptation

In our earlier article about Web design trends for 2010 we covered the strong influence of print design techniques, keypress navigation, horizontal layouts, rich typography and aesthetically pleasing designs. Web design today is developing rapidly, breaking the limitations of conventional approaches and exploring the possibilites of upcoming technologies. Designers are not only experimenting with new techniques and design approaches, but they are improving the quality of their designs in both technical and conceptual respects.

Screenshot

Modern websites have great strengths, such as flexibility, cross-browser compatibility and personalization, but they are also becoming increasingly simple and intuitive. This is being done through the application of subtle usability enhancements, drawn either from the Web itself or from offline interactive systems. The Web today is increasingly complex, while usage of the Web is becoming increasingly simple.

In this article, we'll explore some new design approaches and techniques that you may want to develop for your own projects. We'll present rather unusual or unconventional design approaches and try to understand what's actually interesting about them and how we can apply them to modern Web design. More specifically, we will discuss the following: real-life metaphors that are applied to the Web, hidden complexity, subtle interactivity, context-sensitive navigation and rapid CSS3 adaptation.

Read more...

20 Fresh High Quality Free Fonts

Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to.

Kilogram

In this selection we’re glad to present you Kilogram, Adelle, Ayita Pro, Hattori Hanzo Typeface, Andron, Tertre, Luxi Sans, Sapir, Otari and a couple of other high-quality free fonts. Please read the license agreements carefully before using the fonts — the license can change from time to time.

Read more...

50 Helpful Typography Tools And Resources

We love beautiful typography, and we appreciate the efforts of designers who come up with great typographic techniques and tools or who just share their knowledge with fellow designers. We are always looking for such resources. We compile them, carefully select the best ones and then prepare them for our round-ups. And now it's time to present a beautiful fresh dose of typography-related resources.

Useful Typography Resources - The Taxonomy of Type

To help you improve the typography in your designs, we're presenting here useful new articles, tools and resources related to typography. You will learn the fundamentals of typography, find out how to combine fonts and know what to keep in mind when choosing a typeface. We also present typography-related slideshows, glossaries, layouts and experiments.

Read more...

↑ Back to top