Archivio per Tag: css

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à

Opera Web Standards Curriculum

Il sottotitolo recita: “Impara a costurire un web migliore con Opera” Si tratta di un corso completo per comprendere e imparare a sviluppare il web secondo gli standard. Sono presenti lezioni su HTML, CSS, principi di progettazione e JavaScript di base. Ecco le prime 23 lezioni che sono già state pubblicate: L’inizio Comprende tutto il [...]

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 [...]

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, [...]

24 modi per stupire i vostri amici!

Una sorta di calendario dell’avvento per chi si occupa di siti web: dal primo dicembre al giorno di Natale un argomento al giorno sui temi della progettazione e dello sviluppo web basati sugli standard. I primi 4 argomenti trattati, dall’1 al 4 dicembre (data di questa mia recensione), lasciano promettere bene: Ajax facile con Prototype [...]

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

E se il cliente vuole il “continua”? Tecnica 2 e riflessioni.

La tecnica di Russ Weakley pubblicata sul sito MaxDesign e recensita su questo blog con l’articolo E se il cliente vuole il “continua”? ha stimolato la fantasia di Florian Grell che ha ritenuto utile mostrare con un effetto hover sul “continua” ciò che attraverso la tecnica di Russ veniva nascosto. Buona idea: fornire più informazioni [...]

Opera 8 e la barra per sviluppatori web

Il browser Opera ha da sempre avuto un’utile barra per gli sviluppatori che consentiva, tra le altre cose, di visualizzare le pagine web secondo diverse modalità. La versione 8 si arricchise di una preziosa barra per sviluppatori web con moltissime funzionalità e di un menu che contiene riferimenti informativi sul linguaggio HTML, i CSS, l’uso [...]

E se il cliente vuole il “continua”?

Capita spesso di progettare delle pagine web che contengono l’abstract del contenuto di un articolo seguito dal link “continua” che ci fa arrivare all’articolo per esteso. Sappiamo bene che utilizzare, all’interno di una pagina web, parole così generiche e ripetute per i collegamenti compromette l’accessibilità della pagina[1]: frasi come “continua” o “leggi l’articolo” non danno [...]