I haven’t been writing a bunch of topics lately about web design but this one caught my eye:
Top Minimalist Website Designs: Trends and Examples » Color, Layout » Design Festival
When you think of minimalism, you may conjure up images of black and white color schemes, overly-??simple layouts, maybe a splash of color here and there. The actual concept in context of web design is about stripping out anything unnecessary. While this can produce boring design, there is a LOT of creative freedom within this framework.
Seems like the principles apply to other areas (read: “app design”) as well. Thanks to SitePoint for the referral, and thanks to Design Festival for the content…
My old theme was just not doing it for me… and I stumbled upon Wu Wei by Jeff Ngan. Thanks, Jeff, for your great design!
Really liked this article, which is a little reality check for web usability. Especially neat was the UX version of “The Golden Rule” at the end of the post.
Giving Users Some Credit | Design Informer:
Creating designs that are intuitive and easy to use is something we should continually strive for if we want our sites and applications to be visited and used by as many people as possible. Ultimately, making those sites easy, as well as enjoyable, to use is a critical part of helping them be successful and it starts by abandoning outdated opinions on what users can, and cannot, understand. It starts by giving our users some credit and realizing that they are not ‘idiots.’
After seeing what Google did with Google Images, I thought, “OK… time to find a cross-browser way of doing drop shadows.” I was expecting to find something that combined CSS, HTML, and possibly some JQuery (which has some plugins for doing drop shadows, but none that really struck me as adequate for my project’s needs).
So then I found a reference to this blog post by Robert Nyman:
Drop shadow with CSS for all web browsers – Robert’s talk
…which includes a very simple CSS rule that seems to work in the following browsers:
- Firefox 3.5+
- Safari 3+
- Google Chrome
- Opera 10.50
- Internet Explorer 5.5+
…and here’s a quick look at the final product (with some extra commentary from yours truly…):
/* firefox, mozilla, et al. */
-moz-box-shadow: 3px 3px 4px #000;
/* webkit: safari, chrome */
-webkit-box-shadow: 3px 3px 4px #000;
/* css3 */
box-shadow: 3px 3px 4px #000;
/* For IE 8 (concatenate on one line) */
Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 (concatenate on one line) */
Strength=4, Direction=135, Color='#000000');
I’m thinking that with some tweaking of the colors I can get what I’m really after, and this should integrate nicely with some relatively simple JQuery scripting as well.
We shall see… if it doesn’t work out I’ll post a follow-up.
Occam’s Razor: A Great Principle for Designers | Webdesigner Depot:
Lex parsimoniae is the Latin expression of what is known in English as Occam’s Razor, a philosophical rule of thumb that has guided some of the world’s best and brightest minds (including Isaac Newton). It is named after the 14th-century logician and theologian William of Ockham. But what the heck does Occam’s Razor have to do with web design? I’m glad you asked. To put it plainly, Occam’s Razor states that the simplest explanation is usually true. For our purposes, to use Occam’s Razor is to do something in the simplest manner possible because simpler is usually better. In this article, we’ll show you how to use Occam’s Razor to create better websites and to enhance the user experience, both for yourself and your clients.
While specifically written for Logo Design, I thought the suggestions contained in this article were applicable to most other design disciplines like web or user interface design…
Tips for Overcoming Logo Design Creative Block:
This phase can be very frustrating for any creative person. If you don’t recover within a few days, a creative block can destroy your self-confidence. The fear that you will never again be able to produce good work drives you to desperation. You try harder and harder and end up exhausting your mental faculties. This makes the situation worse. Therefore, it is very important to deal with this delicate phase of creative block with a lot of patience and care. Only you can get yourself out of it. Designers all over the world face this problem and don’t know what to do. There is actually no reason to panic. Let’s look at a few ways by which you can get rid of your creative block.
30+ Handy Blank Templates for Designers | Creative Repository:
Sometimes you have a nice concept for a design in your mind, but you don’t know where to start; or sometimes you are just not aware of the right size for the design to implement. That’s where templates come handy. I have collected some very useful templates with proper guidelines, sizes and resolutions for design projects like business cards, letterheads, vinyl designs, brochures etc. I believe that these will prove to be a great time-saver for many of you guys. Most of these are in PSD or AI format, and are easily editable. Hope you find them useful.
Apple ~Technical Note TN2262: Preparing Your Web Content for iPad:
Safari on iPad is capable of delivering a “desktop” web experience. iPad has a large, 9.7″ screen and fast network connectivity, and Safari on iPad uses the same WebKit layout engine as Safari on Mac OS X and Windows. You can ensure that your website looks and works great on iPad, and even create new touch-enabled web experiences for your customers, by considering a few specific differences between iPad and other platforms.
If you have access to an iPad, test your website using the iPad. If not, you can test your website in Safari on iPad using the iPhone Simulator (Hardware -> Device -> iPad). iPad is available in the iPhone Simulator in iPhone OS 3.2 SDK beta 2 and later, which is available to iPhone Developer Program members. In cases where it is possible to simulate iPad-like behavior in Safari on a desktop computer, instructions are given below.
Great Adobe AIR-based tools for web design and development!
15+ Free Abobe Air Applications for Designers and Developers | Admix Web: