<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Webdev | Stefano Cecere</title><link>https://stefanocecere.com/tag/webdev/</link><atom:link href="https://stefanocecere.com/tag/webdev/index.xml" rel="self" type="application/rss+xml"/><description>Webdev</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>it</language><lastBuildDate>Sun, 18 Apr 2021 00:00:00 +0000</lastBuildDate><image><url>https://stefanocecere.com/media/icon_hu99fd93e9d0016cd84f525f58a0223c71_354199_512x512_fill_lanczos_center_3.png</url><title>Webdev</title><link>https://stefanocecere.com/tag/webdev/</link></image><item><title>Su questo sito</title><link>https://stefanocecere.com/about/site/</link><pubDate>Mon, 25 Jan 2021 00:00:00 +0000</pubDate><guid>https://stefanocecere.com/about/site/</guid><description>&lt;p>La prima versione di questo sito è andata online nel 1997 (con il dominio krur.com) con html scritto a mano, poi gestito con Dreamweaver. &lt;br>
Nel 2002 lo portai su TYPO3, un CMS di cui divenni professionista.&lt;br>
Nel 2012 passai a WordPress, ma fu, ed è tutt&amp;rsquo;ora, un sistema che non mi piace. &lt;br>
Nel 2017 circa decisi di smettere con lo sviluppo web e di gestire servers e siti dinamici con tutte le loro problematiche, ma sopratutto non volevo che i contenuti dei miei siti avessero &lt;strong>dipendenza dal sistema di pubblicazione&lt;/strong> e che non fossero &lt;strong>future proof&lt;/strong>, ovvero non pronti a durare secoli.&lt;br>
Già innamorato del formato di puro testo
&lt;a href="https://en.wikipedia.org/wiki/Markdown" target="_blank">Markdown&lt;/a>
e con l&amp;rsquo;arrivo di ottimi generatori di siti statici passai prima a Jekyll e poi a Hugo.&lt;br>
Il sito è totalmente &lt;strong>Open Source&lt;/strong>, puoi vedere come è fatto ed eventualmente contribuire a migliorarlo:
&lt;a href="https://github.com/StefanoCecere/cecere.xyz" target="_blank">https://github.com/StefanoCecere/cecere.xyz&lt;/a>
&lt;/p>
&lt;p>Ecco alcuni dettagli:&lt;/p>
&lt;h2 id="statico">statico&lt;/h2>
&lt;p>non c&amp;rsquo;è PHP o altro sistema che interpreta le pagine. sono tutti files html. questo permette un&amp;rsquo;estrema velocità e sicurezza oltre che portabilità.&lt;/p>
&lt;h2 id="indipendente">indipendente&lt;/h2>
&lt;p>i contenuti del sito sono tutti files di testo semplice, organizzate in cartelle che dicono se sono post, eventi, progetti o libri etc.&lt;br>
possono usare mille metodi diversi per generare siti, o PDF o ebook, a partire da essi, con qualsiasi stile io voglia. non sono vincolato a nessuna piattaforma di pubblicazione&lt;/p>
&lt;h2 id="locale">locale&lt;/h2>
&lt;p>Io amo avere tutti i miei contenuti a cui tengo, in questo caso tutti i miei scritti di una vita, al sicuro sul mio computer, con backup su GitHub e hard disk e chiavette varie. Non voglio backup complessi.&lt;br>
E sopratutto voglio poter scrivere ed editare i miei contenuti anche se non ho connessione internet.&lt;/p>
&lt;h2 id="eterno">eterno&lt;/h2>
&lt;p>I files di testo in formato markdown sono una certezza che li possiamo aprire anche fra 1000 anni.&lt;br>
Ciò non si può dire con i siti WordPress o altro, a meno di complesse operazioni di conversione e backup locale.&lt;/p>
&lt;h2 id="tecnologia">tecnologia&lt;/h2>
&lt;ul>
&lt;li>
&lt;a href="https://gohugo.io" target="_blank">Hugo&lt;/a>
- static site generator&lt;/li>
&lt;li>
&lt;a href="https://wowchemy.com" target="_blank">Wowchemy&lt;/a>
- Hugo Template Framework&lt;/li>
&lt;li>
&lt;a href="https://www.netlify.com" target="_blank">Netlify&lt;/a>
- hosting and CDN&lt;/li>
&lt;/ul>
&lt;p>per editare sul computer uso
&lt;a href="https://code.visualstudio.com/" target="_blank">VS Code&lt;/a>
e
&lt;a href="https://obsidian.md/" target="_blank">Obsidian&lt;/a>
&lt;/p>
&lt;h2 id="ultimi-aggiornamenti">ultimi aggiornamenti&lt;/h2>
&lt;p>in questa pagina sono elencate tutte le ultime modifiche:
&lt;a href="https://stefanocecere.com/xyz/site-log/">site log&lt;/a>
&lt;/p></description></item><item><title>Immagini Formato WebP</title><link>https://stefanocecere.com/post/welcome-webp/</link><pubDate>Sun, 18 Apr 2021 00:00:00 +0000</pubDate><guid>https://stefanocecere.com/post/welcome-webp/</guid><description>&lt;p>Nell&amp;rsquo;importare in questo sito
&lt;a href="https://2042ed.org/studio/" target="_blank">quattro miei libri&lt;/a>
che contenevano diverse centinaia di immagini di vario formato e volendole ottimizzare, ho fatto una piccola ricerca se fossimo ormai pronti per il nuovo formato, &lt;strong>WebP&lt;/strong>, che sta diventando lo standard che sostituirà JPG, GIF e PNG.&lt;/p>
&lt;p>E la risposta è stata: &lt;strong>si, siamo pronti&lt;/strong>. E vi spiego il perché e i vantaggi.&lt;/p>
&lt;h2 id="la-questione">la questione&lt;/h2>
&lt;p>lo sai che inviare 10 email con allegati ci costa, in termini di emissioni CO2, quanto fare un Km in automobile?&lt;br>
lo sai quanto costa trasmettere e archiviare Gigabytes di dati?&lt;/p>
&lt;p>tanto. molto più di quello che immaginiamo. soprattutto perché non ce lo immaginiamo.&lt;/p>
&lt;p>per farla breve, così come non lasceremmo le luci o i rubinetti aperti quando non ci siamo, o non ci mettiamo in borsa un&amp;rsquo;incudine giusto per avere più peso, così dovremmo stare attenti al &amp;ldquo;peso&amp;rdquo; digitale delle nostre attività.&lt;br>
e le immagini (non parliamo ora dei video che sono molto peggio) sono un buon primo passo.&lt;/p>
&lt;p>nei decenni scorsi si sono imposto nel mondo digitale tre formati di compressioen delle immagini: il JPEG (specializzato per le &lt;strong>foto&lt;/strong>), le GIF (ora usate sopratutto per quelle &amp;ldquo;&lt;strong>animate&lt;/strong>&amp;rdquo;) e le PNG (usate quando si vuole mantenere la fedeltà &amp;ldquo;pixel perfect&amp;rdquo; al 100%, sopratutto per le immagini grafiche o con trasparenza).&lt;/p>
&lt;p>negli ultimi anni la ricerca matematica e informatica ha creato nuovi formati e algoritmi di compressione, molto più efficienti, più veloci e che riducono sensibilmente le dimensioni finale dei files:&lt;/p>
&lt;ul>
&lt;li>JPEG 2000 by the JPEG group&lt;/li>
&lt;li>WebP by Google&lt;/li>
&lt;li>HEIC by the MPEG group, based on HEVC and available in iOS&lt;/li>
&lt;li>AVIF by the Alliance for Open Media (AOM)&lt;/li>
&lt;li>JPEG XL by the JPEG group, the next-generation codec&lt;/li>
&lt;li>WebP2 (sempre by Google)&lt;/li>
&lt;/ul>
&lt;p>La &amp;ldquo;guerra degli standard&amp;rdquo; è una costante della storia della tecnologia, spesso non si impone il migliroe (vedi il VHS ai tempi!), sono dinamiche complesse.. in ogni caso il WebP si sta imponendo come il nuovo standard.&lt;br>
Per questo ho deciso di usarlo come formato di preferenza per tutti i miei progetti futuri.&lt;/p>
&lt;h2 id="webp">WebP&lt;/h2>
&lt;p>il formato WebP è pienamente open-source (cosa che non si può dire ad esempio dell&amp;rsquo;HEIC di Apple) ormai è compatibile con tutti i browsers
&lt;a href="https://caniuse.com/?search=webp" target="_blank">vedere qui la tabella di comparazione&lt;/a>
, l&amp;rsquo;unico ad essere indietro è Safari con OS prececedente a Big Sur.&lt;/p>
&lt;p>si importa ed esporta con quasi tutti gli editor di immagini.&lt;/p>
&lt;h2 id="utilità">utilità&lt;/h2>
&lt;p>questo sito è un ottimo convertitore di qualisasi immagine in formato WebP:&lt;br>
&lt;a href="https://nsspot.herokuapp.com/imagetowebp/" target="_blank">https://nsspot.herokuapp.com/imagetowebp/&lt;/a>
&lt;/p></description></item><item><title>Silo.ist</title><link>https://stefanocecere.com/project/silo.ist/</link><pubDate>Fri, 27 Jan 2012 00:00:00 +0000</pubDate><guid>https://stefanocecere.com/project/silo.ist/</guid><description>&lt;p>The
&lt;a href="https://siloist.github.io/" target="_blank">https://siloist.github.io/&lt;/a>
website.&lt;br>
The purpose of this project is to collect all Silo&amp;rsquo;s work, reformat them in markdown texts with good metadata, and publish it for free, permanent accessibility.&lt;/p>
&lt;h2 id="silo">Silo&lt;/h2>
&lt;p>Silo is the pseudonym of Mario Luis Rodríguez Cobos. He was born in 1938 near Mendoza, located between Argentina and Chile. His writings have been translated into numerous languages.&lt;br>
His official site is
&lt;a href="http://silo.net" target="_blank">http://silo.net&lt;/a>
&lt;/p>
&lt;h2 id="people-and-maintainers">People and maintainers&lt;/h2>
&lt;p>The project has been launched by
&lt;a href="https://github.com/StefanoCecere" target="_blank">Stefano Cecere&lt;/a>
and Federico Palumbo&lt;/p>
&lt;h2 id="contribute">Contribute&lt;/h2>
&lt;p>Please submit an
&lt;a href="https://github.com/siloist/siloist.github.io/issues" target="_blank">issue&lt;/a>
if you have any comment and critics&lt;br>
fork the project and start submitting pull request if you want to contribute&lt;/p>
&lt;h2 id="technology">Technology&lt;/h2>
&lt;p>The site is build with Jekyll -
&lt;a href="http://jekyllrb.com/" target="_blank">http://jekyllrb.com/&lt;/a>
&lt;br>
and hosted at GitHub.&lt;/p></description></item><item><title>Pressenza</title><link>https://stefanocecere.com/project/pressenza/</link><pubDate>Wed, 27 Jan 2010 00:00:00 +0000</pubDate><guid>https://stefanocecere.com/project/pressenza/</guid><description>&lt;p>l&amp;rsquo;Agenzia Stampa pressenza.prg nasceva in seno al Movimento Umanista nel 2007 circa, e poi prese forza con il progetto della Marcia Mondiale della Pace e della Nonviolenza.&lt;/p>
&lt;p>sviluppo del sito web, prima con Symphony, poi con WordPress.&lt;br>
nel corso degli anni questi sito è cresciuto molto, con centinaia di editori sparsi per il mondo, e molte lingue.&lt;/p></description></item><item><title>The World March for Peace and Nonviolence</title><link>https://stefanocecere.com/project/the-world-march-for-peace-and-nonviolence/</link><pubDate>Wed, 27 Jan 2010 00:00:00 +0000</pubDate><guid>https://stefanocecere.com/project/the-world-march-for-peace-and-nonviolence/</guid><description>&lt;p>Per questo grandissimo progetto internazionale, che mi porterà in India, Corea, Giappone, Russia e poi Sud America, aiuto sviluppando il sito web e curando la comunicazione sui socials (Facebook è agli albori). Nasce una rete internazionale multidisciplinare.&lt;/p>
&lt;p>siti:
&lt;a href="http://www.theworldmarch.org" target="_blank">http://www.theworldmarch.org&lt;/a>
e
&lt;a href="https://www.marciamondiale.org" target="_blank">https://www.marciamondiale.org&lt;/a>
&lt;/p>
&lt;p>ah: già che c&amp;rsquo;era ho composto e prodotto alcune musiche tra qui quella dello spot ufficiale&lt;br>
&lt;YouTube id="TyzhJUJfNF0" />&lt;br>
&lt;figure >
&lt;div class="d-flex justify-content-center">
&lt;div class="w-100" >&lt;img src="https://youtu.be/TyzhJUJfNF0" alt="video" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;br>
&lt;a href="https://youtu.be/TyzhJUJfNF0" target="_blank">https://youtu.be/TyzhJUJfNF0&lt;/a>
&lt;/p>
&lt;p>ecco alcune immagini dei siti e delle attività:&lt;br>
{&amp;lt; sc_gallery album=&amp;ldquo;gallery&amp;rdquo; &amp;gt;}&lt;/p></description></item><item><title>Crea Smemoranda</title><link>https://stefanocecere.com/project/crea-smemoranda/</link><pubDate>Thu, 02 Jun 2005 00:00:00 +0000</pubDate><guid>https://stefanocecere.com/project/crea-smemoranda/</guid><description>&lt;p>per la Smemoranda ho creato questa applicazione in Flash/Serverside per dare la possibilità di disegnare la propria copertina e proporla.&lt;/p></description></item><item><title>TYPO3 CMS</title><link>https://stefanocecere.com/project/typo3-cms/</link><pubDate>Mon, 02 Jun 2003 00:00:00 +0000</pubDate><guid>https://stefanocecere.com/project/typo3-cms/</guid><description>&lt;p>sviluppo con il CMS opensource TYPO3.&lt;br>
in quindi anni ho sviluppato e programmato dozzine di siti per diversi clienti e agenzie.&lt;br>
dal sito della Provincia di Firenze a UCIMU, da Paola Lenti a Eurizon.&lt;/p>
&lt;p>{&amp;lt; sc_gallery album=&amp;ldquo;gallery&amp;rdquo; &amp;gt;}&lt;/p></description></item></channel></rss>