Notes on a web journey

posted on: 31 May 2011

Meaningful typography

filed under: @ 12:32:43

A modular scale is a sequence of numbers that relate to one another in a meaningful way. Learn how to apply modular scales to bring resonance to your designs.

More Meaningful Typography


posted on: 01 June 2010

CSS3 Opera logo

filed under: @ 14:00:03

CSS3 Opera logo

The Opera logo rendered only with CSS, no images. Very interesting.

Opera logo


posted on: 16 April 2010


filed under: @ 19:08:33

Using contrast effectively not only differentiates our site's design from others, it's the essential ingredient that can make our content accessible to every viewer, including the colorblind. By understanding contrast, we can create websites that unabashedly revel in color.

Contrast is King


posted on: 13 April 2010

Designing for the Web

filed under: @ 08:37:08

Mark Boulton's book available to read online for free:

Designing for the Web, Published by Five Simple Steps.A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design. Featuring five sections, each covering a core aspect of graphic design: Getting Started, Research, Typography, Colour, and Layout. Learn solid graphic design theory that you can simply apply to your designs, making the difference from a good design to a great one. If you're a designer, developer, or content producer, reading A Practical Guide to Designing for the Web will enrich your website design and plug the holes in your design knowledge.

Designing for the Web



posted on: 07 September 2009

Logos by Stefan Kanchev

filed under: @ 18:53:03

Stefan Kanchev logos

Kanchev, Stefan Kirov - applied graphic artist, honored with the Bulgarian State title “National artist” in 1971. He was born on 06 August 1915, in Kalofer, Bulgaria. His father was an iconographer. He studied mural painting in the National Art Academy (1940-1945) in the class of prof. Dechko Uzunov. Kanchev worked in all the areas of applied arts. He was an author of numerous covers of books with folklore fairytales, posters, trade marks, postcards, advertisements, forms and envelopes, post stamps, labels, packages and more.

Logos by Stefan Kanchev via Aisle One


posted on: 13 April 2009

Logo identity

filed under: @ 13:24:51


It can be the easiest thing to create a logo for a client but when it comes to assessing what style of identity can best represent yourself or your business, this is a different matter altogether. It is tempting to use your own brand as a showcase of all your best techniques and ideas but this must be balanced with modesty and professionalism to gain the correct tone for your business image.

100 brands of interest 2


posted on: 09 April 2009

Improved typography in web design

filed under: @ 20:12:21

Typographic scale

Many people, designers included, think that typography consists of only selecting a typeface, choosing a font size and whether it should be regular or bold. For most people it ends there. But there is much more to achieving good typography and it's in the details that designers often neglect.

8 Simple Ways to Improve Typography In Your Designs


posted on: 28 March 2009

The elegance of imperfection

filed under: @ 14:02:32

Perfect imperfection

The pursuit of website perfection is always a denial of the perfection that exists within ourselves in the physical world.

The elegance of imperfection


posted on: 20 March 2009

A periodic table of form

filed under: @ 19:48:02

Periodic table of form

The consequences of interacting with the array of sharp spines on a sea urchin or porcupine are pretty obvious to any creature passing by...Form has meaning; it can touch us at such a primal level that our mind is left scrambling to rationalize our emotional reactions.

A periodic table of form


posted on: 21 February 2009

GREENPEACE design awards 2009

filed under: @ 10:14:51

GREENPEACE design awards 2009

Greenpeace is an independent campaigning organisation that uses non-violent direct action to expose global environmental problems and to force solutions which are essential to a green and peaceful future. Greenpeace has utilised various forms of visual communication throughout its history. In recognition of the strong role visual communication has played in Greenpeace actions we have established the Greenpeace Design Awards. The aim is to motivate the global creative community to develop visually striking artwork that encourages the public to support Greenpeace and take action on critical environmental issues.

GREENPEACE design awards 2009


posted on: 11 February 2009


filed under: @ 10:38:42

Airside's logo for Greenpeace's campaign against the third runway at Heathrow :

Airplot - Greenpeace campaign against third Heathrow runway

New York: Greenpeace presents Airplot


posted on: 29 January 2009

The Designer's Review of Books

filed under: @ 20:34:02

