Notes on a web journey

posted on: 30 June 2006

G8 vaccine setback

filed under: @ 10:03:42

G8 vaccine setback

"The G8 missed an opportunity on Saturday to fight disease in the world's poorest countries.."

..again.

Tags:

posted on: 29 June 2006

Cross browser text size

filed under: @ 19:09:19

On cross browser text size:

Personally I set the font size in the body at 80% and use percentage values for everything else (p 100%, h2 100%, h3 90%), no ems.

Tags:

posted on: 29 June 2006

The future of graphic design

filed under: @ 10:17:04

Three posts on graphic design by Noisy Decent Graphics:

Tags:

posted on: 29 June 2006

Misunderstanding web standards

filed under: @ 10:09:23

An interesting list: 9 ways to misunderstand web standards

Tags:

posted on: 28 June 2006

Net Neutrality

filed under: @ 19:55:04

Tim Berners-Lee on Net Neutrality (via webdevout's blog) :

I agree, it's serious and it needs more attention that it has gotten so far.

Tags:

posted on: 28 June 2006

Web browser standards support

filed under: @ 19:44:51

On webdevout: Web browser standards support

Tags:

posted on: 28 June 2006

Debugging stylesheets

filed under: @ 18:54:21

On Airbag: a ruler to debug stylesheets.

Tags:

posted on: 28 June 2006

Tiny realignment

filed under: @ 10:34:02

I noticed that I had forgotten to add an anchor to the comments for linking purposes. Not that I get that many comments to link to..I just did it as a matter of functionality. I also tightened up the paragraphs a bit adding a margin:8px 0 to the CSS. One of those..

Tags:

posted on: 26 June 2006

Navigational metaphor and tooltips

filed under: @ 11:16:08

On Interconnected: making senses

On Clagnut: line breaks in tooltips

Tags:

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..

Tags:

posted on: 24 June 2006

Microformats and browsers

filed under: @ 18:57:24

Microformats and browsers:

Tags:

posted on: 24 June 2006

Javascript search form

filed under: @ 13:18:45

I published the code for the two "search forms" under the ␄search posts” feature on the home page of this site.

Tags:

posted on: 24 June 2006

Google ranking factors

filed under: @ 10:36:23

A list of Google ranking factors

Tags:

posted on: 24 June 2006

Hawking and Hertog rewrite history

filed under: @ 10:25:39

On Nature: Hawking and Hertog rewrite history

"To understand the Universe we must start from the here and now"

Tags:

posted on: 23 June 2006

Transparent custom corners and borders

filed under: @ 18:59:08

On 456 Berea St :transparent custom corners and borders

Tags:

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

Tags:

posted on: 22 June 2006

Aboriginal life expectancy

filed under: @ 10:35:53

On the Guardian: Aboriginal life expectancy

That's their land..or at least used to be.

Tags:

posted on: 21 June 2006

Carbon dioxide glass

filed under: @ 19:03:33

Via Kottke.org: carbon dioxide glass

"..the work could even lead to new, less environmentally harmful ways to dispose of CO2"

Tags:

posted on: 21 June 2006

URLs structure changed

filed under: @ 14:19:08

Following yesterday's post I changed my URLs structure. Now they read:

http://sevencolors.org/post/post-title

I have written the code to keep backward compatibility: posts bookmarked with the previous structure will not be broken.

Tags:

posted on: 20 June 2006

URL structure

filed under: @ 18:47:29

Graphic Push has an interesting article about URL structure

My URLs read like this:

http://sevencolors.org/post/###

which, thinking about it, only says that is a post and its number. I have noticed the spreading habit of using the title of the post and I think it makes sense. I use the post part because I have different categories. Maybe I will substitute the number with the post title..

Tags:

posted on: 20 June 2006

High resolution and CSS units

filed under: @ 18:43:49

On 456 Berea St :high resolution screen

Which, in turn, got me to find out about CSS units

Tags:

posted on: 20 June 2006

Behavioral Separation

filed under: @ 16:03:45

On A List Apart: behavioral separation

I just posted about it but I think is good to insist.

The other article on A List Apart is about styling forms but I think that the solution proposed is too complicated. I like to keep it simpler. Also, display:inline-block does not validate.

Tags:

posted on: 20 June 2006

Human Body and Mind

filed under: @ 10:33:46

The BBC's web site has a section dedicated to the human body and mind. Interesting tests and interactive articles.

Tags:

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..

Tags:

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.

Tags:

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.

Tags:

posted on: 17 June 2006

Beginners guide to CSS and standards

filed under: @ 18:38:46

On Friendly Bit:
beginners guide to CSS and standards

Tags:

posted on: 16 June 2006

Desaparecidos

filed under: @ 09:55:32

On The Guardian: disappeared, but not forgotten

Tags:

posted on: 15 June 2006

Armaments, Disarmament and International Security

filed under: @ 18:53:28

Armaments, Disarmament and International Security:
SIPRI Yearbook 2006

The Chapter 8 is about military expenditure and makes me think about a previous post.

Tags:

posted on: 15 June 2006

Prototype and base

filed under: @ 11:15:32

On Dean Edwards's site: prototype and base

Comments on this post are interesting too.

Tags:

posted on: 14 June 2006

Optical illusion

filed under: @ 10:52:55

A nice optical illusion: spanish castle
and a tutorial explaining how to do it

Tags:

posted on: 14 June 2006

Responsible use of JavaScript

filed under: @ 10:42:33

On The Web Standards Project:
promoting the responsible use of JavaScript

Tags:

posted on: 12 June 2006

Javascript teleprompter

filed under: @ 10:22:18

On DOMScripting: Javascript teleprompter

Tags:

posted on: 12 June 2006

Style attributes, SEO, forms

filed under: @ 10:10:28

A few articles from 456 Berea St. :

Tags:

posted on: 09 June 2006

XmlHttpRequest debugging

filed under: @ 10:35:13

On Curiosity is bliss: XmlHttpRequest debugging

Tags:

posted on: 08 June 2006

Encrypt text files: LockNote

filed under: @ 10:34:50

Encrypt text files: LockNote

Tags:

posted on: 08 June 2006

Using XML-RPC

filed under: @ 10:31:26

On PHPBuilder: using XML-RPC

Tags:

posted on: 07 June 2006

Internationalization primer

filed under: @ 10:15:28

On Digital Web: internationalization primer

Tags:

posted on: 05 June 2006

Websites as graphs

filed under: @ 12:12:52

A Java applet: websites as graphs

Tags:

posted on: 03 June 2006

David Byrne's journal

filed under: @ 10:13:44

David Byrne's journal

Tags:

posted on: 03 June 2006

AJAX and DOM Scripting

filed under: @ 09:57:21

On Garret Dimon's site:AJAX and DOM Scripting

Tags:

posted on: 03 June 2006

Guide to Prototyping Ajax

filed under: @ 09:53:09

On ParticleTree:

Tags:

posted on: 02 June 2006

Ancient fig clue to first farming

filed under: @ 18:57:04

On the BBC:
ancient fig clue to first farming

Tags:

posted on: 01 June 2006

Responsible Asynchronous Scripting

filed under: @ 19:29:47

On Vitamin:
responsible asynchronous scripting

Tags:

posted on: 01 June 2006

The wages of chaos

filed under: @ 09:35:21

On the Guardian: wages of chaos

As usual the people has to pay for all kind of political and economical reasons. I doubt that anybody, except the warlords and the powerful businessmen, understands what's going on. Western governments play their games and then the effects are felt all over the world. Famine, disease, poverty, desperation, illegal immigration. Fix the causes, don't patch the effects.

Tags:

posted on: 01 June 2006

Arctic's tropical past

filed under: @ 09:32:45

On the BBC: Arctic's tropical past

Tags:

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
MiniSite
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