Notes on a web journey

posted on: 16 March 2009

Microformats for business

filed under: @ 08:36:05

On Clagnut an article that explains how microformats help computers understand web pages:

Microformats for business owners


posted on: 16 December 2008

Scribbling Online News

filed under: @ 19:58:05

A typographic news explorer by Brendan Dawes. DoodleBuzz is a new way to read the news through an experimental interface that allows you to create typographic maps of current news stories.

A news doodle

DoodleBuzz via infosthetics


posted on: 10 December 2008

Online museums

filed under: @ 11:13:31

Welcome to the Museum of Online Museums :



posted on: 31 August 2008

Web Design by Designers

filed under: @ 09:59:21

On Digital Web Magazine:


posted on: 02 July 2008

Clouds of text

filed under: @ 19:09:02

Wordle - a cloud of words

Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.

WORDLE via information aesthetics


posted on: 28 February 2008

City blog guides

filed under: @ 19:32:05

City blog guide on the Guardian:

Blog by blog guide to ...


posted on: 07 February 2008

Better taxonomies

filed under: @ 17:34:02

Large websites and intranets can benefit from improved methods of search and navigation. These include site maps, A-Z indexes, sophisticated search engines, and generally improved navigational design - and playing a potential role in all of these methods is well-planned taxonomy.

On Digital Web Magazine: Better Living Through Taxonomies


posted on: 13 January 2008

Eye-Tracking studies

filed under: @ 13:20:06

On VirtualHosting :

23 Actionable Lessons from Eye-Tracking Studies


posted on: 09 January 2008

No hacks CSS

filed under: @ 19:48:03

Using CSS3 selectors as an alternative to hacks when targeting specific browsers. Hacks are an example of graceful degradation: you design for the most capable browser and then fix issues in legacy browsers. But what if we took the opposite approach and worked with progressive enhancement?

CSS Not([hacks])


posted on: 29 October 2007

Web Design Survey 2007

filed under: @ 15:09:05

Web Design Survey 2007 on A List Apart:

Findings From the Web Design Survey


posted on: 03 September 2007

Web standards checklist

filed under: @ 12:05:31

The term web standards can mean different things to different people. For some, it is table-free sites, for others it is using valid code. However, web standards are much broader than that. A site built to web standards should adhere to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and pursue best practices (valid code, accessible code, semantically correct code, user-friendly URLs etc). In other words, a site built to web standards should ideally be lean, clean, CSS-based, accessible, usable and search engine friendly.

Web standards checklist


posted on: 03 September 2007

From print to web

filed under: @ 09:49:09

On Subtraction :

This Way to the Web


posted on: 01 August 2007

After the dot

filed under: @ 19:11:32

Ask someone to name a website and it's a virtual certainly they will say something ending with dot com:,,, it doesn't matter what, it's the same suffix. Dotcom is the internet for most people. But that may all change next year when the top level of the net - the part after the dot - is liberalised. From 2008, anyone wanting their own piece of the internet is welcome to apply for it. It won't be cheap (there will an application fee of around $100,000) and it won't be simple (you have to prove you are capable of running a complex piece of the net's infrastructure) - but it could mean a change in the way the online world works.

After the dot: the latest net revolution


posted on: 05 July 2007

Design patterns

filed under: @ 19:23:06

A nice article on web design on Vitamin:

Web design-isms


posted on: 03 July 2007

Typography and Web Advertising

filed under: @ 09:26:03

Web pages are more akin to print editorial pages than print advertising pages in their complexity and sequentiality. Web ads, however, can be compared to television commercials: web ads are brief, five-second spots, compared to the thirty-second spots that appear, for example, on the network news.

Typography and Web Advertising


posted on: 01 July 2007

Jonathan Harris works

filed under: @ 11:08:02

Two works by Jonathan Harris:

Universe is a system that supports the exploration of personal mythology, allowing each of us to find our own constellations, based on our own interests and curiosities. Everyone's path through Universe is different, just as everyone's path through life is different. Using the metaphor of an interactive night sky, Universe presents an immersive environment for navigating the world's contemporary mythology, as found online in global news and information from Daylife. Universe opens with a color-shifting aurora borealis, at the center of which is a moon, and through which thousands of stars slowly move. Each star has a specific counterpart in the physical world - a news story, a quote, an image, a person, a company, a team, a place - and moving the cursor across the star field causes different stars to connect, forming constellations. Any constellation can be selected, making it the center of the universe, and sending everything else into its orbit.