Although there are several good design websites that occasionally have book reviews, there didn't seem to be a single place online where you could get constant updates and reviews of new (and sometimes old) design books. Design books are often expensive and contrary - sometimes the book is worth having for the physical production values alone, sometimes for the images, sometimes for the words and, occasionally, for all three. We wanted to cover those elements in our reviews so that you know whether it's worth owning.

The Designer's Review of Books


posted on: 13 January 2009

Typography in graphic design

filed under: @ 10:29:04

A book in PDF format by Massimo Vignelli on understanding typography in graphic design (via AisleOne):

The Vignelli Canon (pdf)


posted on: 10 October 2008

Web development

filed under: @ 08:30:02

On A List Apart:

On Digital Web Magazine :

Concept Design Tools


posted on: 12 September 2008

Letters on the wall

filed under: @ 09:27:45

In Melbourne I developed a way-finding-system for the Eureka Tower Carpark while working for Emery Studio. The distorted letters on the wall can be read perfectly when standing at the right position.

Car park type - up sign

Eureka Tower Carpark


posted on: 05 September 2008

Banknote patterns

filed under: @ 19:19:10

A post on The Ministry of Type:




posted on: 31 August 2008

Web Design by Designers

filed under: @ 09:59:21

On Digital Web Magazine:


posted on: 29 August 2008

History Of Graphic Design

filed under: @ 08:57:02

Outline of lectures in Graphic Design History for students at The University of the Arts in Philadelphia - Fall Semester 2008 :

History Of Graphic Design


posted on: 26 August 2008

Designing posters

filed under: @ 19:12:33


35 Photoshop Tutorials for Designing Your Own Posters


posted on: 15 August 2008

Tiled backgrounds designer

filed under: @ 09:28:21

A nice tool:

Tiled backgrounds designer


posted on: 23 May 2008

Logo design basics

filed under: @ 13:41:22

Logos come in all kinds of shapes and sizes however they typically are one of 5 different classifications. Designing a logo is about much more than an exercise in aesthetic. A logo must be a positive depiction of the product or service it represents. When designing a logo, knowing which type of mark would be the most appropriate for the application will help you achieve a stronger solution.



posted on: 12 May 2008

Border radius

filed under: @ 09:28:02

On The Man in Blue:

Circtangles: A JavaScript art installation

For Firefox and Safari only, round corners with CSS border-radius.


posted on: 09 May 2008

Designing the news

filed under: @ 09:55:12

One week of the Guardian takes the news from one week of the Guardian newspaper and visually represents it as a series of static images.

Guardian news visualization

One week of the Guardian


posted on: 28 April 2008

Type and design on the web

filed under: @ 10:06:33

There are some basic approaches, guidelines and goals to consider when working with type on the Web. Overall, the medium of Web typography involves readability, accessibility, usability, and brandability. On the Web, these aspects function together to accomplish design's goals of communication and user interaction.

5 Principles And Ideas Of Setting Type On The Web

Design is broken up into a number of basic principles that apply to all design from type creation to painting to page layout, both on the web and in print. However, especially on the web, these rules tend to be forgotten and we just go with what feels “right”. This isn't because designers are feeling too loose to abandon these rules, but rather, most people working on the web don't even know they exist - if they do, they don't understand how to use them.

The Elements of Design Applied to the Web


posted on: 16 April 2008

Designing with type characters

filed under: @ 09:44:51

Another post on Authentic Boredom :

Techniques for designing with type characters

A very beautiful way of using characters.


posted on: 01 April 2008

Mobile phone design

filed under: @ 21:18:32

The first step was to create a mobile style sheet. For this I duplicated the CSS file I've already built for large screens, and started stripping out the style that doesn't work so well on a smaller screen. The layout was simplified into a more linear single column, and some elements were re-done to provide a larger target area for a maximum Fitts factor, and background images were dropped wherever possible to cut down on bandwidth demands.


Interesting post on Mezzoblue. Lots to read and to learn, still going through the comments.


posted on: 29 March 2008 make over

filed under: @ 14:06:02

I finally completed the new layout and published it. I made some radical changes in colors and site structure. Everything is reachable from the home page. While before it was possible to read the latest five posts, now only one post is fully readable, the previous four posts are included only as title , category and tags. There is an archive page for all posts, while before the archives were part of the home page. The photos and studies pages are gone (but external links to photos or studies are not broken), now there is a flickr badge for the photos and all the links to the studies also on the home page. The links page is just not there anymore, that was something needed before Delicious came along...

