Notes on a web journey

posted on: 29 March 2008

Sevencolors.org 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 http://famfamfam.com), 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.

tags:

posted on: 30 March 2005

Small adjustements

filed under: @ 10:09:10

The random quotes are back again.

Also, fixed a few bad links and the Javascript code for the random quotes adding a check that avoids error alerts.

This post on Simon Willison site poses an interesting problem that I have encountered already many times.

tags:

posted on: 10 February 2005

Links page using PHP

filed under: @ 11:46:12

The new links page is up and running. Now links can be added by a user, (sevencolors admin reserves the right of deleting offensive or out of place links) or by myself, no need to access the site through an FTP. It still needs some fine tuning but basically it`s done. My original idea was to enable better interaction for the user (and consequently myself), since when I travel I cannot make changes which often ends up in some nice opportunities missed.

The next step will be to create an image gallery and a form to upload images.

Update: due to spam, I created a secure page and I now add links and pictures from there.

tags:

posted on: 07 February 2005

Php forms

filed under: @ 15:27:46

I'm re-doing the links page with php so that links can be added by the user. To do so, I coded a page that presents the user with a form to add a link. Now I`m learning how to check the form to make sure the data entered is correct. I'm still looking around for the best solution.

Php so far has been very kind to me, my previous study of Javascript is very useful as far as syntax is concerned although php seems to be more straightforward and &8220;easier&8221;..

tags:

posted on: 27 January 2005

PHP studies page

filed under: @ 14:04:58

The studies have been moved to a database (MySQL) and are now accessible through a PHP page. Some studies have a “working example page” and a link to go there. The advantage is that I only have to add the study to the database and it will be automatically added to the “Studies” page and I can do it from any computer. I will do the same for the links and photos pages then I'll write the all thing down and publish a page that explains what I did.

tags:

posted on: 21 January 2005

PHP and MySQL

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.

tags:

posted on: 18 January 2005

Textpattern 3 - 2nd update

filed under: @ 13:27:03

Done, now publishing works.

The tags problem is still there, though.

tags:

posted on: 18 January 2005

Textpattern 3 - update

filed under: @ 11:52:50

I found an answer or, better, now I know what's going on. Dreamhost (which is my host) runs PHP as a CGI and this apparently doesn't agree with Textpattern.

This thread in the Textpattern forum explains the problem and gives some partial solutions. I'll try to switch the preferences to “messy” URLs and see what happens.

tags:

posted on: 18 January 2005

Textpattern 3

filed under: @ 09:54:57

I think I will have to reinstall Textpattern on my server. It's doing weird things that it does NOT do on my computer. It's adding a colon at the end of the page title and it's not publishing the articles..I must have done something wrong during the installation.

I'm also having problems with links lists, both on localhost and on the server. I want it like this:

<ul>
<li><a>the link</a></li>
<li><a>the link</a></li>
</ul>

What I get is this:

<ul>
<a>the link</a><a>the link</a>
</ul>

I followed the txp tag help that says to wraptag="ul" and break="li". I don't know yet what is it that I'm doing wrong.

tags:

posted on: 17 January 2005

Textpattern 2

filed under: @ 20:39:27

I got it running on my server and also on my computer (using easyPHP). It's a great CMS software.Also, Dean Allen and friends have made it as simple as such a powerful software can be.

tags:

posted on: 16 January 2005

Textpattern

filed under: @ 19:12:02

I have dowloaded textpattern a couple of weeks ago but just got around to setting it up today. I'll post more after I actually try to do something with it..

tags:

posted on: 15 January 2005

New layout: almost done

filed under: @ 13:58:14

I have almost finished with the new layout. Almost because I keep finding out things that need to be fixed but that's normal when re-doing a whole site..except that during the process I actually managed to erase everything I had done and had to reinstall WordPress! Fortunately I had backup files so it did not became a big drama just a minor case of cold sweat.

tags:

posted on: 14 January 2005

Getting there..

filed under: @ 15:12:18

I have the studies, links and 2004 archive pages ready to be published with the new layout. I have to learn enough to be able to write a CMS. To hard code every page every time it's extremely time consuming (and not so smart..).

tags:

posted on: 13 January 2005

Adding on

filed under: @ 14:52:07

I added a contact link, using the same technique I explained in Anti spam email, and an anchor at the beginning of the page that lets the user skip the navigation if CSS is disabled. I also found out that the missing date is due to the fact that:

If you are using the default index.php, the date only appears on the top most entry for each day (latest post of that day) when viewing your blog. It is used to list all blog entries under that particular date.

as stated in the support forum.

tags:

posted on: 13 January 2005

Date

filed under: @ 09:54:22

I'm trying to figure out why the date doesn't appear on a post (“Credit Card and server”) and it's not even always the same (before it was “Setting up”) ??!?

tags:

posted on: 12 January 2005

New layout

filed under: @ 05:28:30

This is the beginning of the new layout. On this log I will post about learning PHP and MySQL, basically recording the process of re-doing the site and creating a Content Management System for it.

tags:

posted on: 11 January 2005

Setting up

filed under: @ 19:34:22

I'm setting up the new layout for sevencolors.org. I need a Content Management System and I want to write it myself, which means that I have to learn PHP and MySQL. I already know JavaScript, CSS and XHTML, understanding PHP and its syntax is not so difficult but understanding how the files interact with each other and where they are supposed to be on the server is proving a bit more difficult. I know how to link a JavaScript file to the page I want to call functions from but it doesn't seem to be the same for PHP. The tutorials that I have found so far are about PHP sytax, connecting to MySQL and also CMS always without really explaining the relations between the single files..

tags:

posted on: 06 January 2005

Easy PHP

filed under: @ 17:59:37

I installed Easy PHP and everything works fine. I have now to start learning PHP syntax and MySQL, which seems a lenghty process..

tags:

posted on: 03 January 2005

First post

filed under: @ 03:25:59

Ok, this is my first post with WordPress and also the first post of the year 2005.

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