Filtra la ricerca ...
Frase esatta
Categorie

Lista aggiornata di CSS Media Queries, con plugin per WordPress

Ciao e benvenuto. Se hai bisogno di chiarimenti sul codice, lascia un commento (no WhatsApp); ricorda però che non fornisco assistenza gratuita sugli articoli che ho scritto nè personalizzo il codice in modo gratuito, quindi se la tua richiesta va oltre il semplice "aiutino", se vuoi mi chiedi una consulenza a pagamento nella pagina contatti. Grazie della comprensione. Alessio

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 ...

Hai bisogno di una consulenza, lo sviluppo di un plugin o vuoi incrementare le performance del tuo sito ?

Se vuoi postare codice usa codeshare.io
Se vuoi postare uno screeshot usa postimages.org ed inserisci l'url nel commento.

Lascia un commento


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

Iscriviti e ricevi trucchi e guide

Inserisci la tua email per ricevere gli ultimi articoli dal blog.

Inserendo i tuoi dati confermi di aver letto ed essere d’accordo con la privacy policy.