Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

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

Powerful CSS-Techniques For Effective Coding

Sometimes being a web-developer is just damn hard. Particularly coding is often responsible for slowing down our workflow, reducing the quality of our work and sleepless nights with pizza and coffee laying around the laptop. Reason: with a number of incompatibility issues and quite creative rendering engines it sometimes takes too much time to find a workaround for some problem without addressing browsers with quirky hacks. And that's where ready-to-use solutions developed by other designers come in handy. [Content Care Nov/03/2016]

One year ago we've published the post with 53 CSS-Techniques You Couldn't Live Without where we provided references to the most useful CSS-techniques which are often used in almost every project. Over the last year we've been observing what's happening with the CSS-based web-development, and we collected most useful CSS-techniques we've stumbled upon — for us and for our readers.

CSS-Technique

In this post we present 50 new CSS-techniques, ideas and ready-to-use solutions for effective coding. You definitely know some of them, but definitely not all of them. Some technique is missing? Let us know in the comments to this post.

Read more...

25 Mind-Blowing Gadgets

Few weeks ago we've presented a number of innovative gadgets, devices, designs and concepts. Unless explicitly specified, none of them has been officially released or produced yet, and none of them is currently available for end-users. But what about existing products? What about innovative designs which are already available in stores and can be bought straight away? [Content Care Nov/03/2016]

As part of our monday inspiration series we present 25 mind-blowing gadgets and devices which are already available today. Among them you'll find loudspeakers, turntables, TV sets, furniture, laptop sleeves and further accessories. Please notice: most of them aren't cheap at all, and many of them cost over $10,000.

Read more...

Award-Winning Newspaper Designs

Print and Web are different. Traditional layout techniques from print, particularly an advanced formatting, aren't applicable to the Web as CSS doesn't offer sophisticated instruments to design such layouts (e.g. text floating around an embedded image; some "floating" techniques provide such results, however they produce bloated source code just as well).

At the same time the flexibility of the Web is hardly applicable to print as there is no way to customize a traditional periodical for reader's convenience. Apart from that, online-reading is very different from offline-reading: in the latter both leading and the line length are usually much shorter. [Content Care Nov/09/2016]

However, there are a number of fundamental principles which are often being used in both media. Over the last years newspapers and web-sites started to apply similar principles of data presentation, such as the heavy use of white space and grid-based design. The results can sometimes be very similar, but often they have almost nothing at common.

Excellent Newspaper Designs

This issue of monday inspiration series is supposed to provide you with some examples of outstanding newspaper designs which have been rewarded with prestigious awards (see references at the bottom of this post), and demonstrate unusual approaches of newspaper design.

Read more...

15 Stunning Cutting-Edge Gadgets and Technologies

We live in a spectacular time. The pace of technology steadily increases, new fields of science are heavily explored and innovative concepts emerge almost every day, resulting in stunning and overwhelming products. The impact of these products can be tremendous: in fact, new technology can completely revolutionize the way we play, communicate, work and live our lives. Some of these products are just eye-candy, some are useful, some are visionary and some may become revolutionary in the next years. [Content Care Nov/07/2016]

Underwater Magic Show

In this post we present 15 stunning examples of cutting edge technology which is already reality today or will become reality in 2008. Please notice that some videos might not provide you with a concrete idea of what the technology offers, e.g. it's impossible to display the advantages of 3D-TV using videos produced by a 2D-video-camera.

You might want to take a look at the articles

You have more examples? Comment on this article!

Read more...

10 Principles Of Effective Web Design

Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has established as a standard approach for successful and profit-oriented web design. After all, if users can't use a feature, it might as well not exist. [Content Care Oct/18/2016]

10 Principles Of Effective Web Design

We aren't going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information.

Read more...

29 Brilliant Music Videos

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. While many of them are well-known, you'll probably find some videos you've never watched before. The videos all perfectly to the music which is being played in the background. Hopefully, everyone will find something new and inspiring for himself/herself. Please notice that you might need to watch some videos at least twice to get the idea behind them. [Content Care Nov/09/2016]

Music Video Screenshot

You might want to read the descriptions of the videos — they are provided below every link. The screenshots often don't reveal that much about the videos they stand for.

Read more...

Data Visualization and Infographics

The main goal of data visualization is its ability to visualize data, communicating information clearly and effectivelty. It doesn't mean that data visualization needs to look boring to be functional or extremely sophisticated to look beautiful. To convey ideas effectively, both aesthetic form and functionality need to go hand in hand, providing insights into a rather sparse and complex data set by communicating its key-aspects in a more intuitive way. Yet designers often tend to discard the balance between design and function, creating gorgeous data visualizations which fail to serve its main purpose — communicate information. [Content Care Nov/03/2016]

In both print and web design infographics — visual representations of information, data or knowledge — are often used to support information, strengthen it and present it within a provoking and sensitive context, depending on designer's creativity.

Infographics Screenshot

This article presents some spectacular data visualizations and infographics which manage to combine a strong visual appeal with the effective presentation of information.

Read more...

Innovative Designs and Devices

Steve Jobs stated once that the “design is not just what it looks like and feels like. Design is how it works.” While this statement has proven to be crucial over thousands of years, one shouldn't misinterpret it by emphasizing the functionality despite the design. When it comes to product design, the significance of aesthetics of a given device, the way its design looks and feels, determines the choice of the customer once the functionalities of multiple devices are more or less similar. If supported by sound user interface and a well-tested, clean implementation, innovative design solutions can drastically enhance the user experience. [Content Care Nov/03/2016]

Maximus Keyboard

Maximus Keyboard

This article presents innovative, futuristic gadgets, devices, designs and concepts. Unless explicitly specified, none of these cut-edge concepts is currently being manufactured. None of them is available for end-users which is why neither the price nor links to the stores are mentioned.

Read more...

Creative Workplaces

Your workplace and the atmosphere surrounding you determine the way you work and explore your imagination. The more inspirational your workplace is, the easier it is to break the creativity block and discover new ideas. And apparently there is a number of things you can do to improve your personal workflow.

As a part of our Monday Inspiration series we present a dozen of creative and unusual workplaces; in the end of the post you'll also find references to related resources, among them office design galleries and Flickr pools. They can serve as an inspiration once you've decided to spice up your work environment.

You can also click on the images — they lead to the sites from which the screenshots have been taken.

Read more...

↑ Back to top