CategoryTechniques

July 1, 2009 — When people talk about image optimization, they consider only the limited parameters offered by popular image editors, like the “Quality” slider, the number of colors in the palette, dithering and so on. Also, a few utilities, such as OptiPNG and jpegtran, manage to squeeze extra bytes out of image files. All of these are pretty well-known tools that provide Web developers and designers with straightforward techniques of image optimization. Read more…

June 24, 2009 — A module tab is a design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (or in some instances hovering over) the content’s corresponding tab control. Read more…

June 15, 2009 — Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it’s clear that we are a thousand miles away from that era. It is quite remarkable how much Web development has evolved over the years, in a way we would never have imagined then. Read more…

May 19, 2009 — The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout is the basis of a website, and should always come before styling concerns. Without a good layout, the website doesn’t seem to flow correctly, and nothing connects the way it should. Read more…

May 12, 2009 — There was a time when a website was enough. Now, your website needs to be just one small part of your overall Web strategy. Expecting users to come to you is naive. Instead, take your content to them. Read more…

April 28, 2009 — CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. Of course, CSS sprites are not always necessary, but in some situation they can bring significant advantages and improvements – particularly if you want to reduce your server load. Read more…

April 22, 2009 — Useful photography techniques and tutorials to help you capture moments vividly — for your design, interfaces or your artwork. Read more…

April 10, 2009 — Have you ever fainted from the sheer idea of having to find and replace text in millions of files? Have you ever felt helpless because you needed to search and replace different data 50 times at once? Have you ever lost original files while doing normal text processing tasks? If you’ve found yourself in any of these situations, then it is time to feel a bit tougher, at least mentally. Read more…

April 3, 2009 — GIMP is the favorite graphics editing program of many designers and graphic artists. It is free and compatible with Windows, Mac and Linux (the two big reasons for its popularity). It has a wide array of features, as well as plug-ins, filters and brushes. Documentation is primarily available in online communities, as well as through extensive add-ons. [Updated May/02/2017] Read more…

April 2, 2009 — Complex design techniques are often time-consuming and, well, complex. Some of these advanced effects can add plenty of depth to designs, but when used in the wrong place, they do little more than distract viewers from the project’s intended focus. These effects may be precisely what a design needs to have the impact it requires, but even in these cases, they should be complemented by simpler effects. Simple effects and techniques are the building blocks of today’s designs. For example, what good is a stellar lighting technique if you can’t decide which colors to use or which text-based effects to use in conjunction with the effect? With a “less is more” mentality, we’ve selected 10 very simple and impressive design techniques that can drastically improve the performance and appearance of your designs. For more techniques, you may want to look at our previous articles: * 12 Useful Techniques For Good User Interface Design * Grid-Based Design: Six Creative Column Techniques Read more…