10x10 (“ten by ten”) is an interactive exploration of the words and pictures that define the time. The result is an often moving, sometimes shocking, occasionally frivolous, but always fitting snapshot of our world. Every hour, 10x10 collects the 100 words and pictures that matter most on a global scale, and presents them as a single image, taken to encapsulate that moment in time. Over the course of days, months, and years, 10x10 leaves a trail of these hourly statements which, stitched together side by side, form a continuous patchwork tapestry of human life.

10 x 10

more works here


posted on: 25 April 2007

Hidden logo

filed under: @ 09:35:08

The Web, in particular in its version 2.0, is an implementation of the strategies of control in the field of writing. The image, at the opposite, is interpretable with more difficulty by the machine and remains a not very accessible territory. Pattern recognition is a field in full expansion. It constitutes a key technology in the domains of safety, of the management of the rights, of marketing.. Logo.Hallucination proposes to use technologies of recognition of images in order to detect subliminal forms of logos or emblems, hidden (generally involuntarily) in the visual environment or in the whole of the images of the Internet. The found images will be accessible in a weblog, proposing a comparison between the original on the one hand and, on the other hand, the brand and its logo.



posted on: 14 April 2007

Web technologies

filed under: @ 19:16:21

HTML 4.01 may be a good, stable ground for developers to stand on, but it could be better. Lots of things have changed in the way the web is used and perceived in the last eight years, but particularly from a developer perspective, we've gained an understanding of what HTML 4.01 failed at, and where it could be improved. The next generation of these technologies is arriving, and they are worth keeping an eye on. These technologies will affect everyone in the business.

HTML5, XHTML2, and the Future of the Web


posted on: 03 March 2007

The distribution of complexity

filed under: @ 18:49:48

The flaw with the simplicity/complexity controversy is that it gives the impression that designers are making a binary choice - but simplicity and complexity are not polar opposites. In fact, making something simpler is often a case of relocating complexity, rather than eliminating it from the user-technology relationship.

Simplicity: The Distribution of Complexity


posted on: 26 February 2007

Turning scanners into readers

filed under: @ 19:28:01

For the purposes of web design, think of your writing as a series of visual cues designed to turn scanners into readers. As a dedicated scanner myself, I can attest to the effectiveness of these methods - some of them I even found myself using whilst searching for information for this article.

Does Your Copy Hold Up To A Quick Glance?


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: 05 January 2007

Online crowds

filed under: @ 10:09:23

Two articles on online communities and their de-humanization:


posted on: 04 January 2007

Typography and web design

filed under: @ 19:45:01

Three article typography related on iA:

The 100% Easy-2-Read Standard

Web Design is 95% Typography (1)

Web Design is 95% Typography (2)


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: 08 October 2006


filed under: @ 08:33:07

Posts and articles about the dangers of a software “monoculture”:

I think that any kind of monoculture is dangerous. Diversity ensures vitality and fairness, creates opportunities, leaves the possibility of choice, teaches respect and understanding because it needs an open mind.


posted on: 23 September 2006

Understanding HTML, XML and XHTML

filed under: @ 18:35:02

The relationships among HTML, XML and XHTML are an area of considerable confusion on the web. We often see questions on the webkit-dev mailing list where people wonder why their seemingly XHTML documents result in HTML output. Or we're asked why an XML construct like <b /> doesn't actually close the bold tag. This article will attempt to clear up some of that confusion.

Understanding HTML, XML and XHTML


posted on: 24 August 2006

Inaccessible downloads

filed under: @ 14:57:23

The Internet, in theory, enables anyone from anywhere to access information. In reality all the people with dial-up connections are cut out of a lot of it. I know that in the States and Europe almost everybody has some kind of high speed connection but the rest of the world is still using dial-ups. I'm not a professional of the web but I like it because it has brought more freedom to people, more opportunities to learn.
Podcasts, videocasts,screencasts: there should always be a text version that can be downloaded by everyone.


posted on: 16 August 2006

