HTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco CasarioCodemotion
Non esiste il mobile web, il tablet web o il desktop web. E’ sempre lo stesso web solo fruito da dispositivi diversi. In questa sessione rivolta ai web developer, web designer e User Interface designer, verranno mostrate le tecniche HTML5, CSS3 e Javascript, gli UX design patterns e le ottimizzazioni necessarie a creare le applicazioni del futuro: quelle che saranno fruibili da qualsiasi dispositivo.
Marco Casario, autore del libro HTML5 Solutions ed Essential CSS3 tecniques (Apress) condividerà le esperienze reali, fatte durante la gestione dei progetti di Comtaste degli ultimi due anni.
Il racconto a posteriori (questa presentazione fa seguito a quella tenuta poco più di un anno fa, sempre in occasione della UGIALT.net Conference) di quello che è stato effettivamente lo sviluppo e l'adozione di questo linguaggio, che ormai molti indicano come la vera piattaforma di sviluppo del futuro, il rischio che si intravede di una nuova buzzword stile "web 2.0", alcune esperienze dirette e le lezioni che ne ho potuto trarre.
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeomarcocasario
Talk di Salvatore Rome per il meeting di HTML5 Italy.
Se vi capita di avere fogli di stile disorganizzati, di usare il copia-incolla per ridefinire delle regole CSS, di dover cambiare un colore o un valore con Trova&Sostituisci... LESS è la soluzione.
Scopriremo l'uso delle variabili per definire i colori e le dimensioni principali, i mixin per creare regole complesse e riutilizzarle (come effetti ombra o animazioni), le nested rules per ordinare il codice e le funzioni per i colori.
Inoltre vedremo come sottolineare gli errori di sintassi e come automatizzare la compilazione in file CSS.
Dopo questo tutorial non vorrete più tornare ai CSS!
La Capitale italiana offre differenti location pensate proprio per la tua festa 18 anni Roma! Tra ville, casali, sale private, ristoranti, terrazze ecc. bisogna solo che scegliere!
maggiori info su: http://www.festa18anniroma.org/
Oggi, un sito web è un vero e proprio biglietto da visita digitale attraverso il quale è possibile raggiungere un numero di potenziali clienti decisamente più alto!
Una guida SEO dettagliata e interessante per chi vuole approcciarsi alla materia o per chi vuole approfondire argomenti conosciuti in maniera superficiale
HTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco CasarioCodemotion
Non esiste il mobile web, il tablet web o il desktop web. E’ sempre lo stesso web solo fruito da dispositivi diversi. In questa sessione rivolta ai web developer, web designer e User Interface designer, verranno mostrate le tecniche HTML5, CSS3 e Javascript, gli UX design patterns e le ottimizzazioni necessarie a creare le applicazioni del futuro: quelle che saranno fruibili da qualsiasi dispositivo.
Marco Casario, autore del libro HTML5 Solutions ed Essential CSS3 tecniques (Apress) condividerà le esperienze reali, fatte durante la gestione dei progetti di Comtaste degli ultimi due anni.
Il racconto a posteriori (questa presentazione fa seguito a quella tenuta poco più di un anno fa, sempre in occasione della UGIALT.net Conference) di quello che è stato effettivamente lo sviluppo e l'adozione di questo linguaggio, che ormai molti indicano come la vera piattaforma di sviluppo del futuro, il rischio che si intravede di una nuova buzzword stile "web 2.0", alcune esperienze dirette e le lezioni che ne ho potuto trarre.
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeomarcocasario
Talk di Salvatore Rome per il meeting di HTML5 Italy.
Se vi capita di avere fogli di stile disorganizzati, di usare il copia-incolla per ridefinire delle regole CSS, di dover cambiare un colore o un valore con Trova&Sostituisci... LESS è la soluzione.
Scopriremo l'uso delle variabili per definire i colori e le dimensioni principali, i mixin per creare regole complesse e riutilizzarle (come effetti ombra o animazioni), le nested rules per ordinare il codice e le funzioni per i colori.
Inoltre vedremo come sottolineare gli errori di sintassi e come automatizzare la compilazione in file CSS.
Dopo questo tutorial non vorrete più tornare ai CSS!
La Capitale italiana offre differenti location pensate proprio per la tua festa 18 anni Roma! Tra ville, casali, sale private, ristoranti, terrazze ecc. bisogna solo che scegliere!
maggiori info su: http://www.festa18anniroma.org/
Oggi, un sito web è un vero e proprio biglietto da visita digitale attraverso il quale è possibile raggiungere un numero di potenziali clienti decisamente più alto!
Una guida SEO dettagliata e interessante per chi vuole approcciarsi alla materia o per chi vuole approfondire argomenti conosciuti in maniera superficiale
La Semantica del Web con HTML5 e Schema.orgSkillsAndMore
Queste slide sono state utilizzate all'interno del nostro webinar "Scopri la nuova Semantica Web con HTML5" che puoi trovare a questo indirizzo: http://skillsandmore.org/semantica-web/
All'interno dell'intervento abbiamo approfondito il termine e le tecniche che portano a raggiungere una buona semantica, Eugenio ci ha parlato della gerarchia degli elementi HTML5 e successivamente siamo andati a scoprire la sintassi e l'utilizzo di Schema.org, i nuovi attributi che ci permettono di approfondire il significato del proprio contenuto.
Personalmente ti consiglio di venire a vedere la registrazione del webinar e se non vuoi perderne altri non ti resta che iscriverti alla nostra newsletter: http://skillsandmore.org/newsletter/
The HTTP protocol was created in 1990 and led to the establishment of the World Wide Web by English physicist Tim Berners-Lee. It led to what is now the world's most used language, HTML (Hyper Text Markup Language). HTML5 is being developed as the next major revision of HTML: what is it about? What will it change?
14. Web Semantico
“Con il termine web semantico, termine coniato
dal suo ideatore, Tim Berners-Lee, si intende la
trasformazione del World Wide Web in un
ambiente dove i documenti pubblicati (pagine
HTML, file, immagini, e così via) siano associati
ad informazioni e dati (metadati) che ne
specifichino il contesto semantico in un formato
adatto all'interrogazione e l'interpretazione (es.
tramite motori di ricerca) e, più in generale,
all'elaborazione automatica.”
(wikipedia)
15. L’intento del W3C è quello di standardizzare nuovi
comandi e funzionalità che permettano la
visualizzazione dei contenuti in una determinata
modalità, senza il ricorso a plugin o ad estensioni
di natura proprietaria dei browser. Si punta ad
arrivare a visualizzare lo stesso contenuto,
indipendentemente dalla versione del browser. Si
cerca di avere un tag specifico per ciascun tipo di
informazione così che sia possibile per il browser
comprendere il “contenuto” del documento,
leggendone soltanto la struttura
22. nav
● Contiene elementi di supporto alla navigazione
● Possono essere sia link interni che esterni alla
pagina
● Non tutti i gruppi di link devono per forza essere
dentro elementi nav
24. Piè di pagina
● Un piè di pagina contiene tipicamente
informazioni sulla sua sezione come chi l'ha
scritto, collegamenti a documenti correlati, dati,
diritti d'autore e simili.
● Non è detto che sia in basso, il nome trae in
inganno.
● Possono esserci più sezioni footer come per gli
header
28. article
● Article serve per marcare un contenuto che ha
senso di esistere e di essere distribuito in modo
indipendente, autonomo.
● Gli elementi article possono essere annidati
● Article che contiene il post di un blog annidato con
altri article che contengono i commenti.
30. aside
● Aside serve per dichiarare che la sezione aside
è collegata con la sezione che lo contiene ma
che il suo collegamento è debole.
● Se contenuto in un article esempio può
aggiungere le note a margine.
31.
32.
33. http://html5boilerplate.com/
HTML5 Boilerplate è un template che racchiude
HTML5, CSS e JavaScript per tutti gli sviluppatori
che vogliono un prodotto compatibile anche con i
vecchi browser - qualcuno ha nominato Internet
Explorer 6? - senza però rinunciare alle feature di
HTML5.
34. La paternità del codice è di Paul Irish, membro
nella comunità di sviluppo di Google Chrome e di
jQuery, che mette a disposizione una struttura di
file e directory comprensiva di jQuery, Modernizr
(di cui vi abbiamo parlato in un articolo) e
DD_belatedPNG una "medicina" che consente di
implementare la trasparenza dei files immagini
PNG anche sul vecchio IE6.
http://www.html5today.it/link/boilerplate-template-html5-secondo-paul-irish--prima-parte
35.
36. components
● Classi Condizionali: che permettono di avere
dei fogli di stile ad hoc per vecchie versioni dei
browser
● Mobile: che permette una visualizzazione
migliorata del template nei nuovi device mobili
come smartphone e tablet
● Javascript: potete scegliere se implementare o
no le librerie JQuery o JQuery.min
37. Components [2]
● Attivatore HTML5: una delle feature più
interessanti del progetto. Cosa succede se un
vecchio browser che non conosce HTML5? Ci
pensano Modernizr o html5shiv
● Google Analytics: per avere il codice ottimizzato
per il potente mezzo messo a disposizione da
BigG