Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. 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. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Author:

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Twitter: Follow The Smashing Editorial on Twitter

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

Facebook: smashmag

The Smashing Book 2 Is Available: Get Yours Now!

The Smashing Book 2 is here. It's printed. It's available. And it's being delivered worldwide at this very moment as you are reading this. All pre-ordered books have been sent out from our warehouse via air mail and should reach all countries soon. In fact, some readers have already received a copy of the book. What didn't work the first time with the Smashing Book 1 has been hopefully accomplished this time. We've worked very hard to produce a high quality, valuable book for you, guys. So here it is, the brand new printed hardcover Smashing Book 2.

Smashing Book 2

The Smashing Book 2 is a printed book about best practices in modern Web design. The book shares valuable practical insight into design, usability and coding. It provides professional advice for designing mobile applications and building successful e-commerce websites, and it explains common coding mistakes and how to avoid them.

You'll explore the principles of professional design thinking and graphic design and learn how to apply psychology and game theory to create engaging user experiences. We also feature interviews from experts on the future of Web typography and describe how you can publish a book on your own. You can buy the book now.

Read more...

Free Minimal, Swiss Design WordPress Themes (4 Themes)

In this post we release yet another freebie: an original set of four exclusive minimal, clean WordPress themes designed by Marios Lublinski and released for web design community. As usual, the themes are free to use for private as well as commerical projects. The themes are beautifully built with minimal and clean designs. These themes will come handy for artists, graphic designers, illustrators and photographers who'd like to have a clean, minimal portfolio to showcase their work.

The themes are simple but powerful, with a touch of traditional Swiss design and layout techniques. The unique style and design is what separates these themes from others. You will also be able to withhold the focus on your work, since you are the artist and should be in control of what the observer sees when visiting your site. Each one comes with a full video overview and support of how to use and manage it.

Read more...

Educational Resources For Web Designers

Web design community is strong and hard-working. We have plenty of useful resources, tools and services created, developed and released every single day: apart from goodies such as free fonts or icons, there are also many educational resources and little time-savers that can significantly improve designer's workflow. We permanently look out for the new projects and support them by presenting them on Twitter, Facebook, in our e-mail newsletter and, evidently, in Smashing Magazine's posts.

Screenshot

Today we are glad to present one of such posts: an overview of handy new resources for web designers; most of them were released recently, but some of them are a bit older. Still, they were included to supplement the overview, making the post more comprehensive and complete. Please feel free to discuss the featured resources in the comments to this post. And, of course, thank you guys for creating and maintaining all these useful resources. Your efforts are deeply appreciated.

Read more...

Responsive Web Design – What It Is And How To Use It

Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course. [Links checked January/13/2017]

Responsive Web Design

In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical. Should we just suffer the consequences of losing visitors from one device, for the benefit of gaining visitors from another? Or is there another option?

Read more...

New Year, New Book: Smashing Book 2 Is Coming: Pre-Order Now!

What's the best way to start a new year? Not just with resolutions and good intentions, but with good deeds! Therefore, today we have the pleasure of announcing that a new Smashing Book is on its way. And not only that: it's not just a book but an annual event.

Screenshot
Smashing Book 2, Pre-Order Now, $23.90 or €19,10

Is the book really coming? In all honesty, the Smashing Book 1 could have been better in several ways: the overly long shipping times and poor quality of the binding were critical mistakes we made with that first book. But we did our homework and learned from our mistakes. We wanted to make the Smashing Book 2 better than its predecessor in every respect: the hardcover book will cost $29.90 USD (like the first one), but it will have more pages and much better binding and will be more comprehensive and of higher quality.

As you read this, the Smashing Book 2 is already in the final stage of production: printing started in late December. This means we will start shipping the books by February at the latest, and the pre-order period will be much shorter than the one with Smashing Book 1. You can pre-order your copy today and get a huge discount: 20% off the regular price.

Read more...

Web Typography: Educational Resources, Tools and Techniques

Web typography has evolved a lot over the last years. Today we see rich, accessible typography, a plethora of type design choices for the web and a number of remarkable, type-based web designs. It's a great time for web design, and it's a great time for web typography. Still, being as excited as we are, we should not forget about the foundational principles of good type design on the web and use them properly within our projects. Great choice is good, but, most importantly, we should be making meaningful typographic choices in our designs.

