• Posts bookmarked on: edit

  • 24 February 2009

    • 08:09

      Testare ‘virtualmente’ i browser con Xenocode Browser Sandbox

      Chiarisco subito un punto: questo post è innanzitutto una richiesta d’aiuto. L’aiuto lo chiedo a voi, gentili lettori, che usate Windows e potete quindi testare da subito l’efficacia (o meno) di Xenocode Browser Sandbox. Non avendo scritto il post sull’iMac dove ho installato una copia di XP via Bootcamp, non posso che riportare alla vostra attenzione [...]

  • 23 February 2009

    • 08:44

      Scrolling e interfaccia utente

      Davvero notevole questo jquery.scrollable. Si tratta di un plugin per il celebre framework in grado di applicare un comportamento e un’interfaccia a scrolling a qualunque elemento HTML. Come chiarito dagli autori, si presta bene in situazioni come quelle rappresentate da news ticker, playlist di video, cataloghi di prodotti, gallerie di immagini, etc. Ben documentato, il plugin [...]

  • 20 February 2009

    • 07:11

      I bottoni stile Google (anche con jQuery)

      Qualche giorno fa, Douglas Bowman (ai più noto come l’autore di StopDesign, ma ora anche impiegato di Google) ha dedicato un bellissimo intervento al processo di creazione con cui hanno preso forma i pulsanti che possiamo vedere in azione, tra l’altro, su GMail. La sfida era quella di passare da una struttura basata su 9 celle [...]

  • 19 February 2009

    • 15:19

      La Norvegia dice basta a IE6

      Tra i commenti al post dell’altro giorno dedicato a IE6, qualcuno aveva proposto come strategia quella del warning/invito agli utenti di quel browser. Il contenuto? Aggiornati! Una notizia in tal senso arriva direttamente da Ajaxian: la guerra a IE6 sembra avere ora un’avanguardia, la Norvegia. Riporto le stesse parole dell’articolo apparso su Cjohansen.no, intitolato Norway tells [...]
    • 08:00

      Cosa vorremmo dai CSS3

      Lo scorso anno, sul blog del Web Standards Project, era stato aperto un post per raccogliere feedback sui desideri degli sviluppatori rispetto alla specifica CSS3. Il tutto da inviare come base di discussione e di idee al CSS Working Group. Uno dei membri del gruppo di lavoro, fantasai, ha ordinato e raccolto sul suo sito le [...]

  • 17 February 2009

    • 07:26

      Niente CSS a IE6

      Lo scrivevamo a inizio 2009: tra i buoni propositi che molti nel giro del web design hanno espresso per il nuovo anno c’è pure quello di non supportare più IE6. In queste settimane ho incrociato diverse discussioni tecniche su quelle che potrebbero essere le migliori exit strategies a seconda del contesto d’uso e degli scenari, unici, [...]

  • 13 February 2009

    • 07:21

      Creare Line Graphs con i CSS

      Il nuovo articolo di Alen Grakalic apparso su CSSGlobe.com denominato Pure CSS Line Graph, ha notevolmente catturato la mia attenzione, essendo uno dei pochi post che si pongono l’ obiettivo di mostrare tutta la potenza offerta dai semplici CSS. Dopo il precedente articolo (Pure CSS Data Chart) che spiegava come creare “semplici” grafici unicamente avvalendosi [...]

  • 12 February 2009

    • 06:33

      Simpletip: creare tooltip con jQuery

      Simpletip è un’interessante plug-in per il framework jQuery che permette di creare tooltip in una modalità davvero semplice. Cliccando sull’icona contrassegnata dal testo “View some demos” è possibile effettivamente vedere Simpletip in azione in una vasta gamma di situazioni. Come possiamo notare è possibile posizionare i tooltip in modalità assoluta o relativa, fissa o dinamica, con [...]

  • 06 February 2009

    • 07:39

      La lista dei controlli

      Designing Web Interfaces è uno degli ultimi titoli usciti per i tipi di O’Reilly. Affronta in particolare il tema dell’interaction design nell’epoca delle interfacce ricche e dinamiche spesso riunite sotto l’etichetta RIA. Come consueto di questi tempi, gli autori (Bill Scott e Theresa Neil), stanno promuovendo la loro fatica attraverso un sito di accompagnamento corredato di [...]
    • 07:31

      Il dibattito su H1…

      Eh già, anche su questa cosa non si smetterà mai di dibattere :) Cosa va definito con il tag <h1>? Il logo presente nell’header della pagina o il titolo principale della pagina stessa? Se faccio riemergere qui l’annosa questione è per segnalarvi che intorno ad essa è stato persino organizzato un piccolo sito, intitolato, guarda [...]

  • 02 February 2009

    • 08:27

      Gestire liste lunghe e complesse con jQuery ListNav

      Immaginate di avere una lista (ordinata o non ordinata) con decine di item e che vogliate offrire all’utente un modo semplice ed efficace per visualizzarli secondo un criterio alfabetico tramite una comoda barra di navigazione. Questo lo scenario d’uso in cui può fare al vostro comodo il plugin jQuery ListNav. Numerose le opzioni disponibili per configurare [...]

  • 30 January 2009

  • 29 January 2009

    • 09:02

      Scripter o programmatore?

      Ehmmm… non vorrei scatenare una guerra, con tutta sincerità vi assicuro che fino a due giorni fa ignoravo che potesse essere argomento di flame o cose simili :). Esiste o non esiste una differenza di fondo tra linguaggi di scripting e linguaggi di programmazione? E se sì, quel è? È addirittura possibilire stabilire delle gerarchie? Due [...]

  • 28 January 2009

    • 13:30

      SitePoint rilascia FireScope per FireBug

      Dopo l’aggiornamento delle sue pagine di riferimento, SitePoint rilascia FireScope, una plugin per FireBug che, in breve, ci permette di visualizzare e ricercare, proprio nelle sue reference, gli elementi HTML, gli attributi e le proprietà CSS direttamente da FireBug. Il funzionamento è molto semplice. Requisiti fondamentali sono Firefox con FireBug installata. Per prima cosa scaricate il [...]
    • 08:11

      CSS condizionali con XSLT

      Grazie ad Ajaxian vengo a conoscenza di un nuovo e particolare metodo per fornire fogli di stile ad hoc per vari browser. Con questa tecnica basta utilizzare un attributo del classico tag <link> o <style> per specificare i browser in cui gli stili dovranno essere intepretati ed il gioco è fatto. Ecco ad esempio il codice per [...]

  • 20 January 2009

    • 07:26

      Due plugin per jQuery

      Mentre qualcuno osserva come nella versione 1.3 di jQuery molte funzionalità precedentemente disponibili sotto forma di plugin siano ora state accolte nel core della libreria, non cessa il flusso quasi quotidiano di nuovi arrivi e segnalazioni di add-on per il celebre framework. Il primo che giro alla vostra attenzione è jQuery SWFObject Plugin. Il nome dice [...]

  • 19 January 2009

    • 09:04

      Formy: un framework CSS per i form

      Accanto ai framework CSS destinati alla costruzione di layout di pagina, stanno nascendo alcuni progetti dedicati ad elementi specifici come i form. È il caso di Formy, appena uscito dalla versione beta e pronto per il download dalla pagina del progetto ospitata su Google Code. L’approccio è questo: non usare per la realizzazione della struttura in [...]

  • 16 January 2009

    • 07:52

      Transizioni ed effetti CSS su (quasi) tutti i browser

      Abbiamo già parlato, man mano che venivano annunciate, delle varie proposte di specifica presentate dal team di WebKit relative agli effetti di transizione, trasformazione e animazione ottenuti tramite i soli CSS (per uno degli esempi sperimentali presenti sul web mi limito a linkare questa pagina, da visualizzare ovviamente con un browser basato sulle build più [...]

  • 09 January 2009

  • 04 January 2009

    • 15:37

      Migliorare i browser: un dovere degli sviluppatori

      Il 2008 appena trascorso ha rappresentato un anno di rinnovato fermento intorno ai browser web. Inutile stare qui a ricapitolare i dettagli, basterà ricordare che dall’arsenale delle frasi da titolo di post o articolo è stata rispolverata l’espressione ‘guerra dei browser’. Che miglioramenti enormi siano intervenuti su tanti fronti è indubbio, che questo o quel browser [...]

  • 29 December 2008

    • 07:23

      Username o indirizzo email?

      L’articolo 11 Expert Tips For Enhancing The User Login Process apparso su SitePoint elenca, come da titolo, una serie di consigli utili per ottimizzare a vantaggio dell’utente la procedura di login di un sito. Molti dei punti sono dei classici per questo tipo di liste di consigli, buone pratiche ormai acquisite e messe in atto dai [...]

  • 09 December 2008

  • 05 December 2008

    • 07:27

      Deploy: generare la directory root tramite web

      Deploy, come indica la pagina principale dell’applicazione, è “un tool che permette di creare un nuovo progetto web in pochi secondi” (e soprattutto con pochi click). In parole povere, si tratta di un generatore della directory root del nostro progetto: possiamo creare i contenuti iniziali necessari, unicamente scegliendo le opzioni desiderate tra quelle proposte. Tra queste ultime [...]

  • 04 December 2008

    • 06:33

      Effetto Spy con jQuery

      L’effetto pare sia stato ‘inventato’ da Digg per l’esperimento dei suoi Labs chiamato Digg Spy (nella forma attuale è diverso da quella originale). Si tratta di un accattivante modalità di visualizzazione di item organizzati in normali liste HTML. L’implementazione basata su jQuery che viene presentata in questo post su jQuery for Designers è simile a [...]

  • 02 December 2008

    • 07:33

      Una pagina “HTML e CSS”

      È un dato di fatto: ormai le famose pagine “HTML” composte da puro codice HTML (e CSS) stanno svanendo. Quando si costruisce un’applicazione medio-complessa, l’utilizzo di una tecnologia server-side (vedi PHP e ASP) è d’obbligo (a meno che il programmatore o il team di sviluppo non vogliano passare dai 20 ai 30 anni sullo stesso [...]

  • 27 November 2008

    • 08:26

      Serve un menu dropdown?

      Mentre il nostro Alessandro Fulciniti si è esercitato con i CSS a replicare quello di Facebook, Michael Leigeber propone un leggerissimo script di facile configurazione (1,2kb) per realizzare questo menu multilivello con Javascript. Tags: css javascript menu
    • 08:10

      Il Doctype alla Google

      La verifica è semplice. Basta visualizzare il codice di una pagina con i risultati di una ricerca offerti da Google per notare che il doctype adottato a Mountain View è di una forma siffatta: <!doctype html>. Cosa fa questo doctype? Stando alle parole di Dustin Diaz, fa quello che deve. Mette i browser in modalità standard. [...]
    • 07:26

      Generatori di effetti vs. web designer in carne ed ossa…

      Sarà la sfida del prossimo futuro. La schiera di web designer impegnata a dover dimostrare che la creatività non può essere prodotta in serie da un qualunque generatore di effetti. Sarà una battaglia difficile, perché i tool che rendono la vita facile nella costruzione dei siti web si moltiplicano a vista d’occhio. Molti professionisti e [...]

  • 24 November 2008

    • 14:06

      Intervista a John Resig

      Il nostro Riccardo Degni ha fatto una bella intervista a John Resig, creatore di jQuery e personaggio di punta del web development a livello mondiale. Il futuro prossimo del celebre framework, lo stato di progetti come Sizzle e Dromaeo, consigli utili per un approccio proficuo alla programmazione in Javascript sono alcuni dei principali temi del [...]
    • 09:12

      Lightbox: arriva Braccio di Ferro

      Questa volta non si tratta di un clone: Popeye è un plugin per JQuery che si propone come vera alternativa a Lightbox, con un interfaccia ed un approccio differente. Due, secondo l’autore, i principali difetti delle classiche Lightbox: offrirebbero spesso un look & feel non coerente con il resto del sito sarebbero in realtà simili ai vecchi pop-up [...]

  • 20 November 2008

    • 09:52

      Misurare l’engagement dei visitatori

      L’engagement dei visitatori - letteralmente tradotto come coinvolgimento - è un tema dibattuto già da un po’ di tempo e a cui i web analisti stanno cercando di dare una definizione con l’obiettivo di identificare un nuovo KPI. Secondo Eric Peterson, guru della web analytics e tra i pionieri dell’argomento, tale concetto può essere così definito: Engagement [...]
    • 07:19

      “The Art & Science of CSS” gratis su SitePoint

      Singolare iniziativa su SitePoint, dove danno via gratis il PDF di “The Art & Science of CSS”, ottimo libro sui CSS in “dotazione” all’arsenale dell’editore australiano. Interessante non solo per il libro in sè, ben scritto, con ottimi spunti pratici, un “must” per chi vuole occuparsi di sviluppo web ma, maggiormente, per l’utilizzo della promozione per [...]

  • 19 November 2008

  • 18 November 2008

    • 12:14

      jQuery Corners

      jQuery Corners è un plug-in per il framework jQuery che permette di aggiungere dei “bordi arrotondati” ai vari elementi HTML senza richiedere l’uso di particolari immagini aggiuntive. L’effetto anti-alias che si può ottenere è gradevole, come si può osservare direttamente nella home dell’applicazione dove sono presenti parecchie demo che mostrano il plug-in in azione in altrettante [...]

  • 17 November 2008

    • 09:47

      Rintracciare il Javascript intrusivo

      Uno dei cardini della programmazione Javascript di ultima generazione è che il Javascript stesso dovrebbe essere non intrusivo. Il risultato? Codice HTML pulito, vera separazione dei livelli assicurata. Robert Nyman ha recentemente presentato sul suo blog Obtrusive JavaScript Checker, un’estensione per Firefox che consente di verificare e segnalare attraverso un bordo rosso la presenza nella [...]
    • 07:20

      Inserire porzioni di codice su un blog

      Come vi sarete accorti dai post in cui inseriamo a corredo porzioni di codice, su questo blog abbiamo da un pezzo adottato SyntaxHighlighter per la formattazione del codice stesso. È una bella libreria Javascript che supporta diversi linguaggi e dà risultati estetici indubbiamente gradevoli. Unico problema per chi volesse ottenere codice (X)HTML valido è che usando [...]

  • 12 November 2008

    • 08:03

      “Element Traversal API” per jQuery

      John Resig ha postato un articolo molto interessante denominato “Element Traversal API”, dove spiega come la situazione delle specifiche DOM si stia evolvendo con nuove proprietà disponibili per navigare con più efficacia nella struttura delle nostre pagine e soprattutto con il supporto di .children ora disponibile per tutti i browser (dopo l’aggiunta del supporto in [...]

  • 07 November 2008

  • 05 November 2008

    • 09:35

      Web fonts nei CSS anche su IE

      Come molti di voi sanno, le versioni 3 di Safari e 3.1 beta di Firefox consentono già ora di incorporare font esterni nei CSS attraverso la direttiva @font-face. A parte le complicatissime questioni legate alla protezione e licenza dei font, uno degli ostacoli per il decollo di questo metodo è ovviamente rappresentato dall’incompatibilità nel formato [...]

  • 03 November 2008

    • 07:24

      Il web design… su carta

      Leggo sul blog di Roger Johansson della recente uscita del primo numero di Scroll Magazine. Nata (perché di una rivista tradizionale si tratta) da un’idea di John Allsopp, è un altro tentativo per portare sulla carta contenuti legati al web design e dintorni. Contenuti certamente di qualità a giudicare dalla lista di temi e autori [...]

  • 30 October 2008

    • 13:23

      Cruz, un nuovo browser per Mac

      Si chiama Cruz ed è l’ultimo arrivato nel panorama dei browser per Mac OS X (è richiesta la versione 10.5 o superiore del sistema operativo). Il motore di rendering è WebKit, cosa che garantisce all’utente le stesse capacità in termini di supporto degli standard offerte dall’ultimo Safari. Le differenze rispetto al browser di Apple si concentrano [...]
    • 10:20

      Typeface.js: qualsiasi font nelle pagine Web

      Typeface.js è un ottimo script scritto in Javascript che si pone l’obiettivo di superare il limite imposto dai sistemi operativi per quanto riguarda i font utilizzabili nelle pagine web. Infatti, se una pagina è scritta con un determinato font ma non è installato sulla postazione dell’utente, quest’ultimo non potrà visualizzarlo (il browser ne userà uno secondario [...]
    • 07:36

      Un box model alternativo per i CSS3

      Ci fu un tempo in cui avvicinarsi alla costruzione di layout con i CSS significava apprendere come regola n° 1 che il browser più usato al mondo non interpretava correttamente il concetto di box model del W3C. Un bug tanto famoso da essersi guadagnato l’onore di una corposa voce su Wikipedia e per il quale [...]

  • 28 October 2008

    • 09:03

      Strumenti e risorse per la web analytics

      Potrebbe essere un ottimo punto di partenza per quanti volessero saperne di più sulla web analytics iniziando dai concetti di base e dai ferri del mestiere. Oltre che per i contenuti, infatti, vi segnalo il post di Gabriele Lauritano uscito sul blog di TSW per la ricca lista di strumenti e servizi legati all’analisi delle [...]

  • 27 October 2008

    • 07:26

      Regole ad hoc con CSS Browser Selector

      Non so se è una genialata o una delle tante cose che lasciano il tempo che trovano (potrebbe anche essere in effetti un’inutile genialata…). Parliamo di CSS Browser Selector una piccola libreria Javascript (appena 1kb) che potete scaricare da Github. Cosa fa? Semplice. Visualizzate la pagina ufficiale, date un’occhiata al codice HTML con Firebug, il [...]

  • 21 October 2008

    • 07:35

      Espressioni CSS? Aborro!

      Rubo il titolo dal primo commento in calce a questo post dedicato alle performance delle espressioni CSS. Bene, potremmo usarlo anche come titolo alternativo per un intervento uscito qualche giorno fa su IEBlog. Documenta il fatto che sulla via che porta ad una maggiore compatibilità rispetto agli standard web Microsoft ha deciso di mettere al bando [...]

  • 15 October 2008

    • 06:33

      Il markup semantico è una chimera?

      Per ottenere determinati effetti bisogna scendere a compromessi con il markup a discapito della semantica dello stesso. Ma è davvero un problema?

  • 14 October 2008

    • 07:41

      Amico Javascript

      Non è che segua ogni giorno l’evoluzione di jQuery e della ricca collezione di plugin nati intorno al celebre framework. Sono pertanto rimasto un po’ stupito da alcuni di quelli che ho trovato in questa lista appena uscita su Noupe. Si tratta di 12 soluzioni per 12 problemi comuni nello sviluppo di pagine web, con i [...]
    • 06:34

      Perché ho smesso di validare i CSS

      Quanto ha senso continuare a validare i fogli di stile, a fronte delle continue implementazioni dei CSS3?

  • 13 October 2008

    • 08:51

      Hack CSS per i vari browser

      Comoda questa lista approntata da Neal Grosskopf sul suo blog. Riunisce in una sola pagina una serie di hack CSS con cui è possibile scrivere regole specifiche per ciascuno dei principali browser sulla piazza. Sì, lo so, non è una pratica consigliata e consigliabile, e lo stesso autore lo chiarisce a inizio post, ma, come [...]

  • 10 October 2008

    • 07:27

      Layout con le tabelle CSS

      Qualcuno tra i lettori più affezionati ricorderà un vecchio post con cui segnalavamo questo esperimento consistente nel realizzare un layout basato sui CSS senza però float o posizionamenti, ma attraverso l’uso delle proprietà associate alle tabelle e a certi valori speciali di display come display: table. In sintesi, un elemento a cui venga associata qualcuna [...]

  • 09 October 2008

    • 06:36

      Checklist per indagare sul Conversion Rate

      Chi fa web analytics lo sa bene: lavorare sul tasso di conversione di un sito è una sfida sempre diversa, intrigante, nella quale è necessario vestire i panni dell’investigatore. Per svolgere questo tipo di analisi è importante studiare le pagine (o il percorso) in cui la conversione dovrebbe verificarsi, cercando di interpretare l’impatto che ogni elemento [...]

  • 06 October 2008

    • 11:20

      CSS: abbiamo esplorato davvero tutto?

      Qualche giorno fa Jeffrey Zeldman ha reso note le le linee di evoluzione per il futuro di A List Apart. In sintesi: meno articoli strettamente tecnici su standard web e dintorni, più interventi sugli aspetti teorici e di business legati all’attività di chi fa siti web. Un punto in particolare vorrei girarvi per stimolare la discussione. [...]