Cerca
Filtra la ricerca ...
Frase esatta
Categorie

Lista aggiornata di CSS Media Queries, con plugin per WordPress

Al giorno d’oggi sappiamo quanto è importante avere un sito internet responsive, in modo particolare da quando Google ha introdotto nel suo algoritmo del 21 Aprile 2015 delle regole per cui da più valenza nei risultati delle SERP a quei siti che sono “Mobile Friendly” e dall’introduzione del metodo Google AMP (Acceleration Mobile Project), insomma oramai è tassativo avere un sito responsive che si adatta ai dispositivi mobili, altrimenti si viene penalizzati.

Una consulenza che spesso mi chiedono è quella di rendere mobile friendly un sito già responsive, il che è tutto dire perchè non è proprio come bere un bicchier d’acqua fresca! Ci sono decine di mobile device con risoluzioni differenti e tecnologie differenti, quindi è un lavoro lungo e meticoloso.

In questo articolo voglio raccogliere le CSS Media Queries che normalmente utilizzo per sviluppare i siti internet responsive, lascio a voi l’onere di riempire il codice a seconda del sito che state sviluppando; buon lavoro 🙂

Smartphones CSS3 Media Queries

Tablets CSS3 Media Queries

iPad CSS3 Media Queries

Samsung Galaxy Tablet CSS3 Media Queries

Asus Nexsus

Amazon Kindle Fire

Watch CSS3 Media Queries

per gli impavidi 😛

Apple Watch

Motorola 360 Watch

WordPress plugin CSS3 Media Queries

Per coloro che utilizzano WordPress ho sviluppato un plugin che potete scaricare gratuitamente da qui .

Per modificare il file aggiungendo le vostre regole CSS, potete editare il file \wp-content\plugins\mobile_rules\mobile_rules.css

CSS3 Media Queries WordPress Plugin

Buon lavoro, alla prossima 🙂

Potrebbe interessarti anche ...

Lascia un commento

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.