Notes on a web journey

posted on: 31 December 2008

Modular layout

filed under: @ 09:15:44

For all of the advantages the web has with distribution of content, I've always lamented the handiness of the WYSIWYG design tools from the print publishing world. When I set out to redesign my personal website, I wanted to have some of the same abilities that those tools have, laying out pages how I saw fit, and that meant a flexible system for dealing with imagery. Building on some of the CSS that Eric Meyer employed a few years back on the A List Apart design, I created a set of classes to use together to achieve the variety I was after. Employing multiple classes isn't a new technique, but most examples aren't coming at this from strictly editorial and visual perspectives; I wanted to have options to vary my layouts depending on content.

Making Modular Layout Systems

Jason Santa Maria's beautiful personal web site explained.


posted on: 28 December 2008

Passive house

filed under: @ 10:14:22

From the outside, there is nothing unusual about the stylish new gray and orange row houses in the Kranichstein District, with wreaths on the doors and Christmas lights twinkling through a freezing drizzle. But these houses are part of a revolution in building design: there are no drafts, no cold tile floors, no snuggling under blankets until the furnace kicks in. There is, in fact, no furnace.

No Furnaces but Heat Aplenty in Passive Houses


posted on: 22 December 2008

Video encoding

filed under: @ 10:15:34

A series of articles on Dive Into Mark on video encoding:

A gentle introduction to video encoding, part 1


posted on: 20 December 2008

Modern slavery

filed under: @ 11:44:18

Although slavery has existed for thousands of years, changes in the world's economy and societies over the past 50 years have enabled a resurgence of slavery.

A map of modern slavery in the world

Free the Slaves

Again, as long as the indifference persists, differences will always just become bigger. A real overhaul of the economic system is needed because now it could be turned into something much better then it's ever been. The resources, both intellectual and physical, are there, the knowledge too. What are we waiting for?..


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: 12 December 2008

Universal declaration of human rights

filed under: @ 19:12:02

A couple of days late (unfortunately) :

Universal Declaration of Human Rights - Amnesty International 2002

December 10th is the 60th Anniversary of the signing of the Universal Declaration of Human Rights. Adopted by the member states of the United Nations in 1948, the UDHR consists of 30 articles, which set out human rights fundamental to the dignity and development of every human being. Sixty years later, we live in a world where these basic rights are still neither universally respected nor legally mandated in many countries. We still have hunger, slavery and persecution. The rights to education, work, voting and religion are still abused. This day should give us pause. The Universal Declaration of Human Rights deserves not only celebration, but our respect and our best efforts. In this vein, we are honored to present the work of designer Woody Pirtle.

Celebrating the Universal Declaration of Human Rights

Beautiful work for a very important cause.


posted on: 11 December 2008

Grid design

filed under: @ 10:42:52

Made popular by the International Typographic Style movement and pioneered by legends like Josef Müller-Brockmann and Wim Crouwel, the grid is the foundation of any solid design. The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids.

The grid system


posted on: 10 December 2008

Online museums

filed under: @ 11:13:31

Welcome to the Museum of Online Museums :



posted on: 09 December 2008

Arms sales

filed under: @ 09:50:07

Since the early 1990s there has been efforts to review and develop arms-transfer principles and codes of conduct to ensure that arms are not sold to human rights violators...However, while this sounds positive, the world's major arms dealers have continued to sell arms to human rights violators, as mentioned in earlier parts of this site's Arms Trade section. There are a number of reasons as to why these codes have not been as effective as hoped.

A Code of Conduct for Arms Sales

A very exhaustive article with many links to external material. However, I still think that the solution resides in asking ourselves why we still need to make arms at all in the year 2008 (almost 2009). The answer is: we don't ! Are we so primitive as not to be able to change something that has been goig on for 10.000 years without any positive results anymore? We don't really need to find food hunting and we definitely don't need to go taking other tribes' women by raiding we?

All states have a right to self-defense..right, but what if there is no need for self-defense? What if we stopped making bullets? What if we simply rendered obsolete any kind of aggressive approach? Is it naive? No, it's just a matter of making it happen or not, as simple as that.


posted on: 08 December 2008

Type treatments

filed under: @ 19:11:22

Question mark

30 inspiring type treatments


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