html

We’ve seen other articles pointing the finger at unnecessarily bloated websites. Terence Eden’s On the unreasonable effectiveness of simple HTML deserves mention, I think, for two reasons. First, the delivery is incredibly effective. Second, it is effective because of the storytelling. By enveloping the message into an original short, touching story, he achieves two goals. First, he captures the reader’s attention; second, he makes the experience memorable. Please, go and read it; I’ll wait here. »

What we may not have realized is that once the browsers don’t suck, being an HTML and CSS “guru” isn’t really a very marketable skillset. 80% of what made us useful was the way we knew all the quirks and intracries of the browsers. Guess what? Those are all gone. And if they’re not, they will be in the very near future. Then what? A lot of folks who came up from that time and headspace have diversified their skillsets since. »

Codecademy propone da ieri un corso gratuito e interattivo su HTML e CSS. Il corso, per principianti, si affianca a quello ormai collaudato (e recentemente ampliato) su JavaScript. Codecademy è una fantastica iniziativa per imparare a programmare online Il meccanismo è quello della gamification, con tanto di punteggi e badge da conquistare man mano che si raggiungono obiettivi prefissati . Presto dovrebbe uscire anche un corso su Python. Compi i tuoi primi passi con HTML e CSS. »

Don’t Fear the Internet è una ottima risorsa per Web Designer principianti. Attenzione ai dettagli, grande cura e ottimi contenuti sono il marchio distintivo di questo progetto di Jessica Hische e Russ Maschmeyer: Sei un disegnatore, un fotografo, un artista o, più in generale, un creativo? Hai un sito che mai messo insieme con Dreamweaver grazie a quell’UNICA lezione scolastica di web design? Il sito non ce l’hai nemmeno, perché sono due anni che aspetti che tuo cugino lo faccia per te? »

Watermark.js è una libreria JavaScript che aggiunge un watermark (letteralmente filigrana, ovvero un logo o un marchio) alle immagini presenti sulle pagine web. Contrassegnare le immagini in modo permanente è utile a proteggerle dalla copia oppure, al contrario, ad approfittare della loro riproduzione per diffondere un marchio (brand awareness). Usare watermark.js è semplice, vediamo quanto.

Inseriamo dinamicamente il nostro brand nelle immagini del sito

Come usare watermark.js

La libreria innesta il marchio nelle immagini marcate con la classe CSS “watermark”. Se il nome della classe non piace è possibile cambiarlo. Se il nostro watermark è in formato JPG la libreria aggiunge per noi un livello di trasparenza, altrimenti possiamo fornirle i più idonei formati PNG e GIF.

Col suo sito IE6countdown.com Microsoft riconosce finalmente che l’ormai decenne (2001) Internet Explorer 6 ha fatto il suo tempo. E’ ora di guardare avanti.

Il sito invita i web master di tutto il mondo a unirsi alla crociata per la distruzione della vetusta reliquia aggiungendo un banner alle loro home page. Il banner compare solo quando la pagina è aperta da IE6, spiegando al visitatore che il suo browser è obsoleto e di scarsa qualità (questo in effetti dimentica di dirlo) e suggerendo di aggiornarlo.

Lanciata da pochi giorni, Lanciata da pochi giorni, è una piccola (4Kb) e brillante libreria JavaScript che ci mette a disposizione un rendering engine JSON controllabile con puro codice HTML. La separazione tra HTML e JavaScript rende più facile il lavoro con contenuti AJAX, aumenta la leggibilità del codice e ne facilita la manutenzione. Tempo è compatibile con tutti i browser (IE6 incluso), si integra alla perfezione con jQuery ed è davvero facile da usare.

JSON

JSON è un formato di scambio dati sempre più diffuso. Un flusso di dati JSON è relativamente compatto (soprattutto rispetto al suo rivale XML) ed è facile da interpretare sia per un umano che per un computer. Ormai tutte le Web API più usate (Facebook, Twitter, ecc.) supportano ampiamente JSON. Ecco un esempio di array JSON:

Stack Overflow è la risorsa per programmatori più famosa e apprezzata della Rete. Purtroppo domande e risposte pubblicate sul sito si succedono a un ritmo tale che è impossibile seguire gli aggiornamenti in tempo reale. Per questo motivo la gran parte degli utenti (sottoscritto incluso!) ricorre a Stack Overflow solo al momento del bisogno, quando è necessario trovare in fretta la soluzione a un problema critico. E’ un peccato perchè Stack Overflow è una vera minera di informazioni preziose e  meriterebbe maggiore attenzione…

Gli ambienti di sviluppo (IDE) online sono una delle opportunità più originali che il cloud computing mette a disposizione dei programmatori web. In generale si tratta di editor di codice, debugger e strumenti per il controllo di versione da usare nel browser web senza bisogno di installare alcun software sul client. Per il momento le soluzioni disponibili offrono funzionalità limitate che tuttavia lasciano intravedere le possibilità che questi strumenti metteranno a nostra disposizione.

Il Progetto Orion

Semplici editor di codice sorgente sono disponibili online già da tempo, ma progetti come Orion portano il concetto di programmazione online a un livello superiore. Annunciato pochi giorni fa dal team di sviluppo di Eclipse, una IDE Open Source molto diffusa e apprezzata, il progetto Orion è qualcosa di nuovo:

Introdotta dallo slogan Siamo Uomini Non Macchine, Humans TXT è una iniziativa che consente di conoscere gli autori di un sito web. Per ragioni di immagine i committenti sono spesso riluttanti a consentire che sulle loro homepage appaiano i nomi degli autori. Non sempre è evidente chi ha sviluppato un sito, cosa certo non gradita all’autore che avrebbe tutto il diritto (e l’interesse) di firmare le proprie opere.

Quattro anni fa Eric Meyer pubblicò la prima versione del suo CSS Reset. Concepito come un prototipo da condividere con altri sviluppatori dediti alla creazione di uno standard, il modulo riscosse subito grande successo diffondendosi rapidamente. In poche settimane venne adottato, spesso inconsapevolmente, da decine di migliaia di programmatori e designer web. Oggi gran parte dei siti web nel mondo includono nel loro codice almeno una traccia di quello che è universalmente noto come Eric Meyer Reset. »

Proprio ieri in Adobe Flash è una Pessima Idea concludevo sostenendo che l’adozione dei nuovi standard HTML5 e CSS3 sarà molto più rapida di quanto non si immagini. Nemmeno ventiquattro ore dopo ecco la notizia che oltre il 50% degli utenti web supporta già il formato video HTML5. La fonte dei dati è StatCounter, ancora oggi una delle piattaforme più usate al mondo per tracciare la navigazione sui siti web.

E’ incredibile la quantità di siti che ancora oggi vengono sviluppati con Flash. Il fenomeno colpisce soprattutto i siti-vetrina: negozi, attività commerciali, ristoranti, artigiani. Basta farsi un giro sui siti di venditori di mobili, per esempio, per godersi il trionfo della ‘multimedia platform‘ di Adobe. Bisogna prenderne atto: nel 2011 migliaia di aziende italiane di ogni dimensione affidano la loro identità web ad Adobe Flash. Consulenti e agenzie continuano a produrre siti con tecnologie assimilate anni fa. Reticenti all’aggiornamento delle proprie competenze, si accontentano del loro confortante orticello che, tutto sommato, assicura lo stipendio.