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

10 Designer’s Checkpoints To Be Aware Of

Automatic tests, checks and analysis services can be extremely valuable if you’re looking for bugs or try to avoid them. To make sure everything is just the way you think it should be, you need validators. To improve the value and quality of your content, you need to be able to analyze the behaviour of your visitors. And to perform better in the future you have to know exactly, what your competitors are doing, how they’re doing it and what you should learn from them.

Read more...

80 Beautiful Typefaces For Professional Design

You don't like to scroll? Be prepared. (We warned you.)

Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable with. Although the choice usually depends on clients' requirements, it is necessary to have some pretty starting points for your font decision.

FF Kievit

So which typefaces are "bulletproof"? What fonts can be used effectively in almost every Corporate Design? And what are the options for unique, but still incredibly beautiful typefaces?

We have answers. Over the last few days we've browsed through dozens of type foundries, read dozens of designers' articles about typography, analyzed font rankings and visited bookmarked font-related suggestions. So this post has 'em all. Well, OK, at least many of them.

Let's take a look at over 80 gorgeous typefaces for professional design, based upon suggestions from designers and web-developers all over the world. Most screenshots are taken from the foundries and provided specimens - particularly on Veer.com and Fontshop.com.

Read more...

Data Visualization: Modern Approaches

Data presentation can be beautiful, elegant and descriptive. There is a variety of conventional ways to visualize data - tables, histograms, pie charts and bar graphs are being used every day, in every project and on every possible occasion. However, to convey a message to your readers effectively, sometimes you need more than just a simple pie chart of your results. In fact, there are much better, profound, creative and absolutely fascinating ways to visualize data. Many of them might become ubiquitous in the next few years. So what can we expect? Which innovative ideas are already being used? And what are the most creative approaches to present data in ways we've never thought before?
Screenshot
Text similarities
Let's take a look at the most interesting modern approaches to data visualization as well as related articles, resources and tools. Read more...

CSS Specificity: Things You Should Know

Apart from Floats, the CSS Specificity is one of the most difficult concepts to grasp in Cascading Stylesheets. The different weight of selectors is usually the reason why your CSS-rules don't apply to some elements, although you think they should have. In order to minimize the time for bug hunting you need to understand, how browsers interpret your code. And to understand that, you need to have a firm understanding on how specificity works. In most cases such problems are caused by the simple fact that somewhere among your CSS-rules you've defined a more specific selector.

CSS Specificity isn't simple. However, there are methods to explain it in a simple and intuitive way. And that's what this article is all about. You'll understand the concept if you love Star Wars. Really.

CSS Specificity Wars

Let's take a look at some important issues related to CSS Specificity as well as examples, rules, principles, common solutions and resources.

  • You can find the most important things you should know about CSS specificity in a brief overview at the beginning of the article.
Read more...

Developer’s Alarm: 200+ Hotkeys To Boost Your Productivity

There is nothing more valuable than the time we need to get things done. Over a long period of time time-saving techniques and solutions can turn out to be real life-savers. The more you use them, the more essential they become. Besides, using them in your favourite software applications, you can drastically increase your productivity, enhance your time-managment and improve both your professional skills and the quality of your work.

One of such time-saving features are Hotkeys (or keyboard shortcuts), which offer a powerful tool to get the result instantly - with a single keys combination. We've collected the most useful of them - for the most popular applications out there. Some shortcuts are trivial and well-known, but hopefully not all of them.

Developer's Alarm: 200+ Hotkeys To Boost Your Productivity

This post covers the most useful keyboard shortcuts for essential software applications users and web-developers can/should use on a daily basis - OS, Browsers, Music Players, Communication Tools, File Management and Coding. You will also find references to related resources - there you'll find more specific shortcuts for your needs.

Read more...

Copyright Explained: I May Copy It, Right?

With blogging comes great responsibilty. You define the content of your weblog and you carry the full responsibility for every word you've published online. More than that, you are responsible for comments in your posts. To make sure you fulfill your legal obligations, it's important to know, what you, as blogger, may or should do; and you have to know, how to achieve this. After all, the ignorance of the law does not make one exempt from compliance thereof.

