Menu Search
Jump to the content X X
Smashing Conf San Francisco

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. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design 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

22 Extremely Useful And Powerful CSS Tools

We love useful stuff. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. We have been contacting developers, encouraging them to improve their tools and release their handy little apps to the public. Last year we prepared and published some of them in a series of smashing posts about CSS. Now again is the time to give these tools the attention they deserve. [Content Care Nov/02/2016]

TypeChart

Below, we present 50 extremely useful CSS tools, generators, templates and resources. We did not include “traditional” CSS tools, such as Firebug or the Web Developer extension, but tried to focus on rather unknown tools that are definitely worth a look. Some tools are new and some are old, but hopefully everybody will find a couple of new useful or at least inspiring tools.

Read more...

Retro and Vintage In Modern Web Design

Retro and vintage are becoming a new trend. Once rarely used in this robust, dynamic medium, early, retro and vintage elements are now becoming more and more popular in a variety of design contexts. Online shops, corporate designs, portfolios and blogs incorporate both styles on a small and large scale. When applying "old-style" elements to their works, designers produce creative and appealing designs that make their websites stand out and look really different. As a matter of fact, if executed carefully, such designs almost never look boring, although one might intuitively think that the opposite would be the case. [Content Care Nov/10/2016]

Retro and Vintage Designs - CSS Tinderbox

Retro and vintage designs exhibit graphic solutions that are strongly influenced by the time period that they are supposed to represent. While retro focuses on the style of the 1910s to 1930s, vintage recalls the time period between the 1950s and 1980s. In both cases, design elements reflect some old-fashioned motifs, trends, personalities and objects that had been an essential part of our lives in the past.

Read more...

Free Fonts Myndraine, Museo Sans

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.

Screenshot

This month we are glad to present 5 free high-quality fonts and collections of grunge and handwritten fonts. Please read the license agreements carefully — they can change from time to time. [Content Care Oct/25/2016]

Read more...

Tribute To Graffiti: 50 Beautiful Street Artworks

Street culture and graffiti are well-known for being provocative, appealing, bold and uncompromising. Originally used by gangs to mark their territory in some urban area, graffitis have now become a rich medium for unrestricted expression of ideas and statements. In fact, creative designers and artists across the globe use this form of art to deliver their message and showcase their work. [Content Care Nov/11/2016]

Graffiti

Probably the most prominent graffiti artist is Banksy, a famous pseudo-anonymous British artist whose works focus on topics such as politics, culture, and ethics. His art has appeared in cities around the world; it's worth mentioning that Banksy does not sell photos of street graffiti or mount exhibitions of screenprints in commercial galleries.

In this episode of Monday Inspiration series we are presenting a tribute to street art and graffiti — over 50 examples of beautiful and impressive graffiti artworks. Hopefully everybody will find some inspiration at least in some of the works showcased below. Feel free to explore the works of artists by following the links to their sites.

Read more...

40 Creative Design Layouts: Getting Out Of The Box

Over the last months we have seen a strong trend towards more individual web designs. These designs often use realistic motifs from our regular life as visuals. However, apart from visual design elements one can also get creative with the layout of the site – its structure and the way the information is presented and communicated. To provide you with some ideas of how exactly it can be done, we have collected examples of creative design layouts.

Showcase of Unusual Layouts - Oh, Snap @ Jason Santa Maria

In the showcase below we present 40 creative out-of-the-box layouts that break the boring 2- and 3-columned, boxed layouts. We have collected pure CSS -designs, CSS+JavaScript -layouts as well as Flash -designs. Most designs presented below risk their site structure and content presentation with unusual approaches. That's what makes them different. Hopefully you will find some creative ideas that you can develop further in your future projects.

We strongly encourage designers to break out of the usual boxed layout conventions, experiment with new approaches and risk crazy ideas. Show what you are capable of!

Read more...

10 Futuristic User Interfaces

Good user interfaces are crucial for good user experience. It doesn't matter how good a technology is — if we, designers, don't manage to make user interface as intuitive and attractive as possible, the technology will hardly reach a breakthrough. To gain the interest in a new product or technology, users need to understand its advantages or find themselves impressed or involved. [Content Care Nov/13/2016]

And here is where creative ideas and unusual interface approaches become important. Innovative doesn't mean usable and usable hardly means innovative. As usual, it's necessary to find an optimal trade-off. And some user interfaces manage to achieve just that.

Screenshot

Below we present 10 recent developments in the field of user experience design. Most techniques may seem very futuristic, but some of them are already reality. And in fact, they are extremely impressive. Keep in mind: they can become ubiquitous in the next years.

Read more...

5 Useful Coding Solutions For Designers and Developers

Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy with our own projects, we sometimes try to grasp the intuition behind (probably) complex and cluttered code of other designers to understand how they manage to implement particular design ideas. In fact, by just observing the code of other developers we can learn a lot from them; we can find interesting ideas and improve the quality of our work. [Content Care Oct/17/2016]

Kobe

As you know, we, at Smashing Magazine, are quite curious folks. We are truly interested in unusual design approaches and creative solutions. Therefore we are regularly looking for them and once we found them, we analyze them, try to understand them and try to figure out both advantages and disadvantages of the technique we have found. And in this post we want to share some of them with you.

We would like to start with 5 advanced and elegant design approaches and ask you if you are interested in this series and would like to have more similar articles. Please let us know what you think in the comments to this post. Now let's dive in. You should probably have some CSS-knowledge already before starting reading this article.

Read more...

Pop Art Is Alive: Classics and Modern Artworks

As a visual art movement that emerged in the mid 1950s, pop art aims to emphasize the nature of things popular in our daily routine. In pop art, most artists use mechanical means of rendering techniques that downplay the expressive hand of the artist. Being an art movement, it has some expressive attributes other styles do not possess. [Content Care Oct/17/2016]

In pop art, a vivid manifestation of pop culture reflects in vibrant colors and busy, sometimes hardly recognizable artistic approaches. Street culture, trash, collage, comic books, grunge, graffiti and photo montage are typical design elements that were widely used by designers and artists a few decades ago. And since grunge found its way back and became popular again, it makes perfect sense to analyze the design elements of pop art which are similar to this artistic style.

Pop Art Showcase

This post presents 75 outstanding examples of classic and modern pop art. Hopefully, everybody will find some inspiration for future works or at least smile when scanning the images presented below. Please notice: pop art can be quite vibrant and not necessarily pretty — in fact, some examples show that it doesn’t have to be pretty at all.

Please take a look at the following similar and related posts:

Read more...

Let There Be Light: Light Paintings and Sculptures

Although light is considered to be rather a practical than an artistic tool, it has some properties which designers can effectively explore in their works. Indeed, light can also be considered as a medium for more powerful and more vivid artistic expression. In fact, many artists and crews make use of it creating quite impressive works of art.

Lightning Photography - Working Late

In this episode of our Monday Inspiration series we present 50 beautiful examples of light art — paintings, sculptures, drawings and graffitts which were created using light. At the bottom of this post you will find references to related Flickr pools which contain thousands of further examples of what can be achieved out of creative experiments with light. [Content Care Oct/17/2016]

Read more...

↑ Back to top