960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
Gian...
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
Il p...
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
Lo s...
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
Prov...
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
Util...
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
Le r...
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
960....
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
960....
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
Stil...
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
960....
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
960....
960 Grid System CSS Framework960 Grid System CSS Framework
e compatibilità cross browsere compatibilità cross browser
Graz...
Upcoming SlideShare
Loading in …5
×

Linux Day 2010 - talk about cross browser compatibility and 960 Grid System

548 views

Published on

Slide del talk tenuto a Napoli durante il Linux Day 2010.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
548
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Linux Day 2010 - talk about cross browser compatibility and 960 Grid System

  1. 1. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser Gianfranco Fedele Analista software e sviluppatore presso la D&D http://www.linkedin.com/in/gianfrasoft gianfrasoft@gmail.com
  2. 2. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser Il paradosso del World Wide Web Consortium Il problema della compatibilità cross-browser appare un problema senza fine. ● http://www.w3.org/ ● http://www.w3.org/Consortium/Member/List gianfrasoft@gmail.com
  3. 3. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser Lo standard per la presentazione dei dati sul Web è CSS CSS introduce la separazione tra contenuto e layout delle pagine web. ● http://www.w3.org/Style/CSS/ gianfrasoft@gmail.com
  4. 4. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser Provare a rimettere le cose a posto con reset.css ● http://meyerweb.com/eric/tools/css/reset/ ● http://developer.yahoo.com/yui/reset/ gianfrasoft@gmail.com
  5. 5. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser Utilizzare un framework CSS per la realizzazione di un sito web E' sempre più indispensabile stabilire le regole base per la realizzazione dei layout grafici per il web. I framework CSS rappresentano l'insieme delle idee di uno o più menti pensanti alla ricerca di uno standard. ● http://speckyboy.com/2008/03/28/top-12-css-frameworks-and-how-to-understand-them/ gianfrasoft@gmail.com
  6. 6. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser Le regole di A List Apart per la costruzione di un framework CSS Un modo efficiente di gestire gli stili di un sito web è di avere più fogli di stile, che si distinguono per il proprio ruolo: Foglio di reset Foglio di gestione della griglia Foglio di rappresentazione dei widget Foglio di stile tipografico Foglio di stile personalizzato ● http://www.alistapart.com/articles/frameworksfordesigners/ gianfrasoft@gmail.com
  7. 7. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser 960.gs di Nathan Smith è un framework semplice e flessibile. 960.gs ragiona su una dimensione fissa di 960 pixel e su 3 modelli di layout a 12, 16 e 24 colonne (ma non solo). ●http://960.gs/ gianfrasoft@gmail.com
  8. 8. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser 960.gs è un framework semplice, flessibile ed è sempre più diffuso. 960.gs mette a disposizione 5 tipologie di classi fondamentali: ● container_* ● grid_* ● clear ● alpha ● omega gianfrasoft@gmail.com
  9. 9. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser Stili di un layout 960.gs a 12 col container_12 grid_12 grid_4 grid_8 grid_4 alpha grid_4 omega grid_12 gianfrasoft@gmail.com
  10. 10. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser 960.gs è un framework semplice, flessibile e sempre più diffuso. 960.gs mette a disposizione altre 4 tipologie di classi accessorie: ● prefix_* ● suffix_* ● push_* ● pull_* ● http://960.gs/demo.html ● http://960.gs/demo_24_col.html gianfrasoft@gmail.com
  11. 11. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser 960.gs è un framework semplice, flessibile e sempre più diffuso. Per 960.gs sono disponibili alcuni servizi online per la realizzazione delle griglie di layout: ● http://www.spry-soft.com/grids/ gianfrasoft@gmail.com
  12. 12. 960 Grid System CSS Framework960 Grid System CSS Framework e compatibilità cross browsere compatibilità cross browser Grazie a tutti Gianfranco Fedele http://www.linkedin.com/in/gianfrasoft gianfrasoft@gmail.com

×