Archive for the 'Css' Category

Come abilitare lo scrolling infinito della homepage del proprio blog su Wordpress caricando dinamicamente gli articoli

Ecco un nuovo plugin per Wordpress che permette di rendere l’homepage del proprio blog virtualmente infinita: Infinite Scroll.
Questo plugin sfrutta il concetto di pageless pagination (letteralmente, paginazione senza pagine), avvistata per la prima volta sul sito di Google Reader e che permetteva di caricare dinamicamente, in presenza di una lunga lista di item non letti, [...]

Come realizzare siti con interfaccia Touch Friendly per iPod Touch e iPhone con i kit IUI e WebApp.net e analisi sulla mancanza di una versione per iPhone di Wikipedia

La rivoluzione della tecnologia touch di un iPhone o un iPod Touch è tale che, per forza di cosa, è stato necessario coniare un nuovo termine per i siti o gli applicativi dedicati a questa serie di dispostivi mobili: touch friendly, ovvero che sia compatibile col tocco delle dita, tipico della navigazione con i [...]

Perché spesso le guide html non dicono che l’attributo TARGET per aprire nuove finestre non è HTML Strict? Tre soluzioni per avere lo stesso effetto senza invalidare il codice e avere un sito accessibile

Quando ho iniziato a programmare, il tag A (per la definizione di link ipertestuali) supportava pienamente l’attributo TARGET per aprire in una nuova finestra un sito web magari esterno al proprio, con lo scopo (illusorio) di non perdere visitatori. Ricordo ancora, quando farcivo le mie pagine html con formule tipo:

<a href=”http://www.sito.it” target=”_blank”>Link esterno</a>

e magicamente, a [...]

Come risparmiare banda del proprio sito riducendo le dimensioni dei file javascript e attivando la compressione HTTP da Wordpress

Il 28 Dicembre 2007 il mio sito aveva finito la banda messa a disposizione dal mio server di hosting Blooweb: ben 40 GB mensili. Se questo, da un lato, non poteva che farmi contento perché significava che avevo un discreto numero di visitatori quotidiani, da un altro correvo il rischio di rendere inaccessibile il mio [...]

IEPNGFix: come risolvere il problema della trasparenza delle PNG su Internet Explorer

E’ noto a tutti che uno dei grandi problemi di Internet Explorer (dalla release 5.5 alla attuale 7) è quello di non riuscire a visualizzare correttamente la trasparenza presente nei file immagine di tipo PNG.
Per chi non lo sapesse il formato PNG (Portable Network Graphics) fu creato nel 1995 da un gruppo di autori indipendenti, [...]

Come cambiare un tema di un sito senza che nessuno se ne accorga

Anche se non sembra, ho completamente riscritto da zero il tema di Levysoft. Se prima era basata sul buon Unnamed 1.0, che sfruttava a piene mani la tecnologia Ajax per inviare commenti e fare ricerche all’interno del sito, oggi si basa sul tema SEO ProSense-Grey, totalmente stravolto da un ricco mashup di funzionalità ispirate dai [...]

Come inserire una immagine in un campo di testo: esempio applicato al campo antispam matematico

Dopo aver introdotto nei commenti il captcha matematico e aver inserito una facility per lo user-uman, ho pensato di dare un tocco grafico al campo anti-spam inserendovi un immagine di un un lucchetto che rendesse immediato e chiaro lo scopo di questa casella di testo.
Per fare questo ho sfruttato la proprietà Background dei CSS, [...]

Firebug e la funziona di INSPECT per modificare al volo le pagine html e come fare Hacking di applicazioni web con Firefox

Firebug, è una estensione per Firefox che facilita la vita a chi deve costruire siti e applicazioni web. Tra le centinaia di funzionalità di cui si dispone installando Firebug, come la possibilità di analizzare ed editare il codice HTML, CSS e Javascript, la visualizzazione di tutte le dipendenze, utili strumenti di debug e di [...]

Installare Syntax Highlighter per Wordpress

Ero alla ricerca di un efficiente Syntax Highlighter per Wordpress, ovvero un plugin che rendesse visibile la sintassi colorata del codice html, js e php. Nelle mie ricerche alla fine sono approdato sull’interessante progetto di SyntaxHighlighter, un syntax highlighter gratis scritto in JavaScript.
Questi i linguaggi supportati:

Language
Aliases

C++
cpp, c, c++ [...]

Rollover e preload delle immagini con i CSS per evitare l’effetto vuoto

L’altro giorno stavo provando a personalizzare i link della sidebar del mio tema Wordpress con delle immagini in rollover: un giochetto da nulla ma l’ho effettuato non con il classico metodo delle 2 immagini distinte che si caricano a seconda se il mouse è sopra il link o meno, ma utilizzando il metodo del posizionamento [...]


Chiudi
Invia e-mail