Dr. Frank Mitloehner - Sustainable Intensification: How to Satisfy the Growin...John Blue
Sustainable Intensification: How to Satisfy the Growing Global Demand for Animal Protein Without Depleting Natural Resources - Dr. Frank Mitloehner, Former Chair, FAO’s Livestock Environmental Assessment and Performance Partnership, from the 2014 Global Roundtable for Sustainable Beef (GRSB), November 2 -5, 2014, São Paulo, Brazil.
More presentations at http://trufflemedia.com/agmedia/conference/2014-global-roundtable-sustainable-beef
Prendere le distanze dalla quantità di notizie apparentemente prodigiose che riempiono i comunicati stampa non è semplice. Il più delle volte ci scontriamo con l’evidenza che una bufala ben servita fa molto più clamore e ha una diffusione più veloce di una vera e propria scoperta.
In questo poster si è messi faccia a faccia con il fatto che la cattiva informazione e la pseudoscienza possono influenzare irrimediabilmente la vita delle persone. Proprio per questo le fonti sono fondamentali: un buon comunicatore è tenuto a verificare e a documentarsi scientificamente perché il lettore, che fa un atto di fiducia nei confronti dell’informazione che legge, deve essere correttamente informato.
Dr. Frank Mitloehner - Sustainable Intensification: How to Satisfy the Growin...John Blue
Sustainable Intensification: How to Satisfy the Growing Global Demand for Animal Protein Without Depleting Natural Resources - Dr. Frank Mitloehner, Former Chair, FAO’s Livestock Environmental Assessment and Performance Partnership, from the 2014 Global Roundtable for Sustainable Beef (GRSB), November 2 -5, 2014, São Paulo, Brazil.
More presentations at http://trufflemedia.com/agmedia/conference/2014-global-roundtable-sustainable-beef
Prendere le distanze dalla quantità di notizie apparentemente prodigiose che riempiono i comunicati stampa non è semplice. Il più delle volte ci scontriamo con l’evidenza che una bufala ben servita fa molto più clamore e ha una diffusione più veloce di una vera e propria scoperta.
In questo poster si è messi faccia a faccia con il fatto che la cattiva informazione e la pseudoscienza possono influenzare irrimediabilmente la vita delle persone. Proprio per questo le fonti sono fondamentali: un buon comunicatore è tenuto a verificare e a documentarsi scientificamente perché il lettore, che fa un atto di fiducia nei confronti dell’informazione che legge, deve essere correttamente informato.
Beef Sustainability - Dr. Sara Place, Oklahoma State University, from the 2014 Iowa Cattle Industry Convention, December 8 - 10, 2014, Des Moines IA, USA
More presentations at http://www.trufflemedia.com/agmedia/conference/2014-iowa-cattle-industry-convention
"NUTRIRE IL PIANETA, ENERGIA PER LA VITA", QUESTO E' IL TEMA DEL PROSSIMO EXPO CHE SI TERRA' A MILANO. IL TEMA E' QUANTO MAI ATTUALE E, COME FUCI, ABBIAMO CERCATO DI CONSIDERARE IL TEMA STUDIANDONE LE SUE TEMATICHE, I PROBLEMI, E GLI OBIETTIVI.
Impact on Air Quality and Climate Change: Where the Dairy Industry Stands- Fr...DAIReXNET
Dr. Frank Mitloehner presented these materials as part of DAIReXNET's April 4, 2011 webinar entitled "Impact on Air Quality and Climate Change- Where the Dairy Industry Stands."
Gabriela Ramos, Conseillère spéciale du Secrétaire général et Sherpa.
Le Programme international de l’OCDE pour le suivi des acquis des élèves (PISA) cherche non seulement à évaluer ce que les élèves savent en sciences, en compréhension de l’écrit et en mathématiques, mais aussi à déterminer ce qu’ils sont capables de faire avec ces connaissances. Les résultats de l’enquête PISA révèlent la qualité et l’équité de l’apprentissage dans le monde entier, et offrent aux professionnels de l’éducation et aux responsables politiques la possibilité de découvrir les politiques et pratiques d’autres pays et de s’en inspirer.
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
In questo talk illustreremo le tecniche più semplici, efficaci e rapide per rendere il vostro sito/portale in Drupal mobile compliant. Applicando principi di responsive design e design su griglie analizzeremo gli elementi più utili da lasciare sulla vostra interfaccia mobile. Capiremo quale migliore strategia di implementazione intraprendere tra l'esportazione di dati in json, rss oppure realizzare direttamente web views per il sito mobile e per essere contenuti in un'app mobile che faccia da contenitore negli ecosistemi iOS e Android, principalmente.
Introduzione al Responsive Design: I vantaggi di Sketch nel
disegnare su diversi viewport.
2. Scoprire ed utilizzare i plugin di Sketch: Sketch, con i superpoteri. Guida e introduzioni alle maggiori risorse esterne a Sketch.
3. Prototipazione con Sketch: Come creare e gestire un prototipo condiviso (Introduzione a Craft e a Invision).
4. Esercizi per ogni modulo teorico
Beef Sustainability - Dr. Sara Place, Oklahoma State University, from the 2014 Iowa Cattle Industry Convention, December 8 - 10, 2014, Des Moines IA, USA
More presentations at http://www.trufflemedia.com/agmedia/conference/2014-iowa-cattle-industry-convention
"NUTRIRE IL PIANETA, ENERGIA PER LA VITA", QUESTO E' IL TEMA DEL PROSSIMO EXPO CHE SI TERRA' A MILANO. IL TEMA E' QUANTO MAI ATTUALE E, COME FUCI, ABBIAMO CERCATO DI CONSIDERARE IL TEMA STUDIANDONE LE SUE TEMATICHE, I PROBLEMI, E GLI OBIETTIVI.
Impact on Air Quality and Climate Change: Where the Dairy Industry Stands- Fr...DAIReXNET
Dr. Frank Mitloehner presented these materials as part of DAIReXNET's April 4, 2011 webinar entitled "Impact on Air Quality and Climate Change- Where the Dairy Industry Stands."
Gabriela Ramos, Conseillère spéciale du Secrétaire général et Sherpa.
Le Programme international de l’OCDE pour le suivi des acquis des élèves (PISA) cherche non seulement à évaluer ce que les élèves savent en sciences, en compréhension de l’écrit et en mathématiques, mais aussi à déterminer ce qu’ils sont capables de faire avec ces connaissances. Les résultats de l’enquête PISA révèlent la qualité et l’équité de l’apprentissage dans le monde entier, et offrent aux professionnels de l’éducation et aux responsables politiques la possibilité de découvrir les politiques et pratiques d’autres pays et de s’en inspirer.
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
In questo talk illustreremo le tecniche più semplici, efficaci e rapide per rendere il vostro sito/portale in Drupal mobile compliant. Applicando principi di responsive design e design su griglie analizzeremo gli elementi più utili da lasciare sulla vostra interfaccia mobile. Capiremo quale migliore strategia di implementazione intraprendere tra l'esportazione di dati in json, rss oppure realizzare direttamente web views per il sito mobile e per essere contenuti in un'app mobile che faccia da contenitore negli ecosistemi iOS e Android, principalmente.
Introduzione al Responsive Design: I vantaggi di Sketch nel
disegnare su diversi viewport.
2. Scoprire ed utilizzare i plugin di Sketch: Sketch, con i superpoteri. Guida e introduzioni alle maggiori risorse esterne a Sketch.
3. Prototipazione con Sketch: Come creare e gestire un prototipo condiviso (Introduzione a Craft e a Invision).
4. Esercizi per ogni modulo teorico
Joomla! Override : Template for dummiesAndrea Rossi
Introduzione alla tecnica dell'override in Joomla!, parlando di design Responsive vs Adaptive. Nell'esempio riportato (con tanto di codice), spiego come integrare il controllo del client, ed ottenere una lettura pulita degli articoli in Joomla!
Link al video https://youtu.be/ptHnYS_Sq40?t=58m33s
Gestire un piccolo datacenter all’interno della propria organizzazione non è sempre la scelta giusta: servono investimenti su hardware e personale capace nella gestione della stessa.
La sicurezza e la continuità di servizio non è inoltre facilmente manutenibile senza dovuti accorgimenti, che complicano la gestione dell’infrastruttura stessa.
Backup, disaster recovery, risk management e uptime sono solo una piccola parte delle cose da considerare. Senza considerare la scalabilità della piattaforma durante la crescita del progetto.
Utilizzando il cloud, programmi e dati sono posti in un’infrastruttura server virtuale all’interno di numerosi data center distribuiti su scala italiana, europea o mondiale.
Responsive design: la rivoluzione del mobile applicata ai siti webJservice
Oggi il web è diventata un'esperienza che dipende in modo essenziale dal dispositivo da cui viene fruita. Sito web o sito responsive, per le aziende? Quali sono i vantaggi di un sito mobile e le sue peculiarità? Come cambiano i comportamenti dell'utente, a seconda che navighi da smartphone o da desktop.
Google Hangouts: guida alla video chiamataTourTools
Come pianificare un hangout (stabilire data e partecipanti) per una riunione privata tra colleghi o con clienti, senza aver paura di trasmettere il video in diretta!
I tools per le fasi decisive di una strategia su Google Plus: tools per costruire e gestire le cerchie, diffondere i post e analizzare i risultati.
Presentazione per Bologna Web Project del 9 Aprile 2014 #gtstudy
Google plus e la Social Search: dall'identità alla notorietà.TourTools
L'intervento iniziale del Corso Google Plus #startconplus di Perugia.
Il percorso strategico da compiere su Google Plus per plasmare la propria indentità al fine di raggiungere la notorietà, passando dalla Social Search. Authorship, ricerca, video e cerchie le chiavi del successo, condite da strategie di social media marketing, content marketing e seo. Una ricetta da provare, usare e sperimentare.
Come accompagnare il turista verso la prenotazione e proporre il prezzo che c...TourTools
essere visibile sui motori di ricerca, proporre contenuti capaci di descrivere puntualmente la vostra offerta, far navigare agevolmente verso la prenotazione, proporre prezzi su misura e offerte personalizzate.
4. RWDpremessa
Non sempre l'RWD è la risposta giusta per tutti i siti web!
5. RWDdefinizione
Responsive Web Design … particolare tecnica di Web design per la
realizzazione di siti web in modo che le pagine adattino
automaticamente il layout per fornire una visualizzazione ottimale in
funzione dell'ambiente nei quali vengono visualizzati (pc su desktop con
diverse risoluzioni, tablet, smartphone, cellulari di vecchia
generazione, web tv) riducendo al minimo all'utente la necessità di
ridimensionamento e scorrimento, in particolare quello orizzontale.
(wikipedia)
ed aggiungo, mantenendone leggibilità e scopo!
6. RWDviewport & breakpoint
●
320 pixel per device con schermi piccoli, come cellulari, mantenuti con orientamento verticale (portrait)
●
480 pixel per device con schermi piccoli, come cellulari, matenuti con orientamento orizzontale (landscape)
●
600 pixel piccoli tablet, come Kindle di Amazon (600x800) e Nook di Barnes&Noble (600x1024), tenuti con
orientamento verticale
●
768 pixel tablet da 10 pollici come l'iPad (768x1024) mantenuti con orientamento verticale
●
1024 pixel computer da scrivania, laptop e netbook, e tablet come l'iPad (1024x768) mantenuti con orientamento
orizzontale
●
1200 pixel computer con schermi larghi, tipicamente desktop ma anche laptop
Questi in realtà sono solo alcuni dei possibili breakpoint esistenti, con il
proliferare continuo di nuovi device, larghezze ed altezze (viewport) degli
schermi sono dannatamente varie.
Diciamo che per presentare al cliente delle demo da approvare potremo
prendere 320, 768 e 1024/1200. Ma nella realtà l'implementazione di una
grafica responsive ci chiede di esser molto più flessibili.
7. RWDri-definizione
.. un sito che utilizza RWD richiede una progettazione degli elementi ... in
modo che possano essere ridistribuiti in funzione delle diverse
risoluzioni dello schermo e delle funzionalità del terminale ..., per
garantire la migliore fruizione all'utente in termini di navigabilità e
leggibilità. (wikipedia)
8. RWDPiccolo è bello
●
Semplificare prima di eliminare. Eliminare non è sempre la soluzione
migliore (anche se è la più semplice). Prima verificare cosa è importante che
ci sia, dopo cosa può essere eventualmente tolto.
●
Il contenuto è Re, diamogli un maggior peso rispetto ad altri elementi
secondari (es. navigazione, barre dei tools)
●
Progettare graficamente con ordine, partendo dagli elementi base per gli
schermi più piccoli.
●
Analisi di larghezza, gerarchia, densità e interazione possono aiutare a
capire meglio come e dove posizionare i contenuti.
●
Disegnare le griglie dal più piccolo elemento contenitore in su. Questo ci
permette di astrarci dai breakpoint connessi ai device e di concentrarci sui
breakpoint connessi al nostro contenuto.
9. RWDPiccolo è bello
Elementi.... quali, dove e come?
il dilemma: nascondere/si o sbattersi come dei cammelli?
●
Gerarchia: Qual'è l'ordine e l'importanza dell'elemento nel layout?
●
Densità: quantità di dettagli da visualizzare ad ogni breakpoint
●
Interazione: Dovrebbe essere una lista di link o un dropdown menu? Un
carosello o un gruppo di immagini?
●
Larghezza: fisso (width: 100px), flessibile (max-width: 450px) o
percentuale (width: 30%)
11. RWDEsempi di layout
Per lo più fluido Caduta colonne Layout mutevole
T O
IZ ZA
UT IL
PI U'
12345 12345 12345
Piccole modifiche Fuori canvas
Luke Wroblewski
lukew.com
12345 12
12. RWDLe grosse che fanno?
In genere niente, hanno già un sito dedicato al mobile e si guardano bene da
passare al responsive, cmq alcuni esempi notabili:
Tra le 60 più grosse in termini di fatturato annuo ho trovato queste:
Shell
GE
Allianz (gestione tabelle da paura)
GDFSuez (bah!)
Questi invece sono notabili per il buon lavoro fatto:
Starbucks
WWF
Acquia
Università di Siena
13. RWDDrupal e non
Moduli utili:
Responsive images and styles o
Adaptive image styles + Media abbandonando IMCE
context + breakpoint + context_breakpoint
views_responsive_grid
Tabelle:
http://css-tricks.com/responsive-data-table-roundup/
jQuery Anystretch
14. RWD Adattabilità ai tempi
dell'evoluzione
Ora potete pure strapparvi vesti e capelli, mannaggia alla continua
evoluzione del web !!!
Un po' di cose utili:
raccolta ampia di siti web visti su vari breakpoint
http://mediaqueri.es
grid&psd
http://www.awwwards.com/grid-based-web-design-resources.html
Navigazione
http://bradfrostweb.com/blog/web/responsive-nav-patterns/
Resizer
http://lab.maltewassermann.com/viewport-resizer/