Ritorno della barra di caricamento CSS3 e HTML5 sono il nuovo Flash?

Oggi discuteremo un po 'su come e perché Flash è stato considerato in una luce negativa e come possiamo evitare di seguire lo stesso percorso con le tecnologie moderne che lo sostituiscono.

Perché odiamo Flash

Piaccia o no, il web ha attivato Flash. L'ex ragazzo di poster su Internet è diventato un bambino di passaggio dalla testa rossa, che ha suscitato sentimenti di odio totale in molti utenti. Questa marcia è stata in gran parte guidata da Steve Jobs e dal rifiuto di Apple di autorizzare Flash su iOS, ma ogni giorno gli utenti del Web hanno a lungo maneggiato la tecnologia.

Per diversi motivi, Flash è stato fantastico. Permetteva agli sviluppatori web di portare i siti web a un livello di dinamismo che prima era impossibile. Invece di una terra di noiose pagine statiche, Internet è diventato un luogo in cui erano possibili esperienze davvero coinvolgenti e assolutamente futuristiche.

Tutto questo è venuto a un prezzo però. Con l'avvento di Flash, anche il web è diventato un luogo notevolmente buggy e pigro. I siti Web Flash richiedono, ovviamente, il plug-in Flash e, se non si dispone dell'ultima versione, è preferibile andare a prenderlo o questa cosa non funzionerà.

Poi sono arrivate le barre di caricamento. I tempi di caricamento delle pagine su siti Flash puri aumentano in modo esponenziale e improvviso? Caricamento: 10%? Carico: 11%? ? i filatori sono diventati parte della nostra vita quotidiana.

Infine, c'è il problema della stabilità. Steve Jobs ha affermato che la maggior parte delle volte, quando i Mac si bloccano, la colpa è di Flash. Questo è un po 'di iperbole, ma il nocciolo della frase suggerisce qualche verità. Abbiamo tutti sperimentato il congelamento di Flash e peggio. Tanto che molte persone scaricano plug-in che bloccano tutte le attività Flash a meno che non siano approvati manualmente.

Saggezza di Hollywood

Nel film Jurassic Park, lo specialista del caos, Ian Malcom, ha affermato di aver trovato un'isola di dinosauri viventi, "i tuoi scienziati erano così preoccupati che avrebbero potuto, non si sono fermati a pensare se dovevano.

"I tuoi scienziati erano così preoccupati di sapere se potevano, non si fermavano a pensare se dovevano." -Ian Malcom

Questa citazione è molto appropriata per l'ascesa alla fama di Flash. Gli sviluppatori erano così entusiasti di ciò che potevano fare, si sono dimenticati di chiedere loro cosa dovrebbero fare. Flash migliorerà l'esperienza complessiva o la peggiorerà? Cosa sto guadagnando usando Flash e cosa sto sacrificando? La maggior parte dei miei utenti sarà soddisfatta delle decisioni che ho preso? Quanto è grande il bacino di utenti che si perderanno e quali opzioni avrò per loro?

Ripetizione della storia

Avanti veloce per ora. CSS3 e HTML5 sono arrivati ​​per salvare il giorno. Flash è alle corde e prende un nuovo battito ogni giorno mentre vediamo nuovi incredibili esempi di siti sbalorditivi costruiti solo con CSS, HTML e JavaScript.

HTML e CSS sono incorporati nei moderni browser Web e sono la vera spina dorsale del World Wide Web come lo conosciamo oggi, quindi essere in grado di utilizzare queste tecnologie per creare pagine dinamiche è il sogno di un web designer che diventa realtà.

Tuttavia, man mano che sempre più sviluppatori raccolgono queste tecnologie e iniziano a estenderle fino ai limiti, la Sindrome di Jurassic Park inizia a impostarle. Siamo tutti così preoccupati di ciò che è possibile che sia facile perdere di vista ciò che è lecito.

Sempre più mentre navigo nel web sto iniziando a vedere i segni che un futuro simile a Flash si sta avvicinando. I tempi di caricamento delle pagine sono in aumento al punto che? Carico? i messaggi stanno tornando, le pagine web stanno diventando piuttosto dipendenti dal browser, lunghe animazioni stanno causando il blocco dei browser; suona familiare?

Non fraintendermi, sono il primo ad alzarmi in piedi e dire che HTML5 e CSS3 non sono solo il futuro del web ma la fonte delle migliori tecnologie attuali. Tuttavia, penso che alcune conversazioni sulla cautela siano appropriate se vogliamo evitare uno scenario simile a quello di Flash.

Sì, i nostri nuovi giocattoli sono fantastici, ma rallentiamo per un minuto e ci poniamo alcune importanti domande prima dell'implementazione.

Domande importanti

Quella che segue è una lista grezza e incompleta di domande che dovresti porci prima di implementare determinate tecnologie next-gen sul tuo sito.

Lo scopo è sperimentale / educativo?

Per quelli di voi pronti a puntare il dito contro di me e la mia offerta settimanale di tecniche CSS3, ottengo un pass gratuito (non è conveniente?). Il mio lavoro è discutere non solo dello stato attuale del web ma delle tendenze e tecnologie in arrivo. Di conseguenza, questo blog e altro dovrebbero assolutamente esplorare e insegnare nuove tecniche man mano che si presentano.

Come individuo, hai anche tutto il diritto di sperimentare. Non c'è nulla di male nella creazione di un parco giochi o sito web personale con funzionalità sperimentali. Il problema sorge quando sei stato assunto per creare un sito partendo dal presupposto che la massima compatibilità utente è un obiettivo primario. La maggior parte delle aziende non sarà pazza di assumerti per creare un sito che è impressionante solo per altri web designer e leggermente fastidioso per tutti gli altri.

Cosa viene ottenuto? Cosa è perso?

Proprio come ho consigliato con l'implementazione di Flash, con qualsiasi tecnologia nuova o sperimentale, dovresti sempre valutare attentamente i tuoi pro e contro.

Il beneficio è in gran parte una spinta estetica? Vale la pena un leggero successo nell'usabilità? Che ne dici di uno grande? Dal punto di vista dell'utente medio non-designer, questa scelta aggiungerà o toglierà dall'esperienza?

Ad esempio, supponiamo che tu stia creando un menu a discesa animato di fantasia usando puro CSS3 anziché JavaScript, stai facendo questo perché è più impressionante o perché sai che puoi renderlo più funzionale per più utenti che se tu fossi andato la rotta JS?

Tutto torna al dilemma di Ian Malcom. Se si scopre che tu può fai un po 'di magia moderna su un sito, chiediti sempre se tu dovrebbero.

A volte le innovazioni aiuteranno effettivamente a ottimizzare il tuo sito e renderlo ancora più utilizzabile, altre volte ti troverai con un codice gonfio e una pagina lenta mentre sventoli la tua bandiera del progresso. Sii onesto con te stesso e decidi dove tracciare la linea.

Gli utenti mancheranno?

Diciamo che vuoi implementare alcune animazioni di fotogrammi chiave Webkit (uno dei miei preferiti CSS3 preferiti) su un sito client, dai prima un'occhiata alle tue analisi per vedere quanti utenti non-Webkit lascerai fuori?

La compatibilità del browser era un grosso problema prima di HTML5 e CSS3 ed è solo peggio ora. La stessa logica che abbiamo sempre usato si applica comunque. Assicurati di progettare pensando a tutti i principali browser. Per quanto mi riguarda, non dovresti sentirti male nell'implementare trucchi ed effetti specifici del browser, ma assicurati che gli altri utenti abbiano ancora una solida esperienza.

Ovviamente, stiamo parlando di miglioramento progressivo. Inizia con una linea di base di funzionalità ed estetica che funziona su tutti i principali browser, poi aggiungi degli extra speciali per quegli individui lungimiranti che utilizzano un browser veramente moderno.

Conclusione

Per riassumere, adoro assolutamente HTML5 e CSS3. Trascorro un sacco di tempo a sperimentare e ad allungare i limiti di ciò che pensavo fosse possibile. Tuttavia, quando si lavora vero progetti, sono sempre cauto nell'andare in mare e nella creazione di un sito che non solo assomiglia a come è stato realizzato con Flash, ma agisce come tale!

Lascia un commento qui sotto e facci sapere come ti avvicini all'utilizzo delle nuove tecnologie sui siti dei clienti. Stai abbracciando completamente HTML5 e CSS3 o semplicemente accattivandoli in modo selettivo dove possono essere apportati miglioramenti reali?