The change in structure has simplified the use of the site, giving access to all the posts, pictures and studies from one place. I also decided on a major color change. During the testing of the new layout I found,as I knew I would, some things that needed to be fixed and others that could be made nicer. I moved the comments link from the bottom of the post to the top and substituted the text with an icon (still courtesy of, for example.

I had some problems with the flickr badge because it comes with a Javascript call incapsulated between <table> and <tr> tags which does not validate since a row (<tr>) is supposed to have cells (<td>) inside. The Javascript does that but it's unreadable by the validator. Apparently, though, if the Javascript call is just inside <div> tags it produces a series of images (<img>) wrapped in anchors (<a>) that link to the photo on flickr, no <td>s. It's then possible to apply CSS to the div and img. It's not the best solution but it validates.

All in all I'm pretty happy with the result, I felt that a change in appearance was long overdue and that, after using the site as it was for more then two years, the structure could be improved.


posted on: 05 March 2008

Design is in the details

filed under: @ 15:24:25

An article on A List Apart:

Stop worrying about how good a designer you are, and start worrying about the myriad tiny details that can elevate your work from passable to near-perfect.

Design is in the Details


posted on: 18 February 2008

Patterns in Interaction Design

filed under: @ 18:36:18

This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this site. So there is really no original design to be found here, sorry. It has all been done before...See it as a reference or basic toolkit you can use when designing user experiences. It is no substitute for creative design, it simply seeks to describe what we know and have learned about solutions you will find abundantly on the web and even beyond.


posted on: 23 December 2007

Typographic contrast and vector polishing

filed under: @ 09:55:02

Two articles on WebDesignerWall:

Typographic Contrast and Flow

Vector Polishing Techniques


posted on: 17 December 2007


filed under: @ 09:27:11

Via Veerle's blog:

Design By Grid on designing grid based websites


posted on: 26 July 2007

Logo design tutorials

filed under: @ 18:50:07

This is E Logo Design's list of best logo design tutorials on the internet:

Top 50 Logo Design Tutorials


posted on: 16 July 2007

Design journal 1965 to 1974

filed under: @ 19:32:43

Design Online is electronic library containing a digitised record of Design journal for the years 1965 to 1974:

DESIGN online


posted on: 14 July 2007

Icon design

filed under: @ 18:56:31

On the beautiful mezzoblue web site an article on icon design:

Icon Design: Anti-Aliasing


posted on: 03 May 2007

Beautiful web design

filed under: @ 09:19:08

On Sitepoint :

The Principles of Beautiful Web Design


posted on: 28 April 2007

Focus on content

filed under: @ 09:21:06

On Digital Web Magazine :

Coding for Content


posted on: 27 April 2007

Convey meaning

filed under: @ 18:18:06

If youíre a designer, you work to communicate and convey meaning. So itís important that you understand the mechanisms by which things and ideas acquire meaning; more than any other factor, your grasp of these fundamentals determines your ability to communicate effectively. Without fundamentals, you will flounder when faced with complex design challenges or constraints.

Contrast and Meaning


posted on: 24 April 2007

Concentration camp design

filed under: @ 09:14:09

If the canard that Adolf Hitler was a superb art director is meant to glorify the art directorial profession, think again. Although historians say he was the art dictator of Germany because he spent an inordinate amount of time overseeing the art and design of the Third Reich, he nonetheless had thousands of willing executioners, like Hugo Boss, designer and manufacturer of Wehrmacht and SS uniforms, doing the everyday work. Yet like art directors today, as Führer (leader) he received credit for everything under his domain, even those things he knew nothing about and had no hand in creating.

The Nazi Triangle


posted on: 01 April 2007

Design and the Golden Section

filed under: @ 11:15:04

Design is, in essence, communication but the vehicle for communication is the design. One of the key components in the vehicle of communication is composition, and in design schooling it is something that is taught as something you should feel rather than create logically.

Design and the Divine Proportion


posted on: 31 March 2007

New Guardian campaign

filed under: @ 09:36:08

The Guardian brand advertising campaign (via AceJet170):

Guardian brand campaign


posted on: 28 March 2007

Paper sculptures

filed under: @ 09:52:08

Via mmm,pretty...:

A Jen Stark paper sculpture

Jen Stark



posted on: 26 March 2007

Uncommon knowledge 3

filed under: @ 13:32:08

Third post of the Uncommon knowledge series by AceJet170 :
and a comment post on it:
uncommon knowlege


posted on: 24 March 2007

Grid systems

filed under: @ 09:56:09

More on grid layout:

Five simple steps to designing grid systems


posted on: 23 March 2007

Grid based layout

filed under: @ 10:49:23

Khoi Vinh has put online his presentation at SXSW on techniques to create a grid-based layout:

Oh Yeeaahh!


posted on: 22 March 2007

A redesign explained

filed under: @ 19:19:08

On Digital Web Magazine :

Redesigning the ExpressionEngine Site

ExpressionEngine website screenshot


posted on: 20 March 2007

Uncommon knowledge

filed under: @ 19:13:08

..every know and then I get the urge to impart knowledge that I've accumulated on others, usually younger designers. OK, sometimes it's reminisciences about PMT cameras and Rotring pens, but sometimes, very occasionally, it's something that might actually prove useful. Usually, it's stuff that I wish I'd known when I was at their stage of life/career.

Uncommon knowledge

I, for one, find the first two ( 001 , 002 ) “tips” interesting and hope to read many more..


posted on: 18 March 2007

Icon Design

filed under: @ 11:10:03

On icon design:



posted on: 17 March 2007

Web 2.0 logos

filed under: @ 19:47:41

A collection of Web 2.0 logos: screenshot

The complete Web 2.0 directory


posted on: 17 March 2007

Web building tips

filed under: @ 10:02:45

A collection of tips about HTML, CSS, JavaScript, and other Web development and design issues:

Web Building Tips


posted on: 13 March 2007

Design and Art

filed under: @ 13:05:23

A post by Mark Boulton about design and art:

One Principle to Design By


posted on: 11 March 2007

Design principles

filed under: @ 11:03:27

On Bokardo:

Five Principles to Design By


posted on: 12 February 2007

Five Simple Steps

filed under: @ 19:20:07

A post of the Five Simple Steps series by Mark Boulton:

Colour combinations

The book: Five Simple Steps: Designing for the Web


posted on: 08 February 2007

Web and graphics design

filed under: @ 19:30:05

Via NoisyDecentGraphics:


posted on: 08 February 2007

Transit Authority Graphics

filed under: @ 09:47:08

Via Ace Jet 170:

NY City Transit Authority Graphics Standards


posted on: 08 February 2007

The Design Disease

filed under: @ 09:41:22

A post on NoisyDecentGraphics has become this:

The Design Disease

Simple and nice.


posted on: 30 January 2007

Web style

filed under: @ 18:53:02

A sum up of the current state-of-the-art in graphic design for web pages on webdesignfromscratch:

current web style


posted on: 30 January 2007

Inspired Design

filed under: @ 09:29:12

This series of articles is about merging ideas and inspiration in different and unexpected ways. Inspired by the pop artists of the 50ís and 60ís, I will take an inspirational item and transform it for the web, starting with what inspired me, working through the various design stages, and creating the final result.

Creating Inspired Design Part 1: I Am The Walrus


posted on: 26 January 2007

Design helps the comprehension

filed under: @ 19:38:03

A post on Noisy Decent Graphics:

Two brilliant pieces of graphic design


posted on: 13 December 2006

Packaging and web design

filed under: @ 19:57:01

An interesting article on Digital Web:

Though hundreds of years of packaging design history and best practices may have influenced your offline shopping behaviors and decisions, the lessons learned in this enduring discipline didn't have much of an influence on early web designs.

Packaging Design for Web-based Products


posted on: 24 November 2006

One sentence

filed under: @ 20:16:21

On Authentic Boredom:

summarize a project in one sentence

Interesting comments.


posted on: 10 November 2006


filed under: @ 19:01:22

On Digital Web Magazine:

Color: an investigation


posted on: 25 October 2006

To be a web designer

filed under: @ 08:24:51

Andy Budd on freelance web design:
7 habits of a highly successful freelance web designer

Eric Meyer on becoming a web designer:
stand up for your rights


posted on: 17 October 2006

Design Questions

filed under: @ 13:07:51

A post On Decent Noisy Graphics asking readers to leave design questions in the comments that will be answered as single posts:

Design Questions


posted on: 04 October 2006

Electricity use

filed under: @ 19:18:02

In objects typical of the domestic or personal sphere, such as lamps, refrigerators, mobile phones, energy is often left either to the user's own devices (in the choice, for instance, of a light bulb or brand) or it is an invisible aspect of ongoing product experience that shows up in periodic electricity bills, when power runs out or is shut off. Electricity, as a product, is easily reduced to an abstract, invisible phenomenon whose only concrete representations are two holes in the wall. In a series of design examples, we explore how everyday products might be designed to better express - and thus stimulate reflection on - daily or long-term patterns of energy use.


A nice idea. In my opinion, anything that helps people to understand how much waste goes on daily is welcome.


posted on: 31 August 2006

Book bindings

filed under: @ 10:08:21

Book binding - Porter & Coates publishers - 1873

Early in the 19th century, the need for speed, simplicity, and economy in book production led to the introduction of cloth as a binding material and casing as a binding process. This exhibit chronicles the growth of English and American publishers' binding from its infancy in the 1830s to its decline in the early 20th century.

Publishers' Bindings 1830 - 1910
via India,Ink.


posted on: 14 August 2006

Design reminders and icon analysis

filed under: @ 13:30:41

Two very interesting articles on Boxes and Arrows:


posted on: 08 August 2006

Kerning, design school and printing

filed under: @ 11:13:22

Three interesting posts on Noisy Decent Graphics:


posted on: 24 July 2006

Always do it for real

filed under: @ 19:21:01

On Noisy Decent Graphics:
always do it for real

Nice advice on including some reality into the virtual world of web design.


posted on: 19 July 2006

New layout: softer colors

filed under: @ 10:03:05

Designing the new layout of my site, I also decided to soften the colors a bit. I'm still using just Blue, Red and a touch of Grey, plus the White background and the Black of text. This were the colors used in the previous version:

Old color palette

And this are the new ones:

New color palette

Basically, I softened the blue (from #0000ff to #3366ff) and substituted the black(#000) with a grey-black(#333).


posted on: 10 July 2006

Logo Misapplication

filed under: @ 13:40:02

Andy Rutledge: logo misapplication

I believe that the logo is the most abused, misapplied, misconceived, wrongfully distracting element of design and business today. I encounter too many people in business who believe that their logo should define them. The reality is that they should define their logo. For some reason it seems that this business fundamental is lost on most business owners.


posted on: 09 July 2006

New layout: first post bigger

filed under: @ 12:52:09

This is the first post about the new layout.

At the beginning I wanted to have the latest post bigger and the previous four in a column below, with two more columns beside it, one for the categories and fragments, the other for the archives:

A screenshot of the first tentative layout

I like it, it's compact and easy to grasp. No fancy positioning and not too much clutter but..the problem, for me, is that there is only an excerpt of the previous posts, to read them it's necessary to click and go to the respective permanent link. I think it's better to read at least the first five posts without having to go to another page. So, I decided against it and went for the layout as it is now. The size of the text is bigger on the latest post and for posts seen singularly (permanent link), a bit smaller on the previous ones when seen on the home page. The column on the right holds all the site navigation, except for the four main pages, which I left in the masthead.


posted on: 24 June 2006

Amnesty International ad campaign

filed under: @ 18:59:43

Amnesty International ad campaign

"It's not happening here but it's happening now"

Simple and effective. Hopefully it will raise people's awareness a bit..


posted on: 22 June 2006

50 ways to become a better designer

filed under: @ 10:58:06

On Computer Arts:
50 ways to become a better designer


posted on: 17 June 2006

Design details

filed under: @ 18:50:27

Garrett Dimon

"will be using a newly created flickr account to store and document the reviews (of web sites design details) in sets"

A very interesting idea.


posted on: 20 April 2006

Web design articles

filed under: @ 18:26:33

On DigitalWeb: Principles and Elements of Design

On Vitamin: How C.R.A.P is Your Site Design?


posted on: 17 April 2006

Visual thinking

filed under: @ 21:11:45

Jason Santa Maria: visual thinking


posted on: 31 March 2006

Logo design

filed under: @ 19:18:02

On Authentic Boredom a nice logo design article by Cameron Moll.


posted on: 13 March 2006

Font Freedom, Logos of Web 2.0 and Picture Cloud

filed under: @ 14:01:23

On Be A Design Group: five steps to font freedom

On FontShop: The Logos of Web 2.0

Picture Cloud free 360 degrees images.


posted on: 25 February 2006

The Style Layer

filed under: @ 14:10:32

On UX Magazine:
The Layers of Design: the style layer


posted on: 06 February 2006

Metroblogging and Great Design

filed under: @ 14:38:05

Metroblogging is the largest and fastest growing network of city-specific blogs on the Web.

Joel on Software:

"Over the next weeks and months, if all goes well, I'm going to write a series of articles right here, on this website, on UI design for the modern age. The whole series will be, tentatively, named Great Design."


posted on: 05 February 2006

Designing a website

filed under: @ 09:53:04

On A List Apart:

Simple points that need to be remembered because it's easy to underestimate their importance.


posted on: 02 February 2006

The color Blue

filed under: @ 19:46:34

Design Melt Down on the use of Blue on the web.


posted on: 23 January 2006

World flags and UK multicultural society

filed under: @ 14:15:23

Agreeing with the interpretations or not is irrelevant, what I like is the idea:

World flags

On the Guardian an article about cultural richness in the UK today:

All together now


posted on: 06 December 2005

Sevencolors new logo

filed under: @ 20:49:54

I wanted a logo that conveyed the meaning of this web site and this is what I came up with:

sevencolors logo

The O becoming a broken circle with an arrow pointing out symbolizes the communication between people, an opening of the mind that brings change and that's why the color is different. The name itself (seven colors on a spinning wheel become white, white light passing through a prism splits into seven colors) stands for multiplicity that becomes unity, the capacity of different entities to coexist and actually learn from each other. The circles and arrows also symbolize the World Wide Web and its huge potential for connecting people and circulating ideas freely.


posted on: 10 October 2005

CSS specificity

filed under: @ 09:43:18

Some of the things in this article I didn't know, some I wasn't sure about: CSS specificity


posted on: 08 October 2005

XMLHTTP, Deep Web and brushes

filed under: @ 09:31:47


posted on: 21 August 2005

Web design

filed under: @ 10:56:54

Design in-flight:

" Design In-Flight (DiF) is an online magazine devoted to art and design, be it graphic design, web design, illustration or architecture. Our mission is to entertain and inform, while encouraging dialogue with our readers and the design community. "

Also, check out Glen Murphy and Jeff Han.

Even if I have visited Jon Hicks 's portfolio many times, it is always a pleasure to look at his work and Denis Radenkovic 's.

I haven't been able to watch it because I have a poor-man dial-up connection but , if you have a high speed machine, go ahead and then let me know: the unseen video


posted on: 17 May 2005


filed under: @ 18:37:10

I'm back. I have covered a lot of kilometers, seen family and friends. In a few days I have more kilometers in front of me.. the meanwhile, a nice article on logo design.


posted on: 16 April 2005

User path

filed under: @ 10:59:22

Interesting post: Desire lines


CSS,Javascript and Php studies

Anti spam email
A solution to writing an anti spam email contact link
filed under: Javascript
Background image
A background image randomizer that I used in the second version of this site.
filed under: Javascript/CSS
Javascript menu
A menu that uses Javascript and session cookies.
filed under: Javascript/CSS
Experimenting with CSS and Javascript.A simple but, in my opinion, nice navigation “system”. The MiniSite is a one page site.
filed under: Javascript/CSS
Photo display
Protect copyrighted photos: a simple but effective solution.
filed under: Javascript/CSS
Photo gallery
A photo gallery made for a friend
filed under: Javascript
PHP menu
A PHP menu that can be updated without having to re-publish all the pages is on.
filed under: PHP
Pop-up menu
A very simple pop up menu powered by Javascript. It works also if Javascript is disabled.
filed under: Javascript/CSS
RSS feed
How to write and use an RSS feed
filed under: rss-xml
Tag replacer
The Tag replacer explained and a link to it.
filed under: PHP
Tags search
A search form build and powered using Javascript and the DOM
filed under: Javascript