From the legal point of view, Copyright in Web is often considered as the grey area; as such it's often misunderstood and violated - mostly simply because bloggers don't know, what laws they have to abide and what issues they have to consider. In fact, copyright myths are common, as well as numerous copyright debates in the Web.

Copyright Explained: I May Copy It, Right?

That's time to put facts straight. In this post we've collected the most important facts, articles and resources related to copyright issues, law and blogging. We've also put together most useful tools and references you can use dealing with plagiarism.

You don't have to read the whole article, you can read a brief overview of the key-points in the beginning of the post. Let's take a look.

Read more...

WordPress Plugins & Tutorials: Your Pick

Depending on your needs and professional skills, the choice of an optimal weblog engine can be quite time-consuming. There are many options, and selecting the optimal engine, you should know exactly what you'd like to have and which level of flexibility you'd like to achieve.

Among dozens of options, Wordpress remains the most popular weblog engine out there. It is simple, powerful, extensible and flexible. There are literally thousands of plugins, themes, tutorials and related articles describing the ways to optimize Wordpress for publisher's needs and achieve the best possible performance of the blog.

You know them, because you use them and because you've searched for them once you needed them. In this post we'd like to give you an opportunity to share your knowledge and help us to create the essential list of Wordpress life-savers - plug-ins, ideas, tips and useful tutorials you need to have ready to hand developing web-sites upon Wordpress.

Wordpress Plugins and Tutorials: Essential Lifesavers

Begin: Date: 29.06.2007. Time: 08:00:00 EDT (Eastern Daylight Time) / 14:00 CEST (Central European Summer Time).

End: Date: 30.06.2007. Time: 08:00:00 EDT (Eastern Daylight Time) / 14:00 CEST (Central European Summer Time).

Folks, it's your turn now. You have 24 hours.

Read more...

40+ Tooltips Scripts With AJAX, JavaScript & CSS

Web users love informative clues. Whatever questions and misunderstandings might occur - delivering precise answers immediately is the primary task a responsive user interface should be able to cope with. To do that, developers have to consider subtle and well-thought tooltips - used correctly, they can greatly improve user experience and help users to get things done. In Web such "responsive" hints can be provided by tooltips. E.g., unclear input fields in web forms are perfect examples of a situation you might be willing to use a tooltip for.

We'd like to thank Jurgen Koller for compiling an extensive list of tooltip scripts we've stumbled upon during our search. It gives many useful pointers, but we've managed to find some more. You might be willing to use Koller's post as a quick reference for your search.

Tooltips Scripts - Nice Titles revised | Blog | 1976design.com
Tooltips Scripts - A lightweight prototype based JavaScript tooltip

Let's take a look at 43 handy tooltips scripts for intuitive and well-designed visual clues. It's nice to have them all in one place, once you need them. It's nice to be able to find them, once you don't have time to search for them.

Read more...

7 Brilliant Free Fonts: Faceplate, Sling, Cicle

Every month we take a look around, browse through dozens of fonts collections and select most irresistible typefaces released recently. We collect most beautiful high quality freeware fonts, which can be used for private and/or professional projects without any restrictions whatsoever. If you've tried to find them once, you know how time-consuming the search can be. Indeed, these beauties can be quite hard to find, but the search is definitely worth it. We search for them. So you don't have to.

Fresh Free Fonts - Cicle Font | dafont.com

Let's take a look at 7 free high quality fonts we've come across over the last 30 days.

Read more...

Google PageRank: What Do We Know About It?

Everybody is using it, but (almost) nobody really knows how it works. Google PageRank is probably one of the most important algorithms ever developed for the Web. With billions of existing pages and millions of pages generated every day, the search issue in the Web is more complex than you probably think it is. PageRank, only one of hundreds of factors used by Google to determine best search results, helps to keep our search clean and efficient. But how is it actually done? How does Google PageRank work, which factors do have an impact on it and which don't? And what do we really know about PageRank?

Read more...

↑ Back to top