CSS efficienti con l’uso delle shorthand

Traduzione dell’articolo “Efficient CSS with shorthand properties” di Roger Johansson (456bereastreet.com) che illustra le tecniche per rendere più efficienti i CSS utlizzando “scorciatoie” per definirne le proprietà

Dissolvere i dubbi con i cheet sheets

Capita spesso, mentre si sta lavorando al codice HTML e CSS di una pagina web, di avere qualche dubbio su un tag, un attributo, un selettore… Un valido aiuto ci può arrivare dai “cheet sheets“. Il cheet sheet è un file, in formato PDF o PNG ma spesso anche HTML, che si può stampare in [...]

CSS Master: azzerare i valori di default dei fogli di stile dei browser

Per chi non lo sapesse un CSS Master è un foglio di stile che contiene delle regole che neutralizzano il foglio di stile di default dei browser. L’adozione di un CSS Master agisce dunque sul posizionamento e sui comportamenti degli elementi HTML riportando ad esempio margin e padding a 0, rimuovendo gli stili e le [...]

CSS in vetrina

Sono innumerevoli i siti che, sulla scia di CSS Beauty, ci consentono di seguire quali sono le ultime tendenze del webdesign. Ultimo nato, in ordine di tempo, CSS Showcase: una vetrina di menu di navigazione basati appunto sui CSS e scelti tra i migliori esempi presenti sul web. All’interno anche una sezione dedicata alle tecniche [...]

Selectest: utility per sviluppatori CSS

Avete bisogno di localizzare nelle pagine html che sviluppate l’elemento a cui è stata assegnata una classe o un ID? Pawel Knapp ha sviluppato un bookmarklet per Firefox che consente di verificare a quale porzione della pagina è associato un determinato selettore CSS: Selectest. Aggiungete, dal blog di Pawel Knapp, il bookmark di Selectest nella [...]

Come stilizzare un “Indice A-Z” con i CSS

Partendo dal sito della BBC che utilizza per l’Indice A-Z delle semplici liste formattate con i CSS, Christian Watson curatore del sito Smiley Cat Web Design , personalizza il CSS originale della BBC sostituendo ai pixel gli em e migliorando la fruibilità della pagina. Con un solo piccolo accorgimento ha fatto sí che la pagina, [...]

La tipografia applicata al web

Da un po’ di tempo in molti blog dedicati alla progettazione e allo sviluppo di siti web si scrive di tipografia applicata al web.

Le regole tipografiche e l’attenzione ai particolari nel trattamento tipografico del testo sono stati per lungo tempo trascurati dai web designer. Oggi, l’ampia diffusione di monitor ad alta risoluzione e di browser che effettuano una buona renderizzazione del testo unita alle potenzialità dei CSS ci consentono, tenendo conto di alcune regole prese in prestito dalla tipografia tradizionale, di ottenere pagine web impaginate con una certa precisione e soprattutto più leggibili

Tabelle zen?

Sulla scia di CSS Zen Garden dopo l’italiano CSS Zen Sentiero da qualche tempo in rete CSS Table Gallery.

Stanchi della solita tabella?

Potete trarre ispirazione dagli innumerevoli esempi su come si può trasformare una tabella con il solo uso dei CSS

Dichiarare la lingua in HTML e XHTML

Sul sito Web Standard Projects, 7 buone pratiche sulla dichiarazione della lingua nei documenti HTML e XHTML

Trasformare liste ordinate in menu di navigazione

Introduzione La separazione tra contenuto e presentazione offre, tra gli innumerevoli vantaggi, quello di usare un codice XHTML scarno, veloce ed essenziale e di delegare al foglio di stile tutti gli aspetti di presentazione. Nel caso delle liste ordinate è possibile ottenere gradevoli menu di navigazione, sia orizzontali che verticali, applicando poche e semplici regole [...]