Archive for the ‘web’ Category
Following my latest blog, I discovered that Firefox handles differently saving a file if you save it as HTML only or as a complete Web page.
If you specify HTML only, it saves the static content of the page (what was loaded at first in the browser). It does not save the DOM of the page.
However, if you specify complete Web Page, it is the DOM of the page which is saved (including generated content of the page). The disadvantage of that approach is that it’ll also save the scripts which are used in the file locally in a *_files directory instead of keeping the original URL of the scripts in the HTML file. That means that this page is no longer self-contained and you can’t send it to someone else. You also need to keep the *_files close or the JavaScript parts of the page won’t work anymore…
What I’d like is to be able to save the DOM of the page but also keep the original URL of scripts. I need to dig into Firefox to see if there are ways to configure its saving behavior…
In fact, the prototype CRC Cards Whiteboard (with or without explanations) I made is already usable.
You can play with it, create new CRC cards, delete old ones, etc. The Good Thing is that if you locally save the page (with your browser File -> Save Page As...), the saved file will contain your modifications. You can then point to your local file to update it again. You can also create a new whiteboard by saving it under a different file name..
It was quite a surprise to me. Initially, I thought that the save function of the browser would save the static content of the page while what is saved is actually the DOM of the page even if some parts of the DOM have been generated dynamically.
I’ll never stop to be amazed by the power of web browser!
I almost never go to Google home page these days: I use a bookmarklet to directly go to Google results page instead.
However with their suggest feature, Google has convinced me that it’s worth it to go again to their homepage.
Now a RFE for Googlers: I’d like is to have this suggest feature in GMail when I do a mail search. I type from: in the search field and GMail should suggest me a list of senders. That’d be cool and useful…
Google is not the first web site to make extensive use of XmlHttpRequest but they show how it can be done to enhance the web experience. As more developpers become aware of such functionalities, it will create a new breed of web applications which extend the web experience by embracing its principles rather than just mocking desktop applications within the browser.
Following my latest blog on the usefulness of a CRC Card whiteboard based on Mozilla and XBL, I made a simple prototype of such a whiteboard (works with Mozilla-based browsers only).
I only prototyped the client side of the whiteboard. But if that whiteboard was coupled with Wiki software on the server (for version control mainly but also to annotate the cards if the need arises), it could be a simple tool to communicate simple designs between development teams which are geographically separated.
When I had some time, I’ll try to integrate it with a Wiki.
Could it be a good idea to develop a CRC Card-based whiteboard with Mozilla and XBL (similar to the sticky note example)?
It may be interesting to use it similarly to a Wiki to share design information simply.
I made a quick search for such a Firefox extension but I found nothing.
Is it worth it?
Yesterday, I discovered that Firefox 1.0 on Mac OS X emulates a right click if I make a long click on the left (and only!) button. I didn’t observe that behavior on Windows XP or Fedora Core 2. That’s quite handy because I mostly use the trackpad on my PowerBook.
That’s great to see that Firefox on Mac OS X tries to provide the same user experience than Aqua. I’m looking forward to Firefox 1.x releases which should increase compliance to the
Human Interface Guidelines according to the new roadmap.
<
p>(Note to myself: I need to try Camino)
I finally decided to setup a personal Wiki on my web site.
I have taken the habit to use plain text files to keep track of my daily work. I can then simply use grep when I need to retrieve any information. I have files for every week that I fill as I work.
It went quite well for some time but it has reached some shortcomings and I’m looking for an alternative.
The main disadvantage of plain text files is that is not internet friendly. Most of my work deals with URL (bugzilla URL, corporate wiki URL, client site URL generating errors,…). It’s not a big deal to copy/paste from the files to the browser but when you have to do very often everyday, it becomes boring.
Secondly, it’s quite inconvenient to backup these files. I let them in the home directory on the workstation of my client company but I’ve to think to back them up weekly or monthly on my USB drive.
I also need from time to time to refer from a file to another one (e.g. I encounter a problem I’ve worked on weeks ago and I’d like to refer to the first encounter without repeating myself). plain text is not good for such resource links…
My requirement for these files were pretty simple:
- they should be be viewable directly in a web browser to take advantage of the URLs
- they should be stored on my web server so that I can access them from anywhere…
- … but I should be the only one allowed to view them
- it should be simple and straightforward to edit and modify them without uploads every time
- the file format should be as close as possible from plain text to keep editing simple
- Files should be searchable efficiently
A wiki meets all these requirements but the authorization one (more on that later). So I decided to give it a try and install a personal Wiki on my hosted web site.
I had to take into account my web site requirements to choose the right Wiki implemenation (among all the available ones):
- only Perl, Python or PHP implementation
- if a database is needed, only MySQL is an option
- I don’t have a SSH access, so the installation and configuration setup has to be done only through the web or FTP
With these requirements in mind, I made a (completely subjective) short list:
I did not find enough information on MoinMoin to install it without shell access. I had the opportunity to use Twiki and I don’t like it (it works great but I find it too bloated). I did not find any clear installation documentation on PhpWiki web site (it didn’t pass my 5-minute test).
So the only remaining ones were UseMod and MediaWiki. And both had good documentation and were a breeze to install.
UseMod is a no-nonsense Wiki, very similar to the original Wiki. One Perl script, one data directory to store the files and that’s it. You just have to change a few settings in the script, upload it on the web site and create the wiki directory.
MediaWiki has more features than UseMod. It is based on PHP and MySQL but is also very simple to install. You just have to upload a directory on your web site and use the web based wizard to configure everything (including MySQL tables). There is some chmod to do but nothing more complicate (It’s quite similar to the installation of Movable Type).
So in less than twenty minutes, I had downloaded and configured these two Wiki engines on my web site.
Next time, a comparison between the two and which one I finally decided to use.
I often make the same search queries in Gmail (e.g. give me all the mails I sent to a specific mailing list). Unfortunately, these queries are not kept by Gmail and you have to type them everytime.
But I found a simple way to make Gmail remember them.
So, if you want to access Gmail queries directly from its search field history, you just have to search for them on Google (provided you have the Google cookie).
Since Gmail seach field kept the history of your Google searches, they will be available next time you search mails in Gmail.
Google has updated Gmail and added a few features such as inline contacts and atom feed (more details).
On my account I saw two other great features:
- the ability to save drafts
- mail forwarding
Some screenshots:
Drafts saving was a feature I was eagerly expecting (I’ve been bitten too much times writing a mail in Gmail and accidentally closing the tab…)
With Firefox and del.icio.us I rediscovered the use of bookmarking.
I always found bookmarking too tedious for several reasons.
First, I gave up on categorizing bookmarks because I never found a hierarchy that satisfied me. So all my bookmarks end in the “to classify” folder and never moved from there!
Another inconvenient is that bookmarks are tedious to share between different computers. I don’t want to transfer my bookmarks between all the browser I use on different computers. So what I wanted are bookmarks stored on a server. But then it couldn’t be integrated in the browser and I’d have to go to the web page every time I want to go to a page I bookmarked.
So, at the end of the day, I restrict my bookmarks use to only two specific cases:
- bookmarklets (such a BlogThis!, post to del.icio.us, …)
- web pages that I want to access through customized keywords (dict:, bug:,…)
For the rest, I rely on the browser location bar history and Google. But this solution is not good enough.
At the same time, I started to use del.icio.us to keep an eye on interesting web pages. Del.icio.us comes with handy bookmarklets which makes it easy to add a bookmark to del.icio.us without going to the web site. Del.icio.us has also interesting social effects and is in itself a source of information to check what other people are bookmarking.
However, to use your bookmarks, you still have to go to their web site.
Finally, enter firefox 1.0 PR and its live bookmarks. I added a live bookmark on my del.icio.us feed and voila! I had what I wanted: shared bookmarks, integrated in the browser that I can use as is (I don’t have to go to del.icio.us site anymore).
Cedric also gave me a good idea: I added a second live bookmarks for the del.icio.us bookmarks I tagged with “toread” for pages I plan to read later when I got some time.
It quite easy to categorize my bookmarks in the browser, I just have to use del.icio.us feeds for the different tags I use. But all in all, a feed for the “toread” tag and another for all my bookmarks seem enough.