15 years of WWW

filed under: @ 12:51:23

Amazon used to be a large river in South America - but that was before the world wide web. This month the web is 15 years old and in that short time it has revolutionised the way we live, from shopping to booking flights, writing blogs to listening to music.

Websites that changed the world


posted on: 11 August 2006

Web 2 Dna

filed under: @ 10:06:27

sevencolors DNA-like data mapping

An online visualization of a user-chosen website through a graphical DNA-like data mapping approach. The brightness of the lines is determined by the importance of the tags in terms of structure, so that a semantically rich site will appear brighter than one with messy old-style code. A site that focuses on (text) content is one where the DNA patterns are large (filling many containers), but contains a lot of empty spaces between the lines (empty space is the individual words). via infosthetics



posted on: 12 July 2006

Building Accessible Widgets for the Web

filed under: @ 18:48:09

On Digital Web Magazine: accessible widgets for the web

When building web applications, we're working with a fairly restricted set of widgets, compared to those available for native desktop apps. The recent surge of interest in JavaScript points to a solution: we can replicate the functionality of sophisticated native widgets through some clever DOM scripting, and provide our users with exciting interfaces that bridge the gap between native apps and web apps.


posted on: 06 July 2006

Quotation marks

filed under: @ 11:02:34

Using proper quotation marks:

  • On a Mac, use Option+] and Shift+Option+] for the left (open) and right (closed) single quotes. For Windows, use ALT 0145 and ALT 0146 for the left and right single quotes (hold down the ALT key and type the numbers on the numeric keypad)
  • On a Mac, use Option+[ and Shift+Option+[ for the left and right double quotes. For Windows, use ALT 0147 and ALT 0148 for the left and right double quotation marks (curly quotes)
  • In HTML code the characters as &#0145; for and &#0146; for and &#0147; for and &#0148; for (ampersand, pound sign, number, semi-colon)
  • The Unicode numeric entities of &#8216; for and &#8217; for and &#8220; for and &#8221; for (ampersand, pound sign, number, semi-colon)

When using the ALT keystrokes in Windows, use the numeric keypad not the row of numbers above the alphabet and be sure Num Lock is turned ON.

There are some important differences between Windows and non-Windows display of characters:
on the use of some MS Windows characters in HTML


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: 19 June 2006

Inline wrap IE6 bug

filed under: @ 11:30:06

I have been trying to find the best solution to the
inline wrap IE6 bug for a year. Right now I have to write a post then see how it looks on IE and add a <br /> tag to avoid wrapping of the links with the consequent external link icon loss. The solution offered in the post above doesn't work for me because the CSS does not validate using display:inline-block. I hope this bug will be fixed in IE7..


posted on: 18 June 2006

Four tier web development

filed under: @ 13:08:58

On Friendly Bit: 4 tier web development

I think of the 4 tiers as content, structure, presentation and behaviour. Almost the same. The content (or data) and the structure go together since, usually, there is (for example) a title that should be placed into a <h1> tag, chapters into <h2> etc. When it all looks readable without presentation then I add the design, using CSS. I don't like to add tags to accomodate design, I try to use only the tags necessary to the structure. The last layer (behaviour) should be unobtrusive, which basically means that is not mixed up with the structure but sits in an external file. I removed all inline Javascript calls after reading
separating behaviour and structure in 2004. The point of all this is just to build a site easy to update and apply changes to.


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: 07 June 2006

Internationalization primer

filed under: @ 10:15:28

On Digital Web: internationalization primer


posted on: 05 June 2006

Websites as graphs

filed under: @ 12:12:52

A Java applet: websites as graphs


posted on: 30 May 2006

Breadcrumbs in web navigation

filed under: @ 09:24:36

On Angela Colter's web site:
breadcrumbs in web navigation


posted on: 26 May 2006

Internationalization and localization

filed under: @ 10:58:28

On A List Apart:
internationalization and localization


posted on: 27 April 2006

Future web and language tags

filed under: @ 09:37:28

On Digital Web Magazine: Build for the Future

On 456 Berea St:


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: 18 April 2006

Cheat sheets and CSS techniques

filed under: @ 09:01:33

On Pete Freitag's web site:


posted on: 17 March 2006

Media 2.0

filed under: @ 10:18:45

On UX Magazine: this is Media 2.0


posted on: 23 February 2006

Color Theory for Digital Displays

filed under: @ 10:04:03

Color Theory for Digital Displays:


posted on: 13 February 2006

Variable fixed width and front-end architects

filed under: @ 13:28:43

On Clagnut: Variable fixed width

Garret Dimon: Front-End Architects


posted on: 18 January 2006

Web 3.0

filed under: @ 16:59:52

An article by Jeffrey Zeldman on A List Apart :

Web 3.0

The development of new technologies on the web is very fast. For me is difficult to keep up with it even if I have to say that I find AJAX interesting. The point for me is always the same: keep things simple and easy to use. Most people have a very basic understanding of web techology and just need to use the Internet to find what they are interested in. The trend factor is stupid and usually brings bad and confusing results. Part of it is also the general way of thinking nowadays: fast consumption, no trace left afterwards. I also think that what will be done properly will stay around and bring a positive effect into that very open, shape-changing reality the web is.


posted on: 25 December 2005

Php, CSS,Javascript and attributes

filed under: @ 12:25:18

A post an Simon Willison's web site:

Google base

I'm not particularly interested in Goole base itself, more in what Simon says about structuring data using attributes that allow to query it and make it interchangeable. I think that XFN and Microformats are products of the same general orientation. Seems to me that that's all the web is about, connecting people and data in the easiest possible way.


posted on: 06 December 2005

Internet glossary

filed under: @ 10:36:37

Internet glossary

"While by no means definitive, this glossary does have more than a hundred words, phrases, and jargon related to the the Internet as a whole, with a particular bent toward the Web and and the new-media industry"


posted on: 19 November 2005

WebPatterns and WebSemantics

filed under: @ 19:15:19

An interesting article: WebPatterns and WebSemantics

Lots to read about this subject.


posted on: 29 August 2005

Meta data

filed under: @ 10:08:13

I came across an interesting article:

" The intent of using a centralized metadata repository as the basis of navigation for a website is to separate business concepts from the content or functionality about those concepts. "

Then, in the news, a staggering scientific discovery:

Well, that's some advanced theory...


posted on: 26 August 2005

WordPress themes

filed under: @ 18:51:00

I switched to the WordPress themes "system", until today I had been using my old template from the previous WordPress version. I wrote my own CSS and modified some code to accomodate my design.

The way it all works is well thought out, easy to understand if you know a bit of XHTML, PHP and CSS and if not there are many ready to use themes to choose from.


posted on: 23 August 2005

Upgraded again (WordPress 1.5.2)

filed under: @ 09:56:46

I upgraded again.

I really hope that I will not have to do it for a while because every time is a pain. I have a dial-up connection, it takes time to download and re-publish everything. Then I must be online to make my site look the way I want and the all thing becomes an expensive process.

I'm seriously thinking of writing my own code and be done with it. I use one tenth of all the WordPress features anyway.

I set up the whole WordPress thing on my local machine so I can work on it without being online..


posted on: 09 June 2005

Link added and deleted

filed under: @ 15:37:15

A link to a “Web Site Promotion Software” was added to my links list on the 7th of June.

I checked it out and it's a commercial web site tool. I don't think that links to commercial web sites belong in my list so I deleted it. I don't know who added it so, if you read this post, I apologize but I prefer to link to non-commercial web sites, people that like design and the web as a free communication tool. I have a warning that I deserve the right of deleting out of place links but I will specify that also links to commercial web sites are not welcome, my mistake for not doing it before.


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


posted on: 10 February 2005

CMS last post

filed under: @ 11:52:02

This is going to be (probably..) the last post of the CMS category. I think I misunderstood the meaning and purpose of a proper CMS. What I wanted to have was a web site that enabled me to add entries, upload pics and add links from any computer, since I travel often and cannot carry a laptop with me. But a proper CMS is too much, so I just created a few interactive PHP pages. I have been posting about it under the Studies category.


posted on: 21 January 2005


filed under: @ 10:26:44

I think I will soon have my own CMS up and running. I will probably keep Wordpress for the log and organize everything else using a few PHP scripts I'm writing. I will then explain in detail what I have done and how it works.


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