Come vedere al volo l’HTTP Request e la response header di una chiamata ad un url? Andate su questo sito “web-sniffer” e copiate la vostra url dentro il campo “HTTP(S)-URL”. Utilissimo in molti casi (se siete degli smanettoni..)

Dopo una lunga ricerca di un software veloce e gratis che mi permetta di indentare al volo un documento XML, mi sono imbattuto sul sito perfectXML.com che offre alcune funzionalità davvero molto utili. A questa pagina un form che sfruttando le librerie tidy formatta al volo un file XML. Davvero molto utile (certo che sarebbe bello che i vari editor di testo su windows e mac avessero già la funzione di formattazione dell’XML incorporata).

Basta popup, basta alert javascript, basta brutti div posizionati in maniera assoluta: ora potete gestire i messaggi ai vostri utenti tramite “messaggi umanizzati” (in inglese lo script è “Humanized Messages”) e graficamente stilosi. Di che cosa sto parlando? Più facile che lo capiate da soli guardando questo esempio: http://binarybonsai.com/misc/humanmsg/ (anche il “message log” che compare in fondo alla pagina di demo è decisamente interessante).

CSSVista è una software per windows (necessita delle librerie NET 2.0) che permette di fare un live editing del css di una pagina web e vederne i risultati contemporaneamente su Internet explorer e Firefox. Una volta installato CSSVista, il programma vi chiederà l’url di una pagina web di cui potrete vedere il render (esattamente come un qualsiasi browser). Il bottone EDIT farà comparire tre aree distinte: l’area di editing dei CSS della pagina e due aree di preview (una per Internet Explorer e una per Firefox). Modificando il codice del CSS, vedrete in tempo reale gli aggiornamenti degli stili nelle altre due finestre.

L’idea è molto carina e funzionale, ma sul mio sistema (windows XP caricato su Parallels di OSX) c’è un problema abbastanza grave in fase di editing del css: il focus sembra passare in automatico dall’area di modifica del CSS agli altri pannelli. Questo spostamento non voluto del focus è decisamente frustrante perchè mi sono spesso trovato a scrivere del codice e a non vederlo correttamente inserito (perchè per esempio l’area attiva era uno dei due pannelli della preview).

Se proprio volete ottenere questa soluzione vi consiglio di utilizzare due estensioni per firefox che vi permettono di modificare al volo un css di una pagina web qualunque (EDIT CSS) e IETAB (solo per windows) che vi permette di aprire dentro un tab di firefox una pagina caricata con il motore di Internet Explorer.

Qualcuno ha avuto maggiore successo con CSSVista?

Un CMS accessibile o meglio un CMS che sia in grado di generaresiti web o portali accessibili (qui si parla della Legge Stanca) deve rispettare una serie molto lunga di specifiche sia tecniche (xhtml, separazione contenuti, funzionamento anche con javascript disabilitato) sia di facilità di utilizzo.

La scelta può ricadere su diverse tipologie di Content Manager System accessibile (qui provo ad elencarne alcune):

1. il cms fatto datto su misura (spesso da piccole società di consulenza) che offre l’innegabile vantaggio di adattarsi perfettamente alle richieste funzionali di chi deve costruire un sito web (società, pubblica ammnistrazione, privati o università). Lo svantaggio maggiore è che una scelta di questo tipo può precludervi un sano sviluppo di successive funzionalità (sia per problematiche di costi, sia per problematiche di qualità dello sviluppo iniziale)
2. il cms open source (è uscito da poco Drupal 6) è una solutzione che sembra essere la più economica, ma in realtà si rivela in molti casi un’arma a doppio taglio: avrete bisogno di costosissimi consulenti che vi sviluppino template e customizzazioni oppure sarete voi stessi a dover investire molto tempo per imparare a modellare il cms gratuito sulle vostre esigenze.
3. il cms “prodotto” di una società di consulenza: soluzione costosa inizialmente, ma che vi permette di avere un prodotto studiato per esigenze simili alle vostre. Consultate il portfolio di queste società di consulenza per vedere che cosa realmente il Cms proposto è in grado di fare. L’unica nota negativa è che se vi affidate ad una società di consulenza ed a un prodotto proprietario, sarete legati a quel prodotto per diverso tempo (richiedete da contratto di poter avere un supporto a costi fissi e la garanzia che i costi non lievitino senza controllo)

If you want to find non used CSS styles aka orphan CSS classes or ID or simply styles let’s install “Dust-Me Selectors” FIREFOX extension:

Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors.

It extracts all the selectors from all the stylesheets on the page you’re viewing, then analyzes that page to see which of those selectors are not used. The data is then stored in your user preferences, so that as you continue to navigate around a site, selectors will be crossed off the list as they’re encountered.

Some really cool new features:

1. Rich Text Editor: here a demo with a custom “flickr” button.

2. ImageLoader Utility that let you play with dynamic loading of images: Loading Images Below the Fold and Images are loaded only after triggers are fired or time limits are reached

this is the code to attach a custom css for the iphone browser only (soon my blog will have an iphone css).

<link media=”only screen and (max-device-width: 480px)”
href=”iPhone.css” type=”text/css” rel=”stylesheet” />

This is a list of seach forms found online, a gallery of search forms, a gallery that can help you to get some inspiration about designing a web search form (Sometimes you feel like your forms are always the same, with a uncool design).

if you have more form images and inspirations, comment this post and add url of the form.

WEB

http://digg.com

http://www.flickr.com

http://www.rememberthemilk.com

http://del.icio.us

http://dhtmlsite.com

http://veerle.duoh.com/

http://alistapart.com/

http://www.uxmag.com/

http://www.adobe.com/

http://www.live.com

http://www.msn.com

http://technorati.com/

http://www.wikipedia.org/

OS

safari (osx)

spotlight (osx)

Incredibly “mac” stylish: Here the demo.

My little php project goes on:

• Thanks to all people voting photos here: please rate more!
• There are 13826 ratings now (at 18:15 pm). COOOL!
• Added some informations about photos (title, date of the shot…)
• Added pages that show all the images rated more than once ordered by rating average: take a look now
• Please give me feedback about features I should develop. Thanks!

Should I use p or br?

The p element marks up a paragraph of text. A paragraph is one or more sentences that deal with a single thought.

A line break (br) is mostly a presentational tool, and should be handled by CSS rather than HTML. However, there are a few cases where line breaks can be said to have semantic meaning, for instance in poetry, song lyrics, postal addresses and computer code samples. These can constitute legitimate uses for br, but using br to separate paragraphs is definitely an abuse of the br element.

On the other hand, p has a very clear semantic meaning: it denotes a paragraph. Sometimes web authors tend to treat p as a generic block-level container element, but that’s not correct. It’s not uncommon to see a label and an input field wrapped inside a p within a form, but I would argue that it’s semantically wrong. A label and an input field do not constitute a “paragraph”.

(via)