A Typographic Anatomy Lesson

In this post we present an extensive overview of educational resources, tools, articles, techniques and showcases all related to web typography. Please notice that the overview presents resources which we have stumbled upon, discovered, collected and reviewed over the last six months. This round-up is quite long, so save some time for a thorough study.

Read more...

50 Free High Quality Icons Sets

Feel free to make yourself a cup of tea or coffee right now because you'll be investing an hour or so in today's post. We've published our last icons round-up six months ago and since then we've collected over 50 new free high quality icon sets that you can use for your projects. While most freebies may be used for commercial projects as well, some of them may not. However, you could use all of them in your private projects. If the set is available for private use only, it's clearly indicated in the caption.

Cupcake icon

Please always read the disclaimers carefully before using the icons — they do change from time to time. We truly respect and appreciate the efforts and the hard work of designers of the icons featured below. Thank you for your contributions to the community, guys! Also, if you are planning to release a high quality freebie, please let us know via Twitter or by contacting us using our contact form — we would love to feature you on Smashing Magazine!

Read more...

50 Powerful Time-Savers For Web Designers

There are tools that make our lives much easier. However, finding those obscure time-savers which would save time in every single project isn't easy and requires a lot of time. At Smashing Magazine, we are regularly looking for such useful tools, gather them, review them and eventually prepare for a truly smashing round-up. Such posts are quite lengthy and extensive, but they are always worth checking out.

House of Buttons

[fblike]

In this post, you'll find an overview of useful and handy tools that can help you increase your productivity and improve your workflow. Some tools are more general, the others are more technical, yet we hope that this round-up has something to offer to every one of our readers. Please feel free to leave your comments and share with us which one of the tools you've found most useful and interesting.

Read more...

Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote

Lately, Apple Keynote has been gaining popularity among designers as a wireframing and prototyping tool. Features like multiple slide masters, styles, grouping, animation and hyperlinks make it ideal for crafting interactive prototypes and UI narratives. Today's freebie, Keynotopia, is a free set of interface elements for Keynote that makes it possible for anyone to create these prototypes in minutes. All elements are hand-crafted in Apple Keynote, and organized in nested groups for easier manipulation and customization. The templates can be used in Keynote 09 and 08 and are designed by Amir Khella.

Wireframe templates for Apple Keynote

Start with a blank presentation, and create a new slide for each application screen. Then copy/paste elements from the wireframe templates into your slides, and edit their labels, sizes and colors. To save time, group elements together, and use master slides to share common interface and navigation components across multiple screens. Finally, add hyperlinks to enable user interaction, and use slide transitions to create cool interface animations.

Read more...

Polaroid: A Free Magento Theme For Your E-Commerce Website

Today we are glad to release a yet another freebie: Polaroid Magento Theme, a professional design skin for the shops powered by the popular open-source ecommerce web application Magento. The theme was designed by eCommerce-Themes and released for Smashing Magazine and its readers. As usual, the theme is absolutely free to use in private and commerical projects.

Screenshot

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Read more...

Modernist: Free WordPress Theme with Focus on Typography

Today we are glad to release a yet another freebie: a beautiful Modernist WordPress theme, designed by Rodrigo Galindez and released for Smashing Magazine and its readers. The theme is based on the design ideas of Jan Tschichold, Josef Müller-Brockmann, Dieter Rams, and other modernists. Beautifully built yet transparent, it was designed with a focus on optimal typography in order to better showcase your content: text, images and video.

The theme supports widgets, is SEO optimized, has clean and documented code. It is loading very quickly, and has various WordPress 3.0 features. Works in IE 6+ and all versions of Safari/Firefox/Opera. Includes CSS3 enhancements. As usual, the theme is absolutely free to use in private and commerical projects.

You may be interested in the following related releases:

Read more...

12 CMS Icons For Content Management Systems [Freebie]

Today we are glad to release CMS Icon Set, a set with 12 high quality icons in 48×48px, available in the .png-format. The set was designed to be used in content management systems, but can also be useful for other user interface designs. This goodie was designed by the Russian design studio Pixel-Mixer and released especially for Smashing Magazine and its readers.

CMS Icon Set

Download the icon set for free! You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed or rented. Please link to this article if you want to spread the word.

Read more...

↑ Back to top