WebLOG
this is an old, non updated, version of the site. check out v3
Tuesday, 10th August 2004
Bookmarklet: computed style values for a node .::. [0] webs
Once initialized (by calling it from the favourites or from the link below) the script expects you to click on any element of the page, and will open a popup showing the node path to the clicked element and a list of all computed values for that element. See it running: get computed styles of node. You can save this link in your favorites and use it in any page you want.Special thanx to Tom Trenka at f(m) for his constant tips. I wouldnt have made it alone.
UPDATE: minor modification to allow window.status information onmouseover. See it running: get computed styles of node (mouseover status)
Monday, 09th August 2004
Bookmarklet: node path to element .::. [0] webs
I just made my third bookmarklet. Once initialized (by calling it from the favourites) the script expects you to click on any element of the page, and will open a popup showing the node path to the clicked element. See it running: initialize it and then click any element on this page. Then just save this link in your favorites and use it in any page you want. Useful in those pages using crappy nerverending-nested tables.Wednesday, 04th August 2004
Bookmarklet: external CSS and JS list .::. [0] webs
I just made my second bookmarklet. Actually, as in the other case, it's a bit of a cheat because i use the bookmarklet only to add a script to the page, while the actual script is stored in this server. Anyway, the script will open a popup showing a list with all external js and css files in the current document (and any frame if any). You can also click on them to see the code. See it running: external css + js in a popup. Just save this link in your favorites and use it in any page you want.Wednesday, 30th June 2004
Off to OFFF .::. [1] webs
Hi, last message before we live for the OFFF Festival, where we speech about unobtrusive DHTML. The conference will cover how to program accessible websites, still using javascript menus, form checkers, table sorters, etc. The concept of what we currently call DHTML must change, from a complex instrument to perform scrollers or animate layers across screen to become a tool to enhace the HTML structure underlying any web document, improving the experience to those users that can execute javascript and reducing the time needed to maintain code. The keyword for this way of coding DHTML would be "unobtrusive".Tuesday, 22nd June 2004
MTV Spain .::. [0] webs
The people at trigital called us to start a collaboration to prepare the
client-side markup, style and scripting of the spanish site of MTV. The requisites
were simply thrilling: following the standards and provide an accessible website with no javascript nor flash
required where possible. A good challenge due to the layout and the transparencies (Requirements: none - in theory).
Tuesday, 04th May 2004
Out until 10th June .::. [0] personal
Hi, we will be out until 10th of June. Emails will be read by then. Keep them coming but remember there will be some delay in response. Ciao.Monday, 03rd May 2004
My first bookmarklet .::. [0] webs
hi, I needed a way to see an indented list of all nodes of a page cause I have to check the markup (and semantics) of more than 50 pages, and looking through all the code is too boring. DOM Inspector does it, but to see all nodes you have to expand them one by one. So I've created this little script. Despite being slightly incorrect (since returns bad formed markup) it brings the visual result correctly, just what I needed: node lister. You can try it by adding it to your favorites (all in one line). When you call it it will execute the script and then open a popup with the results (mozilla will block the popup but if you allow it it will open it next time). If you spot errors or have suggestions let me know (just comment this post) but since I made this to save me some time during the next 24 hours I'm not sure I'll have time to make a lot of changes. UPDATE: more bookmarklets (or faveletes) can be found at pixy, centricle favelets, wargers or tantek. Thanx for the tips to Dave and Tom.Tuesday, 16th March 2004
Fix for IE position fixed .::. [1] webs
Hi, after a loooong time of silence due to several reasons, including the working on a version 3, I decided to share with you a minor fix for the known Internet Explorer position:fixed bug. In IE, this CSS rule won't work, and position will not be fixed on screen. There are some other fixes for this problem, using specific CSS hacks, but all of them convert position:absolute to position:fixed (which I found to be a worst problem) or add unnecessary markup. The fix I show you here was made in javascript using very few lines. The only drawback is that you have to be in Quirks mode. Beware if you're using other onload events, since this will overwrite yours. If that is your case, use an event handler to avoid this problem. UPDATE: You dont need quirks mode anymore, can use strict if you wish.Main menu
