background preloader

Smashingmagazine

Facebook Twitter

50 Fresh Useful Icon Sets For Your Next Design | Graphics. Advertisement Beautiful and free icon sets always come in handy. Used properly and moderately, icons can be helpful to provide users with memorable metaphors and illustrations that would provide a visual support for otherwise unspectacular text blocks. For instance, in web-applications memorable icons can be very helpful as they can make it easier for users to memorize how to perform some specific task or where to find some specific functions. This large collection of recently released icon sets is supposed to help designers improve their designs on their web-sites and in web-applications. Web Application Icon Sets Chalkwork HTML Royalty-free Icons1 Chalkwork HTML is a free set of HTML-themed icons, designed to perfectly complement all other sets in the Chalkwork Family. Hand Pointer Icons Free icon set that includes 36 hand pointer icons of 6 diferent types with 6 color variants.

MinIcons2 Basic Set4 42 high quality icons in 64×64, 32×32 and 16×16 sizes. Sketchy icons11 Absque13 Mod54. 15 Fresh High-Quality Free Fonts | Fonts. Advertisement 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. In this selection we’re glad to present you Junction, Nadia Serif, Nilland, CartoGothic Std, Bergamo Std, Comic Serif, Birra Stout, Vegur 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. 15 Fresh High-Quality Free Fonts Junction4 [ Download the .zip-package ] Designed by Caroline Hadilaksono, Junction is a humanist sans-serif typeface. “Inspired by my favorite humanist sans serif typefaces, such as Meta, Myriad, and Scala, Junction is where the best qualities of serif and sans serif typefaces come together.

Bonus: Eco Font and Flaminia Type System It's done. 8 Useful Tips To Become Successful With Twitter | How-To. Advertisement Twitter is the new big thing. With everybody from Britney Spears to Barack Obama now on Twitter, it is safe to say the social networking platform has gone mainstream. For many users worldwide Twitter has become a crucial tool for maintaining contacts, exchanging opinions and making new connections. But what does this mean for the service, and how can we, website owners, actually use it for our purposes?

I posted my first tweet in November of 2006, only 7 months after the service launched. Twitter1 is the new big thing. Some time ago I was wrong to lament on Twitter about it becoming a marketing tool; I should embrace it as a tool I can use. So how do I use Twitter? 1. Although Twitterers like CNN breaking news2 have been very successful, generally, corporate Twitter accounts are a mistake. CNN Breaking News Twitter Page Does that mean you cannot have a Twitter account for your organization? It is not the name that matters so much as the tone of the posts. 2. 3. 4. 5. 6. 7. Designing The Holy Search Box: Examples And Best Practices | Design Showcase. Advertisement By Smashing Magazine Editorial and György Fekete On content-heavy websites, the search box is often the most frequently used design element.

From a usability point of view, irritated users use the search function as a last option when looking for specific information on a website. If a website’s content is not organized properly, an efficient search engine is not only helpful but crucial, even for basic website navigation. In fact, search is the user’s lifeline to mastering complex websites1.

In practice, websites tend to grow over time, adding new content and, more importantly for us, adding new navigation options, such as additional content sections. When content organization appears to be a mess and it seems nearly impossible to find information, users are very unlikely to decide to browse the available sections of the website. Although the back-end process of searching a website is very important, we shouldn’t neglect the front end, the design, either. 1. 2. 3. 4. 5. Adobe Illustrator Tutorials - Best Of | Tutorials. Advertisement Over years Adobe Illustrator has become the standard application when it comes to illustration design. Artists, illustrators and graphic designers use Illustrator to create vector-based graphics which — contrary to raster-based editors such as Adobe Photoshop — can be easily rescaled without the loss of quality.

E.g., Illustrator is often used to quickly transform hand-drawn sketches on a sheet of paper into lively and colorful digital images. However, to master Adobe Illustrator isn’t easy; and the creating process of professional illustrations requires both time and patience. Therefore tutorials can turn out to be real life- and time-savers as they show exactly what needs to be done in order to create professional illustrations and how masters of illustration actually manage to do their magic.

One year ago we’ve presented a hand-picked collection of Illustrator tutorials. Now it’s time for a fresh portion of healthy and creative Illustrator material. Please notice that. Monday Inspiration: Graphics In Motion | Graphics, Monday Inspiration. Advertisement Graphics doesn’t need to be static or fixed: it can float, jump, fly, dance around and transform in different forms.

Once you set visual elements in motion, you can achieve stunning results which would be far too difficult to achieve otherwise. And in fact, there are a number of stunning examples of how this can be done. The so-called motion graphics is often used in ad spots, music videos and movies. However, sometimes it can also be used for data visualization or live installations (e.g. on buildings). In all these cases designers have a huge space to explore their creativity. In this post we present some excellent examples of videos in which graphics are set in motion. You might want to take a closer look at the category Monday Inspiration where we’ve covered some graphic motion works over the last months,and particularly at the article Typography in Motion which describes what effects can be achieved once the letters are set in motion. Graphics In Motion Mograph Wiki. 29 Brilliant Music Videos | Monday Inspiration. Advertisement Music has always been an excellent source of inspiration.

Particularly if you are stuck with some problem you can’t find a workaround for, a beautiful song can give you a new perspective, let you see the problem from a different angle. And sometimes it’s just useful to make a break — for instance, watching some music videos. In this post we present some unusual music videos for your monday’s coffee break. Some of the videos are thought-provoking, some of them are funny and some are bizarre. You might want to read the descriptions of the videos — they are provided below every link. Music Videos Unkle – Rabbit in your Headlights1What is this guy whispering? Jason Forrest – “War Photographer”2 (2005)These freaking vikings are both cool and strange. Bat for Lashes — What’s A Girl To Do300:38 is the best moment in the history of music videos. Nick Cave & Kylie Mingoue — Where The Wild Roses Grow4Probably one of the most beautiful music videos ever made. It's done. Tag Clouds Gallery: Examples And Good Practices | Design Showcase.

Advertisement 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. Tag Clouds: Are They Here To Stay?

Right.