Trovare il layout perfetto è un’impresa titanica, descrivere passo passo come ottenerlo è qualcosa di impensabile. Almeno lo era fino a quando non è stato scritto questo articolo su Position is Everything.
[via Geek Ramblings]
ciauz
Normalmente quando scriviamo il CSS di un sito stiamo attenti affinchè sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo più volte lo stesso style se applicato a diversi oggetti.
Operare in questo modo è molto comodo ed efficiente per noi sviluppatori ma altrettato inefficiente per un browser che invece di scaricare 10Kb di CSS se ne scarica 50Kb.
Come risolvere il problema? Beh semplicemente usando CSSOptimizer per comprimere e ripulire da tutto il testo inutile il CSS che pubblicheremo su web e tenendoci solo in locale quello usato per lo sviluppo e ricco di commenti.
ciuaz
Nella nuova concezione di web design usare le tabelle per il layout è sbagliato, banalmente non è però vero il contrario… ecco un ottimo esempio di layout per tabelle :)
ciuaz
Della cosa ne avevo già parlato da qualche parte (dove? boh…), ma un link in più non fa che bene. Su MaxDesign sono presenti alcuni utili esempi su come usare i css per formattare le liste.
ciuaz
Una breve ma interessante serie di slide che spiegano quali estensioni utilizzare per trasformare Firefox nel miglior strumenti di sviluppo e debugging di un sito.
una chicca, le slide sono virtuali, in quanto sono tutte presenti sulla stessa pagina… ah, le magie del javascript e dei css ;)
ciuaz
Sul blog di Peter Freitag è stata pubblicata una lista di tutti i principali cheat sheet per linguaggi di programmazione, applicazioni e css.
ciuaz
Se necessitate di far leggere un lungo documento all’interno di un layout a grandezza fissa o fate una paginazione o utilizzate uno script js per lo scrolling dei contenuti. Sul sito del tutorial, chiamto Dinamic Web Coding, ci sono anche molti altri piccoli tutorial da cui prendere spunto…
ciuaz
Non so per quale arcano motivo ma mi hanno convinto a lavorare ad un sito pseudo-dinamico con una marea di file statici da includere di volta in volta ed un backend di pubblicazione eventi scritto da un dislessico con grossi problemi di afasia. Quindi per necessità di rinfrescarmi la memoria ho ripreso a leggere alcuni siti come a list apart che evitavo da un annetto avendo deciso di decarmi solo alla programmazione in php, al lavoro di sysadmin, a quello di project manager e soprattutto avendo deciso di non voler più scrivere neanche una riga di css o di aprire photoshop se non per qualcosa di personale…
Beh ecco i link che ho trovato oggi:
[update]
a list apart cambia layout… per le motivazioni c’è un articolo di zeldman
ciauz
Sto lavorando da qualche giorno ad un css per un layout a tre colonne un po’ particolare, qualcuno sa spiegarmi perchè diavolo con ie mi scompaiono tutti gli oggetti quando applico uno stile con un float?
Cioè mi spiego meglio, se devo allineare due oggetti all’interno della colonna centrale (quella del testo) faccio una cosa del genere:
[html4strict]
[/html4strict]
che su firefox, opera e safari funziona senza problemi… mentre su ie 6 non si visualizza nulla! aiutatemi vi prego.. sto per impazzire!
[update]
Marco mi ha illuminato e fatto scoprire l’esistenza del temibile peek-a-boo bug di explorer… uno in più da aggiungere alla collezione
ciauz
Bellissimo tutorial su come personalizzare l’aspetto degli input di tipo Radio e CheckBox dei form senza perderne l’accessibilità, la compatibilità e i comportamenti via browser.
E sempre sullo stesso sito un articolo che spiega come usare i css per realizzare delle barre di avanzamento sfruttando il tag OL
ciauz