Metti alla prova la facilità di utilizzo del tuo sito web con questo strumento Google
L'anno 2016 ha fatto la storia quando l'uso di Internet mobile ha superato per la prima volta il desktop . Dovrebbe essere abbondantemente chiaro che il web design reattivo non può essere ignorato .
Ma solo perché si crea un layout reattivo non significa che l'esperienza dell'utente sarà grande. È sempre necessario considerare l' usabilità su dispositivi diversi e il tempo di caricamento totale della pagina .
Google ha recentemente pubblicato uno strumento nuovo di zecca chiamato Mobile Website Testing Speed Tool .
![](http://hideout-lastation.com/img/tech-design-tips/417/test-your-website-s-mobile-friendliness-with-this-google-tool.jpg)
Devi solo inserire un dominio e lasciarlo funzionare . Il test può richiedere alcuni minuti, quindi cerca di essere paziente.
Una volta terminato, vedrai tre punteggi classificati tra 0 e 100 :
- Mobile friendliness
- Velocità mobile
- Velocità del desktop
Non sono esattamente sicuro di come vengono calcolate le velocità di dispositivi mobili e desktop, ma sembrano differire .
![](http://hideout-lastation.com/img/tech-design-tips/417/test-your-website-s-mobile-friendliness-with-this-google-tool-2.jpg)
È possibile fare clic sul pulsante "Ulteriori dettagli" per una finestra modale che spiega le aree specifiche selezionate nell'elenco.
Ad esempio, il tester per la compatibilità con i dispositivi mobili controlla la vista, le dimensioni / i colori dei caratteri e la dimensione dei target toccabili come pulsanti o collegamenti.
Ecco il controllo dei progressi per la reattività mobile di Hongkiat.
![](http://hideout-lastation.com/img/tech-design-tips/417/test-your-website-s-mobile-friendliness-with-this-google-tool-3.jpg)
Queste valutazioni possono essere causate da molte cose diverse e puoi fare in modo che Google invii un elenco dei loro risultati e delle possibili soluzioni direttamente alla tua e-mail.
Questa è una delle nuove app più belle di Google e la consiglio assolutamente come strumento di test generale per gli sviluppatori web.
Tieni presente che questo è simile agli altri due strumenti di Google PageSpeed Insights e al Test di ottimizzazione mobile .
Ma con il loro nuovo strumento di test del sito mobile, puoi controllare sia la velocità della pagina che la facilità di utilizzo del cellulare nella stessa analisi. App davvero bella e sicuramente vale la pena segnalibro per riferimenti futuri.
![Creazione di una casella di ricerca CSS3 oscillante](http://hideout-lastation.com/img/tech-design-tips/604/creating-rocking-css3-search-box.jpg)
Creazione di una casella di ricerca CSS3 oscillante
Questo articolo fa parte della nostra "serie di tutorial HTML5 / CSS3", dedicata a farti diventare un designer e / o uno sviluppatore migliori. Clicca qui per vedere più articoli della stessa serie. CSS3 è il linguaggio di fogli di stile di prossima generazione. Introduce molte nuove ed eccitanti funzionalità come ombre, animazioni, transizioni, raggio di confine, ecc. S
![Get Published (Part 3): Marketing dei tuoi post dopo la pubblicazione](http://hideout-lastation.com/img/nophoto.jpg)
Get Published (Part 3): Marketing dei tuoi post dopo la pubblicazione
Hai finito con il tuo articolo? Lo hai modificato, riscritto e modificato ancora prima di essere approvato per la pubblicazione? Grande! Questa è la buona notizia.La cattiva notizia è che il tuo lavoro non si ferma qui . "Cosa vuoi dire che il mio lavoro non si ferma qui?", Protesti tu. "Non sta scrivendo l'unica cosa che devo fare?&