Topic: <R> Web standard - link ed altro

[flod]

Visto che ultimamente ho scoperto di essere decisamente ignorante in materia di webdesign, css ed affini,  inserisco alcuni link a del materiale interessante che ho trovato in rete (dove non indicato diversamente i documenti sono in inglese).

Chiunque abbia altri link da segnalare è il benvenuto

• http://www.happycog.com/lectures/dwws/
  
• The benefits of Web Standards to your visitors, your clients and you!
  
• http://www.zeldman.com/
  
• http://www.ericmeyeroncss.com/ , particolarmente utile la sezione links (sono in attesa di ricevere i due libri da Amazon)
  
• http://adactio.com/articles/display.php/CSS_based_design
  
• http://www.sessions.edu/newsletter/Schmitt_C/interview.html
  
• http://www.hotdesign.com/seybold/
  
• http://constile.org/ (in italiano)
  
• http://www.alistapart.com/
  
• http://www.bazzmann.com/ (in italiano)
  
• http://www.diodati.org/
  [/list:u]
  
  In particolare, consiglierei la lettura del primo sito a chi nei giorni scorsi aveva sollevato dubbi sull'utilità degli standard.
  
  

  “There was a time not that long ago when many drivers thought nothing of tossing empty bottles out the windows of their cars. Years later, these same citizens came to realize that littering was not an acceptable way to dispose of their trash. The web design community is now undergoing a similar shift in attitude. Web standards are key to this transformation.” —

[flod]

Ne dimenticavo un paio: Home page di Eric Meyer e soprattutto CSS Garden

Grazie a quest'ultimo sito mi sono reso conto di quanto fossero limitate le mie conoscenze di css e quali fossere le potenzialità di questo standard.

In pratica il contenuto è fisso; ogni utente può modificare l'aspetto di tutto il sito modificando solamente il foglio di stile e volendo può aggiungere la propria versione all'elenco degli stili disponibili.

A destra, nella colonna Select Design, è possibile scegliere con quale design visualizzare il sito.

[gian]

IMHO hai avuto un'ottima idea e spiego perché.
Firefox e Mozilla danno un ottimo supporto agli standard e penso che ogni web designer che abbia a cuore il futurodi Mozilla.org debba fare di tutto per valorizzare questi browser. Il che non significa che bisogna denigrare gli altri browser, è sufficiente realizzare pagine aderenti agli standard per ottenere pagine cross browser compatibili con almeno una decina di agent diversi e nello stesso tempo *ottimizzate* per i browser Gecko.

Purtroppo nello sviluppo delle pagine Web si è spesso e volentieri condizionati da una sorta di dipendenza da mentalità stile Internet Explorer e questo porta inevitabilmente ad usare l'HTML per formattare il layout delle pagine, ad usare un CSS a regime ridotto (Explorer ha parecchie lacune nel supporto a CSS2, pur aggiungendo funzionalità proprietarie che in ogni modo sono amenità inutili come la colorazione delle barre di scorrimento), ecc.

Provate a sbizzarrirvi con il CSS e i browser Gecko e vedrete aprirsi prospettive stilistiche incredibilil e originali. Peccato che i browser Gecko sono avanti anni luce rispetto ad altri prodotti in questo campo. In ogni modo penso che questo sia uno degli aspetti più interessanti della superiorità dei browser Gecko ma anche tra più sconosciuti e, sottolineo, nella stessa comunità di Mozilla.org.

[prometeo]

flod ti manca il pezzo meglio della collezione:
http://css.maxdesign.com.au/index.htm
Lo trovo semplicemente MITICO! Tutorial passo passo, spiegazioni approfondite, avvertenze sulle incompatibilità con i vari browser: una delizia!
Ciao, Giacomo.

[prometeo]

Aggiungo altri due pezzi pregiati:
http://www.alistapart.com/ (eccezionali articoli molto specifici)
http://www.gdesign.it/ (in italiano, con parecchie traduzioni degli articoli del sito precedente).
Ciao, Giacomo.

[flod]

Dopo un paio d'ore lavoro dovrei essere riuscito ad eliminare praticamente tutte i layout basati su tabelle dal mio sito, anche se ho ancora parecchio da lavorarci

@Prometeo: alistapart.com l'avevo già messo , gdesign mi ero dimenticato di metterlo mentre il primo l'avevo visitato tempo fa ma non me lo ricordavo proprio

[prometeo]

Visto che mi hai provocato, allora calo sul tavolo il link definitivo:
http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html
Vedi un po' se riesci a trovare qualcosa che manca...
Ciao, Giacomo.

[flod]

Direi che non manca nulla

[gian]

Dopo un paio d'ore lavoro dovrei essere riuscito ad eliminare praticamente tutte i layout basati su tabelle dal mio sito, anche se ho ancora parecchio da lavorarci

@Prometeo: alistapart.com l'avevo già messo , gdesign mi ero dimenticato di metterlo mentre il primo l'avevo visitato tempo fa ma non me lo ricordavo proprio

una curiosità: hai provato una morbosa soddisfazione all'idea di essere riuscito a fare un sito senza usare una tabella?
Almeno, a me è capitato, in tutto il sito ho una sola tabella usata proprio per tabulare dei dati e in ogni modo è linearizzata

[flod]

una curiosità: hai provato una morbosa soddisfazione all'idea di essere riuscito a fare un sito senza usare una tabella?

In effetti sì

in tutto il sito ho una sola tabella usata proprio per tabulare dei dati e in ogni modo è linearizzata

Ne ho una che dovrei tenere, un'altra che sicuramente sostituirò (quella dei link)

[arso]

Io ne aggiungo un po' a caso:

Sulla falsa riga di CSSZenGarden, esiste l'altrettanto interessante, e italiano, CSSZenSentiero: http://www.sentieroimpresa.it/csszensentiero.htm.

Poi alcuni siti che propongono template, layout standard già pronti per l'uso o costruibili on-line:
1. http://www.inknoise.com/experimental/layoutomatic.php
2. http://tools.i-use.it/
3. http://www.webproducer.at/flexible-layout
4. http://www.visuddhi.com/vstuff/l3cbuilder.asp
5. http://intensivstation.ch/css/template.php
6. http://cssvault.com/
7. http://www.weeklystandards.com/

Che dire: divertitevi a costruire siti aderenti agli standard!

[tittoproject]

Io ho trovato molto ben fatte le guida di HTML.it
in particolare:

http://www.html.it/layout_css/

http://www.html.it/css/

Da apprezzare il fatto che ogni due righe ricordano che IE non supporta questo o quello, mentre Mozilla si! Hanno anche degli esempi appositamente preparati per chi usa IE...giusto per far capire quanto bussolotto sia

Invece parlano bene di IE per Mac  Ma cosa fanno alla Microsoft: un browser che funziona meglio su altri OS?

[iacchi]

Aggiungerei anche la sezione pro di html.it, http://pro.html.it dove ci sono interessanti tutorial sugli aural browsers, realizzare menu a tendina e layout di pagine con i soli css.