Come velocizzare un sito web | Corso SEO a BolognaWeb2Lab Studio
Sappiamo che la velocità di caricamento di un sito web è uno degli aspetti SEO da non sottovalutare. Ho realizzato una guida completa, comprensiva degli interventi tecnici da effettuare sia lato server che on-site.
Webperformance, come ottimizzare il tempo di caricamento di una pagina web!Stefano Marchisio
Accelerate le #webperformance aiuta ad aumentare le opportunità di #guadagno e portare il vostro business su qualsiasi dispositivo, ovunque in tutto il mondo. Minimizzare la #latenza portando i contenuti più vicino agli utenti non solo nelle principali aree metropolitane, ma anche nelle regioni interne. Ottimizzare i percorsi e #minimizzare i #roundtrip per la distribuzione più rapida di contenuti web.
3 secondi di attesa basterebbero all’80% dei visitatori per decidere di abbandonare un sito web lento.
Questo è particolarmente importante in un contesto mobile dove le connessioni possono non essere particolarmente veloci.
50 tips su Web Performance Optimization per siti ad alto traffico @ WpCamp B...Andrea Cardinali
Quanto è importante la velocità di caricamento di un sito?
Nell'intervento verranno presentate l’insieme delle best practices da utilizzare per rendere il sito il più veloce e performante possibile. E’ inutile avere un sito bello se poi una pagina impiega 10 secondi per essere caricata, o se il server non riesce a gestire più di 20 utenti contemporaneamente. All'interno è presente anche un case study di un sito reale con gli ottimi risultati ottenuti.
Laboratorio di Web Design Base - 2014/15 - HTML/5Giovanni Buffa
All must used and usefull HTML and HTML5 tags. Thi presentation is used in my course "Laboratorio di Web Design Base" @ Centro Giovani di Monfalcone in 2014/15
Come velocizzare un sito web | Corso SEO a BolognaWeb2Lab Studio
Sappiamo che la velocità di caricamento di un sito web è uno degli aspetti SEO da non sottovalutare. Ho realizzato una guida completa, comprensiva degli interventi tecnici da effettuare sia lato server che on-site.
Webperformance, come ottimizzare il tempo di caricamento di una pagina web!Stefano Marchisio
Accelerate le #webperformance aiuta ad aumentare le opportunità di #guadagno e portare il vostro business su qualsiasi dispositivo, ovunque in tutto il mondo. Minimizzare la #latenza portando i contenuti più vicino agli utenti non solo nelle principali aree metropolitane, ma anche nelle regioni interne. Ottimizzare i percorsi e #minimizzare i #roundtrip per la distribuzione più rapida di contenuti web.
3 secondi di attesa basterebbero all’80% dei visitatori per decidere di abbandonare un sito web lento.
Questo è particolarmente importante in un contesto mobile dove le connessioni possono non essere particolarmente veloci.
50 tips su Web Performance Optimization per siti ad alto traffico @ WpCamp B...Andrea Cardinali
Quanto è importante la velocità di caricamento di un sito?
Nell'intervento verranno presentate l’insieme delle best practices da utilizzare per rendere il sito il più veloce e performante possibile. E’ inutile avere un sito bello se poi una pagina impiega 10 secondi per essere caricata, o se il server non riesce a gestire più di 20 utenti contemporaneamente. All'interno è presente anche un case study di un sito reale con gli ottimi risultati ottenuti.
Laboratorio di Web Design Base - 2014/15 - HTML/5Giovanni Buffa
All must used and usefull HTML and HTML5 tags. Thi presentation is used in my course "Laboratorio di Web Design Base" @ Centro Giovani di Monfalcone in 2014/15
Mary Jo Tobin has over 30 years of experience in executive assistance, event planning, real estate, and animal welfare. She has worked for various companies in New York providing administrative support, coordinating events, and assisting executives. She is currently a licensed associate broker and the founder of Love Wanted Adoptions, an organization that has found homes for nearly 2,000 pets and holds regular adoption events. In her roles and volunteer work, she has demonstrated strengths in planning, organization, attention to detail, customer service, and animal welfare advocacy.
La versione 2 del Kinect, ed il suo SDK, consentono di implementare applicazioni Windows Store che possono essere pubblicate nello store ed essere disponibili da subito per l’utente consumer. In questa sessione vedremo le caratteristiche base del sensore, come questo possa essere utilizzato in una Windows Store App e quali tool ci mette a disposizione l’SDK per semplificare la realizzazione di nuove app e per abilitare le applicazioni già esistenti all’utilizzo del sensore stesso.
Sessione tenuta durante i CommunityDays 2015 a Milano il 26/03/2015.
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
Primi passi con HTML e la struttura di una pagina web generica.
Lezione svolta nel corso del 5° A.T.A. dell'I.I.S.S. "De Pace" di Lecce.
http://androe.com
HTML5 e Css3 - 4 | WebMaster & WebDesignerMatteo Magni
The document discusses various CSS3 properties for styling text and backgrounds, including text-shadow, gradients, multiple backgrounds, and border-image. It provides examples of how to use these properties, such as applying multiple drop shadows to text, creating linear and radial gradients, layering images as backgrounds, and slicing images for borders. It also notes browser prefixes and fallback options needed for cross-browser support.
The document provides an overview of advanced HTML and HTML5 elements and concepts, including:
- New semantic elements such as header, nav, aside, article, section, and footer.
- New form input types like color, date, datetime-local, email, file, and range.
- Tips and tricks for using HTML5 features like the canvas tag, details and summary tags, and the figure element.
- Examples are provided of how to structure an HTML document and properly implement many of the new semantic and form elements. CSS styling is also demonstrated.
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?
Mary Jo Tobin has over 30 years of experience in executive assistance, event planning, real estate, and animal welfare. She has worked for various companies in New York providing administrative support, coordinating events, and assisting executives. She is currently a licensed associate broker and the founder of Love Wanted Adoptions, an organization that has found homes for nearly 2,000 pets and holds regular adoption events. In her roles and volunteer work, she has demonstrated strengths in planning, organization, attention to detail, customer service, and animal welfare advocacy.
La versione 2 del Kinect, ed il suo SDK, consentono di implementare applicazioni Windows Store che possono essere pubblicate nello store ed essere disponibili da subito per l’utente consumer. In questa sessione vedremo le caratteristiche base del sensore, come questo possa essere utilizzato in una Windows Store App e quali tool ci mette a disposizione l’SDK per semplificare la realizzazione di nuove app e per abilitare le applicazioni già esistenti all’utilizzo del sensore stesso.
Sessione tenuta durante i CommunityDays 2015 a Milano il 26/03/2015.
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
Primi passi con HTML e la struttura di una pagina web generica.
Lezione svolta nel corso del 5° A.T.A. dell'I.I.S.S. "De Pace" di Lecce.
http://androe.com
HTML5 e Css3 - 4 | WebMaster & WebDesignerMatteo Magni
The document discusses various CSS3 properties for styling text and backgrounds, including text-shadow, gradients, multiple backgrounds, and border-image. It provides examples of how to use these properties, such as applying multiple drop shadows to text, creating linear and radial gradients, layering images as backgrounds, and slicing images for borders. It also notes browser prefixes and fallback options needed for cross-browser support.
The document provides an overview of advanced HTML and HTML5 elements and concepts, including:
- New semantic elements such as header, nav, aside, article, section, and footer.
- New form input types like color, date, datetime-local, email, file, and range.
- Tips and tricks for using HTML5 features like the canvas tag, details and summary tags, and the figure element.
- Examples are provided of how to structure an HTML document and properly implement many of the new semantic and form elements. CSS styling is also demonstrated.
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?
Polyglot Persistance con PostgreSQL, CouchDB, MongoDB, Redis e OrientDBSteve Maraspin
Pirma parte del seminario su NoSQL al DiTeDi di Udine del 15/12/2012. Affrontato il caso di studio di un'architettura enterprise, basata su datastore relazionali (PostgreSQL) e non (CouchDB, MongoDB, Redis e OrientDB).
Back to the Future: Migrare da WebForm ad ASP.NET Core gradualmente Andrea Dottor
Molte applicazione sono (ancora) sviluppate in WebForm e non possono essere convertite automaticamente ad ASP.NET Core. Una riscrittura completa in molti casi è impossibile o impensabile da attuare. In questa sessione vedremo come migrare in modo graduale queste tipologie di applicazioni verso ASP.NET Core, andando in dettaglio nelle varie problematiche che solitamente si possono presentare. La sessione deriva da un'esperienza reale, che ha permesso di conoscere (nel bene o nel male) le difficoltà che si nascondo in queste migrazioni.
Evento: https://www.xedotnet.org/eventi/one-day-enterprise-application/
WordPress, migrazioni e re-branding: don't try this at home. #wmf15Andrea Cardinali
Talk tenuto al Web Marketing Festival 2015 a Rimini (#wmf15) nel quale ho presentato un case study sull'unione di 4 portali turistici realizzati con WordPress e 4 lingue su un un unico dominio e un'unica installazione di WordPress Multi Utente (Wordpress MU) Nello speech verranno mostrate le soluzioni tecniche e le best practices SEO utilizzate per portare a termine correttamente le migrazioni senza perdere traffico.
SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...Roberto Ellero
Seminario tenuto da Roberto Ellero a SMAU 2010.
http://www.robertoellero.it
Nei magazine e blog è tutto un rincorrersi di voci entusiastiche a favore del video in Html5, mentre Flash Video viene disegnato come formato in declino o addirittura già superato e destinato a scomparire sulla scena del Web video. In realtà il futuro del Web Video sarà segnato dal convivere di tre tecnologie: WebM, Html5 Video e Flash Video.
Con vantaggio degli utenti che avranno maggiori possibilità di scelta. E lo scenario diventerà nitido solo fra alcuni anni.
Un'analisi dei motivi tecnologici che stanno alla base di questa evoluzione a venire può servire a mantenere uno sguardo oggettivo e a cogliere le opportunità nella comunicazione audiovisiva e nella scelta dei formati più adeguati alle future esigenze di produzione e fruizione.
Vengono esaminati pro e contro nelle diverse possibili scelte per l'erogazione in Rete dei video: WebM, Html5 video e Flash video, e relativi player e codec, anche con riguardo all'accessibilità, alla facilità d'uso nell'authoring e nella postproduzione video, e alle soluzioni per la compatibilità cross-browser.
Target: responsabili e operatori della comunicazione audiovisiva su Web
SMConnect 2022 - Con lo sviluppo del web, delle nuove tecnologie e web API, i motori di ricerca hanno iniziato ad utilizzare veri e propri browser per il rendering delle pagine web, creare un Web Rendering Service per il rendering su larga scala nasconde però molte insidie. In questo talk parliamo della session isolation nel rendering delle pagine web, da parte di motori di ricerca e tool, e di come questa può influenzare i dati di crawling.
"Alla ricerca della formula magica". Presentazione usata per il ciclo di webinar su traduzione e adattamento di siti web per AITI Emilia Romagna, novembre-dicembre 2016.
1. HTML 5 e browser legacy
Marco Assandri
info@sinergiatotale.it
2. 2022 2014 Q2
• Perché parlare di HTML5 se sarà
definitivo solo nel 2014?
• Devo cambiare il modo di scrivere
HTML?
• Come è la compatibilità con i vecchi
browser (IE6 per esempio)?
• Che sistemi di fallback posso usare
oggi?
3. Cosa riunisce HTML5?
Semantica
Offline e gestione dei dati
Accesso al dispositivo
Connettività
Multimedia
3D, grafica e effetti
Prestazioni e integrazione
CSS3 e stili
4. Semantica
• Nuovi tag
<header>, <article>, <nav>, <footer>, <aside>, <section>,
<figure>, …
• Tag eliminati
<frame>, <frameset>, <big>, <center>, <font>, <strike>
• Molte differenze sintattiche rispetto a
XHTML 1.1
http://www.w3.org/TR/html5-diff/#absent-attributes
• Attributi globali
contenteditable, data, …
• DEMO
5. Semantica e browser legacy
• I nuovi tag non vengono riconosciuti da
IE6-8.
http://www.html.it/guide/esempi/html5/tabella_supporto/tabella.html
http://fmbip.com/#target-selector
• http://www.texaswebdevelopers.com/html5/#agents=All&eras=All&ca
ts=All&alts=j&statuses=rec,pr,cr,wd,ietf
• Vale ancora la pena di considerare i
browser legacy?
7. IE6-8
• Tenendo in considerazione anche IE7 e
8 oltre arriviamo al 50%.
• Dipende molto dalla nazione.
• O possiamo decidere il browser
oppure sono necessari sistemi di
fallback!!!
• DEMO
8. Modernizr
• Permette il riconoscimento delle
funzionalità del browser
• Aggiunge classi al tag <html>
• Aggiunge supporto per elementi
HTML5
• Non aggiunge le funzionalità mancanti,
ma ne indica solo il supporto.
• Incluso nei ASP.NET MVC 3 Tools
11. Multimedia e fallback
• Tag <video> e <audio>
• I formati video e audio supportati
dipendono dai browser
http://camendesign.com/code/video_for_everybody/test.html
• I player sono diversi
• Possibilità di fallback con Silverlight o
Flash
• DEMO
12. Fallback <video>
• Video for everybody
• Video.js
• Mediaelement.js (fa anche audio e
supporta fallback su Silverlight)
• DEMO
16. Canvas
• Serve per creare grafica di tipo bitmap
• Bisogna usare javascript per disegnare
• Elemento <canvas> e <canvas-text>
• Fallback con:
FlashCanvas (http://flashcanvas.net/)
explorercanvas (http://code.google.com/p/explorercanvas/)
canvas-text (http://code.google.com/p/canvas-text/)
• DEMO
17. Grafica vettoriale
• SVG
Fallback con SVG Web http://code.google.com/p/svgweb/
• MathML
Fallback con Mathjax http://www.mathjax.org/
• DEMO SVG Web
18. Geolocalizzazione
• Permette di localizzare la posizione
dell’utente.
• Richiede il permesso dell’utente
• Fallback con Google API loader,
http://freegeoip.net o altri servizi di
localizzazione in base all’ip.
• Webshims Lib
• DEMO
19. Local storage e session storage
• Session storage permette di salvare dati
differenziati tra sessioni(tab diversi)
• Local storage maggiore spazio rispetto ai
cookie (almeno 5 mega) e persistenza. Non
passa al server.
• Fallback sui cookies o su local storage di
plugin (Silverlight, flash, …)
• Non sono condivisi tra diversi browser, ma
scatenano eventi intercettabili da altri tab.
• Per oggetti è necessario JSON.parse e JSON.
stringify
• DEMO
20. Microformats
Recipe
<span class="hrecipe">
<span class="fn">Tisana alla liquirizia</span>
<span class="ingredient">2 cucchiai di Zucchero</span>
<span class="ingredient">20g Radice di liquirizia</span>
<span class="yield">2</span>
<span class="instructions">
Scaldare un pentolino con 200cl d’acqua fino a 95°C;
versare la radice di liquirizia;
lasciar macerare per 7 minuti;
zuccherare e servire.
</span>
<span class="duration">
<span class="value-title" title="PT90M"></span> 90 min
</span>
</span>
rel=nofollow
Hcard
Hreview
Nascono per risolvere l’incapacità di descrivere il significato delle informazioni di una
pagina web in un formato interpretabile da altri software. Lista su http://microformats.org/
21. HTML 5 Cross Browser Polyfills
• Web Workers, Offline web applications
e altre feature non definitive hanno
fallback.
• Lista abbastanza completa
https://github.com/Modernizr/Modernizr/
wiki/HTML5-Cross-browser-Polyfills