960 Grid System CSS Framework e compatibilità cross browser

Slides:



Advertisements
Presentazioni simili
Come si traduce in italiano il verbo «to Design»?
Advertisements

Siti Web Elementi di base per la costruzione di siti web.
Eprogram SIA V anno.
1 Gruppo di lavoro Siti web Cristina Paulon CIS Maldura - Master in giornalismo Padova, 19 luglio 2007 C. Paulon - CIS Maldura - Master in giornalismodreams.
"Play Ogg" multimedialità libera con GNU/Linux... presentato da Stefano Pardini al Linux Day 2008 per ACROS ACROS.
La catalogazione informatizzata della biblioteca come esempio di valorizzazione del patrimonio culturale di una scuola Prof.ssa Angela Berto I.M.S.Sandro.
HLRmon per IGI: nuove funzionalità Enrico Fattibene INFN – CNAF
Indice 1.Cos'è Google DriveCos'è Google Drive 2.Crea e lavoraCrea e lavora 3.VisualizzareVisualizzare 4.Condividi come e con chi preferisciCondividi come.
Presentazione della piattaforma e - learning MOODLE a cura di Davide Afretti Bologna, 24 aprile 2013.
V.1 Progettazione Multimediale – 1 Progettazione multimediale.
Corso di Web Marketing 8 Maggio – 8 Giugno 2017.
Facile da usare Un'interfaccia amministrativa completamente rinnovata, iniziare con Drupal è più facile!
Sistemi e Applicazioni per l’Amministrazione Digitale
HTML5 Tools Pearson
I siti Web Marvin Barletta.
Tipologia di apprendimento: Acquisizione
Lato Server - OMNIS Web Web Services.
Conformità agli standard ufficiali
“Vivere insieme” – Lezione4
Progetto ADEP Alovisi Davide Baroni Manuel Cotet Corneliu
Presentazione widescreen
Layout titolo Sottotitolo.
Linguaggi di markup: CSS
Pronto.
GeoGebra QuizFaber Formazione tra pari
MKTG 2016.
ROTARY INTERNATIONAL DISTRETTO 2070
PNSD - Modulo M6 Faenza 6 settembre 2017
Condividere dati di Excel tramite l'esportazione in un sito di SharePoint
“Vivere insieme” – Lezione3
Standard e Formati di Documento Aperti
Sviluppo web con stumenti Open
JAPS: una soluzione “Agile”
Quick Tip Tutorial Come accedere alle statistiche di EBSCOhost e di EBSCO Discovery Service attraverso EBSCOadmin help.ebsco.com.

Consultazione delle carte da gioco collezionabili
Studente : Andrea Cassarà Classe: 5AII A.S. 2014/2015 Link Sito
Nuovo Front End Commerciale: estensione al Canale Imprese
Informatica - Prof. Gregorio Cosentino
Predisposizione e presentazione della domanda di nullaosta
Basi di dati - Fondamenti
Programmare.
Introduzione a PowerPoint
Lavorare con Excel. Corso Base
Gestione Griglie nel Form Designer
Società Italiana di Andrologia Sezione Marche - Emilia Romagna – RSM
Introduzione a PowerPoint 2007
INTERVISTA E COME CONDURLA.
ADO Per gestire i database con tecnologia ASP si utilizzano strumenti ADO (ActiveX Data Objects): un'architettura che fornisce oggetti.
Sistemi informativi statistici
PRESENTAZIONE ECDL La prima diapositiva deve avere un layout titolo
Layout titolo Sottotitolo.
Stare bene senza fumo La rubrica di LIAF dedicata ai consigli degli esperti che spiegano perché è importante smettere di fumare.
Fogli elettronici e videoscrittura
Predisposizione e presentazione della domanda di nullaosta
Gli archivi e le basi di dati
Pagamento del ticket on line con
Lavorare con Excel - Corso Base
Sottotitolo Layout titolo.
Come creare una presentazione
A-to-Z Consente di Localizzare e Accedere a tutte le risorse della biblioteca: riviste online riviste cartacee riviste nelle banche dati in full text riviste.
M. Nanni – E. Del Fante – M. Savioli
21 febbraio 2019 Dipartimento di Ingegneria e Architettura
Da HTML a XHTML A. Ferrari Alberto Ferrari.
Competenze Informatiche Avanzate
Inserimento Curriculum
LA SCUOLA NELLA NUVOLA GA4E
Transcript della presentazione:

960 Grid System CSS Framework e compatibilità cross browser Gianfranco Fedele Analista software e sviluppatore presso la D&D http://www.linkedin.com/in/gianfrasoft gianfrasoft@gmail.com

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e compatibilità cross browser Stili di un layout 960.gs a 12 col container_12 grid_12 grid_8 grid_4 grid_4 alpha grid_4 omega grid_12 gianfrasoft@gmail.com

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e 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

960 Grid System CSS Framework e compatibilità cross browser Grazie a tutti Gianfranco Fedele http://www.linkedin.com/in/gianfrasoft gianfrasoft@gmail.com