Menu Search
Jump to the content X X
The Smashing Book #5

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. new Smashing Book 5 features smart responsive design techniques and patterns.

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 UX, front-end and performance problems in large companies. Get in touch.

Twitter: Follow Vitaly Friedman on Twitter

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

5 More Free Fonts: Chúcara, Preface, Colaborate

High quality freefonts are always nice to have, but usually they are extremely hard to find. Usually it requires much time and patience to get a lead on some gorgeous typofaces out there. Every week we take a close look around, visit dozens of typography-related sites, check out the latest updates and choose the best free fonts, which have been released or appeared over the last few weeks. And all the fonts we find are getting published immediately, here on Smashing Magazine. So what did we find this week?

Read more...

Free Font of the Week: Romeral

Free high-quality fonts are extremely hard to find, but sometimes the time you've invested in the search is definitely worth the result you've got. A new freefont, designed by Juan Pablo De Gregorio, should belong to the collection of every professional web-designer: aside from optimal legibility, Romeral offers elegant style, rounded forms and clear geometric structure of its letters.

Read more...

Bookmarklets, Favelets and Snippets

If you've used them once you'll never be able to work without them. Bookmarklets (or Favelets) are tiny Javascript-Snippets, which are stored within a bookmark and add particular functionalities to the browser you're using. It doesn't matter whether you browse, bookmark, look up, search, design or program - depending on your interests, bookmarklets can significantly enhance your efficiency and productivity. However, if you take a look around, you'll find hundreds of sites, which offer favelets of any possible kinds. Indeed, you'll find thousands of bookmarklets, many of which you aren't really interested in. What you eventually are interested in, is a hand-picked choice of the most useful snippets you can directly copy and use from one single page.

Read more...

53 CSS-Techniques You Couldn’t Live Without

CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don't have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn't it great? Well, actualy, it is.

Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you'll find a list of techniques we , as web-architects, really couldn't live without. They are essential and they indeed make our life easier. Let's take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.

Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Thanks!

You might want to take a look at the article Powerful CSS-Techniques For Effective Coding.

Read more...

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.

Read more...

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.

Screenshot

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?

Read more...

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.

Read more...

50 Beautiful CSS-Based Web-Designs in 2006

2006 was rich on creative, beautiful and unusual design concepts. We've seen a lot of whitespace, many examples of readable and usable text-design, badges, stars, rounded corners, shapes, gradients, mirror and 3D-effects - just name it. Let's take a close look at some of the most beautiful designs we've seen in 2006. Some gorgeous designs are missing? Let us know - comment on this article!

Read more...

Preventing Spam: Bulletproof Solutions

Spam is probably one of the most difficult problems we have to deal with. E-Mail-filters, such as those used in GMail, provide accurate results, but not every company is willing to use extern services for its private mails. The problem occurs when web-developers have to display e-mail-addresses on a web-page.

How can you make sure that not a single spam mail will find its path to the inbox of your client? Or, speaking in more concrete terms, the question is, how should you display e-mails on a web-page in order to minimize spam attacks? Let's take a look at some modern and bulletproof solutions and techniques which will help you to prevent spam in your mailbox or the mailbox used by your clients.

Read more...

↑ Back to top