My mobile number in Italy is ++39 3295644924
My mobile number in UK is ++44 07982075870
Skype: barbara.cassani
Email: barbara --[AT]-- barbaracassani --[DOT]-- com

I work on the web since a loooooong time, and I split my day between server-side development, mostly php but also asp, and client-side development. I have a special interest for cross-browser issues, semantics and accessibility, but my pet love is OOP. I'm currently studying XSLT.

See my profile on LinkedIn

I am a woman, Italian with some French contributions. I speak Italian, French and English (although my English pronounciation could use some improvement). Here you can download my CV. This is a short version without references and some data - you can always ask and I will send you the complete one.

Apart from computers, my main interests are indie and classical music, the Seventies and urban landscapes.

Fancy Corners

This is a work in progress, and I wonder if I'll have the time to complete it. It's just another script to put some cute gif's on the corners of yours P's and DIV's. A way to do round corners (but there are better scripts around for this) or something more original. The idea is that you simply put some classes on your elements, like

<div class="fancy flower" id="div1">blah blah</div>

and let the script handle all the rest, without anything to fix, apart the creation of the tiny gif's. It's very easy with this script to have lots of different corners of various design and size on the same page (if you really want to! :)). Well, it already works, but I haven't tried it in many different situations, and still has problems: there's no redraw on resizing the window with %-width div's, and some problems with heights are just worked around instead of solved. The pluses are that it is completely unobtrusive and allows for some interesting effects when associated to borders.
Tested on FF win e mac, IE6 (buggy with padding expressed in other units than pixels) and IE7, Opera 9 win.

Open Fancy Corners in a new window

Hide email address from spam bots, mailto compatible with xhtml strict served as application/xhtml

Email addresses gets harvested all the time. Till now, I've find that encoding the address in hex does work, I don't know how long it will... As you probably know, document.write isn't compatible with xhtml, so this little script generator use the DOM navigation to achieve the same result. Please note that this is only a quick and dirty way to work around the bot problem: this method fails miserably if javascript isn't enabled, so either use it only in a context in which you're sure js is available, or else add an alternative method to at least display your address. And do not forget that keeping js inline is discouraged under xhtml, so strip the cdata tags and put it externally if you can.

Use: just input your email address, click "Generate" and copy and paste the resulting code into your files. The code is generated server-side via php: I don't store the address! (for what use should I, after all?).

Open the script generator in a new window

Liquid Calculator

I made this tiny javascript calculator just to provide an example of complete separation between html, css and javascript. Events are not coded on the main file; everything is handed externally, even access keys, in this way javascript is as little obtrusive as possible. Then I had fun with the css and coded everything in relative units, a thing that I'm usually not allowed to do in real life :). The result is that if you resize the font via the browser, the whole of the calculator is resized. No eye candy here, just the pleasure of simplicity. Tried on FF and IE on Windows.

Open Liquid Calculator in a new window
Download Liquid Calculator for whatever use you want

Leaflet for Linux Day

I seldom do graphics for the web, and I hadn't done graphics for print since at least ten years. But doing this leaflet for Linux Day 2006 was really a lot of fun. A ceramic penguin kindly provided by musician Dario d'Orazio modeled for the photosession in my backyard. I took different pictures of this unusually slender Tux on a white background, then I incorporated his image into various GPL licensed panoramas found on morguefile. The final touch were these delicious Kodak borders by Andrea Rascaglia.

Open the leaflet in a new window

• A recent implementation of my homemade CMS, a little e-commerce for a Yacht Club
• A web developer's best friends: Firebug and Web Developer Firefox extensions. Can't do without them now.
• Massimo Danieli, colleague and dear friend of mine
• My favorite rock band, the Blonde Redhead

I'm actually a service contractor, but I'm currently examining fulltime positions in Northern Europe. If you are looking for a serious, dependable and enthusiastic web developer, we can discuss the matter. Send me an email!

This page is valid XTML Strict. On kitsch-en.net is served as application/xhtml+xml via php headers, and on the mirrors kitsch-en.com and barbaracassani.com is served as text/html. If you are curious about the difference, there's a very good explanation here. Of course the page is also valid CSS.

Updates

2007/09/06 - added Linux Day leaflet in Fun

2007/09/04 - added generator for mailto javascript xhtml compatible in Fun

2007/09/03 - added Liquid Calculator in Fun

2007/09/02 - fixed wrong link for linkedin profile

This page proudly features the Accordion Mootools plugin.

Technorati tags: web developer, bologna, london