Web Design

Mobile navigation design and tutorial

One of the common challenges when designing responsive design for mobile is the navigation menu. If the site has many sections or pages, it gets challenging to squeeze all the items into a small mobile resolution. The navigation most likely ends up running into multiple lines or the buttons stacking on top each other.

Principles of clean Web design

Minimalism has always been one of the things I admired most whether it’s about interior design, people, fashion or web design. When you are looking for information let’s say on the Internet, you might get really annoyed because of the flow of commercials or different colorful and intricate designer stuff that get in your way while browsing a website in order to find what’s most important – content. “Less is more” – that’s what should be on a web designer’s mind when inventing something new to post on the Internet.

Subtle texture use in Web design

Line25:

Textures are used in web design to avoid the cold/fake/digital appearance of flat solid colours, to instead add an element of realism and that sense of something real.

I’m a fan of subtle textures. Some people take it too far for my tastes though.

Shit-ass Websites

Last night John Gruber pointed out how bad The Next Web was to load in a Web browser. Here’s what Gruber found using Safari’s inspector on The Next Web: I measured a few of their articles using Safari’s web inspector, … Continued

Turning off blog comments

Matt Gemmell on the decision to turn off comments on his blog:

It’s been a very difficult decision (I love reading comments on my articles, and they’re almost unfailingly insightful and valuable), but I’ve finally switched comments off. Since I used the excellent Disqus service, the easiest way was simply to disable it globally, which also removes (but doesn’t delete – I still have them) comments on all previous posts too.

I must admit, I’ve considered this approach too, but decided to leave them on.

∞ Web site usability and user experience testing tools

Usability and user experience testing is vital to creating a successful website, and only more so if it’s an e-commerce website, a complex app or another website for which there’s a definite ROI. And running your own user tests to find out how users are interacting with your website and where problems might arise is completely possible.

Great list of tools. I didn’t know about most of the services and tools on the list.

∞ Conversation techniques for designers

Smashing Magazine: Due to the growing popularity of iterative product development, the spoken word has become an integral part of the design process. The shift in focus from documentation to collaboration has put greater emphasis on communication. Now more than … Continued

∞ How much does a Web site design cost?

Folyo: If there’s one thing nobody seems to want to talk about, it’s pricing. Most designers don’t publish their rates, and good luck getting a company to tell you how much they paid for their site. The results of this … Continued

∞ iOS icons made entirely in CSS

The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv’s tools and Border Radius. … Continued

∞ Web designs with sexy serif typography

Line25: One of the things we all admire as designers is typography. Some love the clean and crisp lines of sans-serif typefaces while others are passionate about the sophisticated and stylish curves of serif fonts. This showcase rounds up a … Continued