We all know intuitively what makes a website look bad: overused bevel effects, corny clip art, overcrowded layouts. These annoyances are easily corrected by developing with design fundamentals in mind—the same principles used by professional designers and artists alike. Great websites bring together form and function. In fact, well-designed websites are seen as more credible,
In this tutorial we’ll look at the techniques needed to make a navigation menu that is hidden off screen until the user clicks on a menu icon, at which point the content slides over and darkens, and the menu slides in. The menu will also be responsive vertically, filling the height of the browser window on whatever size screen it’s being looked at in. To achieve this we will
Bookstores are closing, newspapers are folding and magazines are rushing to publish online. The stock of print media seems to be falling, but two Japanese designers are challenging that process with a newly released collection. Masahiko Sato and Tatsuya Saito’s exhibit, “Putting Finger,” examines how viewers needn’t be passive bystanders where print
The latest, highly anticipated version of Sketch by Bohemian Coding, has just been released. It’s an application that has promised much in the past, with many designers embracing it wholeheartedly. However, the previous two versions felt too immature for professional-grade work; the question is, has version 3 addressed those concerns, and is Sketch ready to be used as
Designmodo have just released their latest product, Startup Framework, designed to build sites for new startups and 9 months in the making, it’s built on a modular component basis, enabling you to rapidly combine its parts into hundreds of different combinations. Based on Twitter Bootstrap, the Startup Framework’s components use a single consistent style, and
The April edition of what’s new for web designers and developers includes new web apps, Photoshop extensions, game frameworks, educational resources, mobile frameworks, jQuery plugins, and some really great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there. As always, if we’ve missed
Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers. The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week. Note that this is only a very small selection of the links
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today. So for a few moments, take a
Working in Photoshop is no longer an option. The bloated behemoth just doesn’t provide a suitable interface for designing websites, especially not responsive websites. Designing in the browser is ideal, but it does require fluency in HTML and CSS to get anything done. Across the industry designers are crying out for a modern way of designing sites, and we think we’ve
Everyone loves saving money, especially the US government. But could it really be as simple as switching fonts? Last week the media was awash with the story of 14-year-old student Suvir Mirchandani, who claimed that if the United States Government switched from using Times New Roman to Garamond on printed documents, it could save as much as $400 million. The Pennsylvania student
Information Architecture (IA) is not just a buzz word. Information Architecture is the art of structuring information to offer better usability in a digital landscape. It is often used in companies developing complex information systems, but lately its use in web design has been made popular as well. It is actually an important factor of a successful website and if you’re
Craig Rozynski may have taken on the mother of all type design challenges with his creation Comic Neue; a revival of the world’s most hated typeface. His first type design project, Rozynski’s Comic Neue loses the pretence of unevenness that the original Comic Sans employed. But Rosynski has succeeded at keeping Comic Neue friendly and approachable.
Would this option even work on older browsers? Just curious.