Thursday, February 21, 2013

Magazine design principles applied to web design

A lot of principles of magazine design and layout are easily transferred to the world of web design. Some of these are pretty obvious, while you may have overlooked others. But really, it’s all about good design transcending medium. By Web Designer Depot

20 typographic websites



Typography matters, whether it’s used to make reading easy, or whether it’s used to add some decoration. It’s becoming easier and easier, with better technologies, for designers to utilize great typography in their website designs. By Web Designer Depot

How to speed up your website load times

Do you want your website to load blazing fast? This article will teach you how to make your website load faster than you ever thought possible. By Web Designer Depot

The S.M.A.R.T. User Experience Strategy

Product detail page wireframe.

Tips on how to be S.M.A.R.T. when redesigning a website. By Smashing Magazine

What Is Responsive Web Design and What You Should Know About It [Infographic]

The key benefit of a responsive web design over a non-responsive web design is that it can be viewed anywhere, on any device with an internet connection (a laptop, tablet, mobile phone, etc). Thus, if you build a website you’d better make it responsive so it can easily adapt to different screen sizes and therefore be accessible to a wider audience. By Crazy Leaf Design

Understanding Minimalist Website Design

An example of minimalist website design

When setting out to create a new website, you have to consider the design style that makes the most sense. Is it for a small business, a band, a non-profit, a special event or something else? Who do you expect to visit your website, and what appeals to them? By Crazy Leaf Design

8 Things to Focus Upon to Create User Friendly Website Navigation

Website Navigation

Most of the internet users are losing their patience when they surf in certain websites which offer difficulty of producing relevant information. This is the main problem for most website designer who failed to acquire sufficient traffic. By Crazy Leaf Design

8 Valuable Practices for Your Mobile E- Commerce Website

New technologies have been introduced for the comfort of online users. This advancement in mobile websites has raised many new challenges also. By Crazy Leaf Design

Create 3D clouds in CSS

3D Clouds

This tutorial will show you how to use 3D transforms in CSS to create sprite-based realistic 3D clouds. By Crazy Leaf Design

Sunday, February 17, 2013

Stop designing for screen width, design for content

When choosing your breakpoints, you should always be making your decisions based on where the content breaks and not to device screen widths. Instead of creating a design and then modifying it to fit the iPad screen comfortably, you should find out at what width your content starts to struggle. By Webdesigner Depot

Lessons We Learned from our biggest UX and design mistakes



Tips on utilizing smart design when building your website.  By Six Revisions

Designing an Open-Source iPhone game

Hello Bridges level

This article is the first in a series that will walk through iOS programming using this game as an example. By Smashing Magazine

Why Responsive web design has to win out

Quartz's menu is hidden and hinted at on small screens.

When considering a mobile Web strategy and weighing responsive Web design against a separate mobile website, the most important metric is how functional the website is for the user. By Smashing Magazine

iOS Prototyping With Adobe Fireworks And TAP (Part 3)

TAP Build Panel

Final series of iOS prototyping with Adobe Fireworks and TAP. By Smashing Magazine

iOS Prototyping With TAP And Adobe Fireworks (Part 2)

iPad Rotation - TAP supports both landscape and portrait orientations

Part 2 of iOS prototyping with TAP and Adobe Fireworks. By Smashing Magazine

iOS Prototyping With TAP And Adobe Fireworks (Part 1)

Cooper: four stages of solution evolution

One of the strengths of Adobe Fireworks lies in its ability to produce basic-level prototypes in HTML format for the purpose of sharing concepts, evaluating them and conducting usability tests. By Smashing Magazine

Your website has two faces

When a user interface—intended for human consumption—reflects too much of a system’s internals in its design and language, it’s likely to confuse the people who use it. By A List Apart

Tuesday, February 12, 2013

What to expect from a content strategy process

Content strategy is the most important part of your project. It is where you plan what to put into the website, trade publication, brochure, catalog, fifty foot outdoor advertisement, or whatever. By Bio Agency

Monday, February 11, 2013

Responsive Web Design vs Adaptive Web Design

Responsive

So, ‘adaptive web design’ and ‘responsive web design’ are the latest buzzwords of social media industry. But many of us are still wondering what the real deal is about and what does it all mean? By Graphic Design Blog

Sunday, February 03, 2013

The Six Inch Gap

Screen Size Continuum

Until recently, modern smartphones stopped short of six inch screens and small tablets began with seven inch screens. This left an odd gap at six inches in today's screen size continuum. Not anymore...By LukeW