Over the last couple of years, mobile devices have managed to gain mainstream popularity. With iPhone, making mobile Web applications finally usable by broad masses, web design can now be applied to mobile applications as well. In this post we are focusing on designs that are specifically optimized for mobile devices, in particular iPhone.
Though iPhone’s Safari browser is able to render any website just like you would see it on a desktop browser, the available screen area is much smaller than in common “classic” displays. This poses a new challenge for designers and developers who now can reach millions of users that use mobile Web. Websites that are specifically optimized for the iPhone utilize the screen to the fullest extent, and use less bandwidth (which is necessary, because the connectivity is not always optimal).
The iPhone browsing experience is quite different than the regular browsing experience. The buttons and hyperlinks have to be bigger because our fingers are not as sharp as the mouse pointer. Optimizing a website for iPhone is not rocket science. It’s the same HTML, CSS and JavaScript that you already know. The only major difference is the screen size.
In the showcase below we present some of the interesting, interactive and beautiful designs that are optimized for the iPhone. You will also learn about some handy iPhone development tools and resources that will help you optimize your website for the iPhone.
Also consider our previous articles:
* How to Create Your First iPhone Application
* iPhone Apps Design Mistakes: Over-Blown Visuals
* 100 (Really) Beautiful iPhone Wallpapers Beautiful iPhone Wallpapers”)
[](https://www.smashingmagazine.com/2009/01/06/100-really-beautiful-iphone-wallpapers/ “100 (Really) Beautiful iPhone Wallpapers”)
Read more…
Portfolio websites are critical for designers who want to get exposure for their work and attract new clients. While all portfolio sites will showcase the work of the designer, some have chosen to provide additional information about the project through case studies.
Read more…
The time has come for the first showcase of music night club websites here on Smashing Magazine. We’ve scanned the Web up and down to find the most original and interesting online club identities. As usual, we have Flash websites and CSS eye candy. Please notice that the aim of the post was to showcase current web designs of music night clubs, so the gallery doesn’t necessarily showcase most usable or most beautiful night club web designs out there.
As we observed in the early Showcase of Fresh and Well-Designed Online Shops, the most obvious trend is the use of big bold pictures, either as backgrounds, headers or just side graphic elements thrown in the design mix. Most of them start playing music automatically (which is extremely annoying from the usability point of view), but in this case it’s not weird or off-putting because they are music club websites after all.
Another trend is the use of bright, vivid colors and intense color schemes, borrowed from the clubs themselves. Also, Flash clearly dominates in such web-sites, presenting some very unconventional navigation menus and very distinctive layouts that aren’t intuitive at all at the first glance.
Read more…
The horizontal navigation menu has become a mainstay in Web design. It is safe to say that nowadays most websites use some form of horizontal navigation to facilitate content browsing. The dominance of horizontal navigation over vertical (i.e. down a sidebar) is obviously due to the design and content limitations of the latter.
Read more…
In this article we’ll take a look at designing websites from a quite different perspective. We’ll discuss some pearls of samurai wisdom from the book “Hagakure” by Yamamoto Tsunetomo and we’ll learn to apply them to our Web-based, computer-bound Western life to become true samurai designers. We’ll also get to know impressive examples of artworks that exhibit the samurai approach.
Read more…
E-Commerce websites are often thought of as typically being unattractive or poorly designed. In this post we will feature 35 appealing designs of online shops. Those featured in this post include examples from a variety of different industries and showcase several different styles of design.
Read more…
Looking at websites from major industries that involve various forms of media can be interesting practice. In the past we have showcased websites from movies and from musicians on the Billboard charts, and today we’ll feature the websites of more than 50 TV shows.
Read more…
Styles in design are described and classified in many ways. Sometimes they are given a moniker, like “Web 2.0,” other times they are referred to by their appearance: grungy, minimalist, retro, big type. The people (and brands) to which modern design styles are attributed are as numerous as the styles themselves. Many designers look to a brand such as Apple as an example of great modern design because a designer’s sensibility is infused into everything it does.
Read more…
Even if you’re an experienced Web developer, your next project doesn’t have to be a website. Sometimes doing something outside of the usual Web developer’s box is more fun and can even be educational. We’ll try here to give you some inspiration on what to do on your next rainy day.
You can learn a lot by doing something other than building or designing a website. And if you stick with techniques that you can learn in a couple hours, you won’t burden yourself either.
As a Web developer, you have to constantly summon creativity and empathize with users. If you have a natural flare for design and usability, that’s great. But our work can sometimes become inflexible and boring. We can lose our enthusiasm to try new things. To avoid this trap, we can strive to gain new insight by putting our common tools aside and exploring projects beyond the Web developer’s usual environment.
Read more…
The most interesting thing we like about art is that it is independent of any medium; an artist can express himself without any limitations or restrictions by creating a wonderful and creative piece of art. A creative artist can come up with an inspirational and motivational thought and put that in their artwork in such a way that it becomes a masterpiece that dazzles our mind.
In this post we present some amazing examples of Code Generated, Algorithmic Abstract Artworks and CG Artworks. There are some really interesting platforms and libraries; by using them, artists can create unusual artworks. Most popular among these libraries are Flash Scripting, Generator.x, Processing (Java Based), openFrameworks (C Based) and for creating CG Art, artists are often using 3D Max, Maya, Zbrush, V Ray, Photoshop etc.
Hopefully, you’ll love them and will find them creative or inspirational. Please explore the further works of the artists linked below and also feel free to suggest other artworks in the comments to this post.
Read more…
