CSS: tips, tutorial e risorse

Venerdì 14 Marzo 2008 - 09:47

di Alessandro Fulciniti

CSS

Alcune segnalazioni interessanti sui CSS che ho raccolto di recente.
Cominciamo con Planning your stylesheet - the definitive guide: il titolo è un po’ pretenzioso forse, ma contiene dei suggerimenti preziosi. Un articolo simile è Combating Classitis with Cascades and Sequential Selectors,
con alcuni tips per usare le classi con buon senso.

Passiamo ai tutorial: decisamente bello il Legend of style revised, un articolo che propone differenti
presentazioni dell’elemento legend dei form. Ottenere risultati cross-browser per questo elemento non è semplice, ma mi pare che l’autore del pezzo abbia fatto un ottimo lavoro. Altro tutorial molto specifico: Creating and styling resizable buttons per ottenere bottoni semi-grafici autoadattanti in larghezza.

Equidistant objects with CSS è un interessante tutorial per ottenere elementi equidistanti come se fossero intabellati. Le cose in realtà non sono semplici quanto sembrano, ed ottenere risultati cross-browser non è semplice. Una buona sperimentazione: si tratta infatti di un caso in cui ci si può davvero sbizzarrire nella scelta del markup e nell’approccio da usare nei CSS (float o posizionamenti assoluti).

Concludo con CSS Type Set, un semplice strumento che permette di generare le dichiarazioni tipografiche necessarie e Markup Generator:
pensato per i più pigri, è in grado di generare la struttura HTML e le regole CSS (vuote però) a partire da uno pseudo-codice.

Tags:

Categoria: CSS | Permalink

Commenti

1

Permettimi una correzione: il tag legend non è propriamente dei form, ma è legato al tag fieldset e serve per avere una “descrizione” di ciò che è contenuto nel blocco.

Per il resto è una bella collezione di esempi CSS, grazie per i links.

# - postato da Paolo - 14 Marzo 2008 - 10:05

2

Ottimi link, molto interessante quello sul tag legend.
Mi pare invece che il link per CSS Type Set non funzioni.

# - postato da \\Dav - 14 Marzo 2008 - 11:06

3

Come al solito, ottima segnalazione!

# - postato da paolo - 14 Marzo 2008 - 12:09

4

Interessante come al solito, soprattutto (x me) quello sul tag legend e quello sugli elementi equidistanti.. grazie!

# - postato da lloyd27 - 14 Marzo 2008 - 13:01

5

@Paolo.cc: verissimo che le legend sono legate ai fieldset, ma è anche vero che i fielset vanno necessariamente inseriti nei form, quindi non credo di aver detto niente di sbagliato: la tua semmai è una precisazione ;-)

@\\Dav: grazie, sistemato ora!

# - postato da Alessandro Fulciniti - 15 Marzo 2008 - 00:20

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento