css

Service links modulo social per Drupal e sprite css

Service links modulo Drupal social con lo sprite css Lo sprite css, oltre allo share di dominio, per migliorare le prestazioni del sito web, si applica  anche ai moduli social, plugin o estensioni tipo Service links o AddThis.

I moduli social infatti sono solitamente utilizzati in fondo alla pagina per votare l' articolo o segnalarlo ai social network. Più iconcine per la segnalazione contiene il modulo, più influisce sulle prestazioni del sito web, in quanto aumentano le richieste dns.

Nel mio caso, utilizzando Service links, avevo 16 icone social, quindi 16 richieste dns in più per ogni pagina. Le richieste dns, nel mio caso, potevano essere ridotte a 1 o 2 applicando il metodo dello sprite css.

Ho quindi cominciato a lavorare allo sprite css per Service links, creando la mia immagine sprite da applicare al css. Questo metodo presupponeva quindi di bypassare il modulo Service links utilizzando l' immagine sprite come blocco alla fine dell' articolo; ma non era possibile passare

Errori validazione xhtml e CSS in moduli Drupal

Logo Drupalll modulo Drupal service_links nella nuova versione 6.x-1.1 produce un errore di validazione xhtml. Allego l' immagine del messaggio di errore.
Ho ripristinato il vecchio modulo service_links 6.x-1.0.
Anche la nuova versione del modulo lightbox2 6.x-1.11 produce errori di validazione, ma stavolta nel CSS. Allego anche quì immagine dell' errore e la parte del CSS in cui sono contenuti.

L' attributo style produce un errore se usato nell' html

css-zen-bookPur ritenendo tuttora valida l' informazione riportata nell' articolo "CSS - Distanziare testo e immagine con una cornice", nel senso che produce l' effetto descritto, questa tecnica produce, in fase di validazione con Total Validator, l' errore E650 per le specifiche HTML 4.01 così descritto : "When style attributes are used the default style sheet language should be specified using a Content-Style-Type HTTP header or <meta> tag". L' errore rimanda ad una pagina del W3C a questo indirizzo : http://www.w3.org/TR/html401/present/styles.html#h-14.2.1 . Per diminuire la frequenza dell' errore, ho scelto di eliminare dal CSS la riga border: 1px solid #a0a0a0; che produceva, attorno ad ogni immagine,

Firebug e risorse utili per capire CSS e W3C

vcss-blueIl sito css.flepstudio.org è senza dubbio tra i siti migliori a cui i webmaster che hanno poca dimestichezza con i css accedono; css.flepstudio.org è una risorsa del web alla quale anch' io, trovandomi alle prese con problemi del css e validazioni W3C, attingo molte volte. Vado solitamente su questo sito non con un link diretto, tipo la homepage salvata tra i preferiti del browser, ma con una ricerca sui motori utilizzando come chiave di ricerca una proprietà del css. La ricerca mi restituisce sempre, tra i tanti risultati, il sito css.flepstudio.org e questo mi dimostra come il sito in oggetto sia tra i maggiori su tutto ciò che concerne il css. Le descrizioni su tutto ciò che concerne i css e le varie proprietà sono molto accurate e ricche di esempi. Ho molto apprezzato gli esempi scritti sia in maniera estesa che in maniera abbreviata. Vediamo

Condividi contenuti

Verifica validità XHTML del sito web con W3C Verifica validità CSS del sito web Verifica validità RSS del sito web