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.
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.
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.
Thanks to all developers who contributed to the CSS-based design over the last year. The community appreciates it. Read more...
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?
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.
You might want to take a look at
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.
This month we are glad to present you Goudy Bookletter 1911, Advent Pro, Ambrosia, Andale Mono, Telegrafico, Fonce Sans Regular and the Luxi Font Family. Please read the license agreements carefully - they can change from time to time.
- You can find over 70 more free fonts in our section Free Fonts.
Desktop wallpapers always come in handy. The more inspirational, beautiful and elegant they are, the better they can challenge our imagination and provide some fresh perspective in a rather tedious and monotonous workflow. However, desktop wallpapers sometimes can go far beyond offering colorful eye-candy; sometimes desktop wallpapers include calendars, funny cartoons and logos of favourite tools, services and companies. The latter is particularly true for Apple-fans and Microsoft-haters as well as for Google, Twitter and Firefox-users.
In this post we present stunning desktop wallpapers related to typography, art, technology, photography and abstract themes. Among other things we review calendar wallpapers, minimalistic wallpapers, wallpapers-illustrations and themes for Apple, Microsoft, Twitter and Google-fans. Each of the links leads to huge wallpapers archives where you can find even more excellent wallpapers. All screenshots are clickable and lead to the pages where they can be downloaded.
Please notice that you might want to take a look at the posts
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.
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.
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.
Please notice that
- you might want to take a look at the article Data Visualization and Infographics we've presented previously,
- all images are clickable and lead to the sources from which they've been taken.
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.
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...
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.
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.
Please notice that
In order to use the principles properly we first need to understand how users interact with web-sites, how they think and what are the basic patterns of users' behavior. Read more...