Responsive web design spiegato sempliceLucio Vacchi
WordPress Meetup Bologna 19-10-2017
Lucio Vacchi
info@luciovacchi.it
https://luciovacchi.it/responsive-web-design-spiegato-semplice/
Responsive web design spiegato semplice
Come funziona, vantaggi, limiti e nuove sfide
Una veloce corso sul linguaggio per la formattazione di pagine web con CSS
----------------------------
A quick course on language to format web pages with CSS
Responsive web design spiegato sempliceLucio Vacchi
WordPress Meetup Bologna 19-10-2017
Lucio Vacchi
info@luciovacchi.it
https://luciovacchi.it/responsive-web-design-spiegato-semplice/
Responsive web design spiegato semplice
Come funziona, vantaggi, limiti e nuove sfide
Una veloce corso sul linguaggio per la formattazione di pagine web con CSS
----------------------------
A quick course on language to format web pages with CSS
Introduzioni all'uso dei preprocessori Sass e Less per la stesura di un foglio di stile CSS intelligente
Autore: Valerio Radice - valix85
Data: Giugno 2017
In questa sessione faremo una panoramica a 360 gradi su Blazor, la nuovissima tecnologia Microsoft nata da una (geniale :-) idea di Steve Sanderson per lo sviluppo di applicazioni Web client basate su WebAssembly.
Nell'introduzione parlemermo brevemente di WebAssembly, spiegando di cosa si tratta e del perché questa tecnologia abbia tutte le premesse per portare uno dei più grandi "disruptive changes" nel modo di sviluppare applicazioni Web client. Passeremo poi a Blazor esaminandone prima gli aspetti architetturali e procedendo con un behind the scenes per svelare in che modo avviene la "magia" dell'interazione con il browser. Verranno poi presentate le feature che questa tecnologia offre (template project su VS, components, layouts, binding, dependency injection, hosting) sia attraverso slides che, di pari passo, con delle demo di un'applicazione funzionante realizzata in Blazor. Vedremo poi quali sono le problematiche legate a performance, deployment e distribuzione parlando delle possibili future ottimizzazioni. Infine chiuderemo con un confronto tra Blazor e i maggiori framework ora in uso per lo sviluppo di applicazioni Web client (Angular, Vue, Knockout, ecc.) e con alcune considerazioni sull'impatto che Blazor e tecnologie simili potrebbe avere a cascata per lo sviluppo Web futuro, in una sorta di "butterfly effect" nel mondo Web client.
Questo documento rappresenta parte delle slide del corso erogato dalla Web Agency ElaMedia Group. Per maggiori informazioni: http://www.elamedia.it/corso-html-roma.html
[IT] CMS Proprietari creati da teaminterni: le best practices da seguire!Federico Sasso
"Non reinventare la ruota", ti dicono. Eppure a volte con i CMS è proprio quello che capita.
Guida alla sopravvivenza per il professionista SEO.
Web Marketing Festival 2015, Rimini 19-20 Giugno 2015
Diventato ormai uno standard nello sviluppo web, tanto di essere adottato anche nelle specifiche della pubblica amministrazione, Bootstrap è lo strumento più importante da conoscere per uno sviluppatore web. In questa sessione vedremo, con un approccio molto pratico, le novità della versione 4, entrando nel dettaglio della personalizzazione avanza del codice sorgente con SASS e analizzando la nuova gestione del grid system basato su Flexbox.
Lo sviluppo del frontend negli ultimi anni ha raggiunto nuovi livelli di complessità, in seguito all’evoluzione di internet e alla sempre maggiore importanza dei motori di ricerca.
Oltre che di tutti gli aspetti grafici il frontend developer deve occuparsi anche di una serie di funzionalità e ottimizzazioni che nel mondo dell’eCommerce sono diventate fondamentali: Search Engine Optimization (SEO), social network integration e miglioramento delle prestazioni.
Nicola Della Marina nel suo intervento tratterà nel dettaglio i singoli argomenti, ed evidenzierà come sia fondamentale la loro interazione.
Blazor è un framework per la creazione di Single Page Application (SPA) tramite l’utilizzo di C#.
Creato da Steve Sanderson e successivamente inserito in .NET Core come esperimento.
Visto l’enorme successo avuto sulla community è stato poi deciso di renderlo parte integrante dell’ecosistema .NET
Offre tutti i vantaggi di un framework front-end scrivendo codice interamente in C#.
Introduzioni all'uso dei preprocessori Sass e Less per la stesura di un foglio di stile CSS intelligente
Autore: Valerio Radice - valix85
Data: Giugno 2017
In questa sessione faremo una panoramica a 360 gradi su Blazor, la nuovissima tecnologia Microsoft nata da una (geniale :-) idea di Steve Sanderson per lo sviluppo di applicazioni Web client basate su WebAssembly.
Nell'introduzione parlemermo brevemente di WebAssembly, spiegando di cosa si tratta e del perché questa tecnologia abbia tutte le premesse per portare uno dei più grandi "disruptive changes" nel modo di sviluppare applicazioni Web client. Passeremo poi a Blazor esaminandone prima gli aspetti architetturali e procedendo con un behind the scenes per svelare in che modo avviene la "magia" dell'interazione con il browser. Verranno poi presentate le feature che questa tecnologia offre (template project su VS, components, layouts, binding, dependency injection, hosting) sia attraverso slides che, di pari passo, con delle demo di un'applicazione funzionante realizzata in Blazor. Vedremo poi quali sono le problematiche legate a performance, deployment e distribuzione parlando delle possibili future ottimizzazioni. Infine chiuderemo con un confronto tra Blazor e i maggiori framework ora in uso per lo sviluppo di applicazioni Web client (Angular, Vue, Knockout, ecc.) e con alcune considerazioni sull'impatto che Blazor e tecnologie simili potrebbe avere a cascata per lo sviluppo Web futuro, in una sorta di "butterfly effect" nel mondo Web client.
Questo documento rappresenta parte delle slide del corso erogato dalla Web Agency ElaMedia Group. Per maggiori informazioni: http://www.elamedia.it/corso-html-roma.html
[IT] CMS Proprietari creati da teaminterni: le best practices da seguire!Federico Sasso
"Non reinventare la ruota", ti dicono. Eppure a volte con i CMS è proprio quello che capita.
Guida alla sopravvivenza per il professionista SEO.
Web Marketing Festival 2015, Rimini 19-20 Giugno 2015
Diventato ormai uno standard nello sviluppo web, tanto di essere adottato anche nelle specifiche della pubblica amministrazione, Bootstrap è lo strumento più importante da conoscere per uno sviluppatore web. In questa sessione vedremo, con un approccio molto pratico, le novità della versione 4, entrando nel dettaglio della personalizzazione avanza del codice sorgente con SASS e analizzando la nuova gestione del grid system basato su Flexbox.
Lo sviluppo del frontend negli ultimi anni ha raggiunto nuovi livelli di complessità, in seguito all’evoluzione di internet e alla sempre maggiore importanza dei motori di ricerca.
Oltre che di tutti gli aspetti grafici il frontend developer deve occuparsi anche di una serie di funzionalità e ottimizzazioni che nel mondo dell’eCommerce sono diventate fondamentali: Search Engine Optimization (SEO), social network integration e miglioramento delle prestazioni.
Nicola Della Marina nel suo intervento tratterà nel dettaglio i singoli argomenti, ed evidenzierà come sia fondamentale la loro interazione.
Blazor è un framework per la creazione di Single Page Application (SPA) tramite l’utilizzo di C#.
Creato da Steve Sanderson e successivamente inserito in .NET Core come esperimento.
Visto l’enorme successo avuto sulla community è stato poi deciso di renderlo parte integrante dell’ecosistema .NET
Offre tutti i vantaggi di un framework front-end scrivendo codice interamente in C#.
BISmark : the broadband internet service benchmarkNaLUG
BISmark is a project that develops an open-source platform for measuring broadband internet performance from within the home gateway router. The platform collects various metrics on latency, jitter, throughput and packet loss through active and passive measurements. It has been deployed on several router models with hundreds of routers currently participating worldwide. The project aims to provide visibility into consumer internet performance and help identify problems.
Intro a Linux tenuta all'università degli studi di Napoli Federico II. Speaker: Gabriele Previtera - https://www.linkedin.com/in/gabriele-previtera-6657648b/
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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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