Back to Top
The nuts and bolts for
Creative web development

Perfectly Paired: Using Symmetry in Web Design

Symmetrical design relies on principles of balance, rhythm, proportion and unity to create a style with mirroring sides. Symmetry happens when the composition of design is distributed evenly around a central point or axis. This symmetry can be horizontal, vertical or radial in form. But symmetrical design is not always identical design. Objects can have approximate symmetry as well. This is more prevalent than you might think and can be a great design tool. Here Carrie Cousins looks at different types of symmetry and how they can be used effectively.

September 5, 2012 Author: Ivo Rangelov Rating: Not enough votes

Creative Background Styles and Trends in Web Design

It is sometimes the least noticed part of your website design. Other times it can be attention-grabbing. Mostly, though, the background sets the tone and provides context for the information on your site. Backgrounds can come from a lot of things and are wide-ranging in scope. You can use images, patterns, solid colors or some combination of them all. Carrie Cousins is going to look at different types of backgrounds that are used well and explore why they work.

August 22, 2012 Author: Ivo Rangelov Rating: Not enough votes

Towards A Retina Web

With the recent announcement and release of the Retina Macbook Pro, Apple has brought double-density screens to all of the product categories in its current lineup, significantly paving the way for the next wave of display standards. While the fourth-generation iPhone gave Reda Lemeden a taste of the “non-Retina” Web in 2010, he had to wait for the third-generation iPad to fully realize how fuzzy and outdated Web graphics and content images are. In the absence of industry-wide standards to streamline the process, each Web designer and developer is left to ensure that their users are getting the best experience, regardless of the display they are using.

August 21, 2012 Author: Ivo Rangelov Rating: Not enough votes

Creating A Lasting Impression

Carolyn Knight and Jessica Glaser can agree that the work they do should inform, should be appropriate to the client and their audience and should, of course, look good. But there’s a fourth attribute worth aiming for: creating a lasting impression. Visual memory is fascinating — they often use it without realizing. If, for example, you ask someone how many rooms they have in their home, before answering, most will walk through each room in their mind’s eye (possibly even with their eyes closed to aid concentration), adding up as they go. If graphic designers can tap into the benefits of this phenomenon, providing visual triggers to keep the subject matter of their work fresh in the audience’s memories, they will surely enjoy advantages.

August 15, 2012 Author: Ivo Rangelov Rating: Not enough votes

Style Tiles: An Alternative to Full Design

If you’re like Chris Brown, you’ll agree that the initial design phase of a project can be time consuming, fraught with frustration and rarely meets client expectations at the first approval meeting. What if there was a better way to approach things? With Style Tiles, the newest kid on the design-methodology block, there is. Some say that the days of creating full mockups for webdesign projects in Photoshop are dying, if not outright dead.

June 19, 2012 Author: Ivo Rangelov Rating: Not enough votes

Using WP Plugins and PHP Scripts

Creating a restaurant website can be very challenging for a developer because there is not a single product to sell or show and they have to promote the real feeling of the restaurant’s environment as well. Also, the responsiveness and flexibility of restaurant websites have become the most distinguishing factor in getting reservations, as customers tend to book only if the process hassle-free. Read on and discover the convenience WordPress plugins and PHP scripts can provide you in developing a professional-looking restaurant site.

June 5, 2012 Author: Ivo Rangelov Rating: Not enough votes

Refining Your Design in Adobe Fireworks

While certainly not as well known as Photoshop, Adobe Fireworks is a great tool for creating user interfaces, website designs and mock-ups, wireframes, icons and much more. However, most designers who have been using Photoshop for years may find Fireworks a bit awkward at first. Fireworks does have a slightly different workflow and requires a slightly different approach than you may be used to.


May 15, 2012 Author: Lubov Cholakova Rating: Not enough votes

Type Effects in Web Design: It’s All About Moderation

Some type effects are so common that you may not even notice them in design. Bolding and italics, for example, have dedicated keyboard shortcuts in most all editing software. Many font families also include many variations of the same typeface with multiple widths and slant options. So what do you choose? Where do you draw the line when it comes to good versus poor typography? Simply, keep it simple. Limit yourself to two or three typefaces on your site. Then limit yourself some more and try to avoid using more than three additional type variances. The toughest decision you will be left with is which effect(s) to use.

May 9, 2012 Author: Ivo Rangelov Rating: Not enough votes

15 Fabulous Responsive Sites for your Inspiration

A few months ago Antony and Jerome Ribot decided to rename the "Mobile" section in the mag's showcase gallery as "Responsive". Whether you agree with Jakob Nielsen and Josh Clark, or you are somewhere in the middle, Responsive Web Design is an important concept and more and more businesses are taking the leap. It's a development that's not going to go away and one that deserves more coverage.

April 27, 2012 Author: Ivo Rangelov Rating: Not enough votes

Custom Animation Banner with jQuery

In today’s tutorial Mary Lou will be creating a custom animation banner with jQuery. The idea is to have different elements in a banner that will animate step-wise in a custom way. She will be using the jQuery Easing Plugin and the jQuery 2D Transform Plugin to create some nifty animations. Just choose your images and lets get started.
April 5, 2012 Author: Ivo Rangelov Rating: Not enough votes