Come abbiamo spiegato in un "28 strumenti utili per il responsive web design", un sito responsive si basa su un sistema che tecnicamente riconosce il device e gli risponde con un layout adatto, quindi con colonne, menù e griglie che siano flessibili (su uno schermo piccolo le 3 colonne sono impossibili da leggere e un menù orizzontale dovrà essere limitato a poche voci).
Per chi volesse approfondirne la conoscenza, vi presentiamo 27 web apps e risorse per il responsive web design.
1. Retina.js
2. Screenqueri.es
3. Mediaqueri.es
4. Style Tiles
5. Responsify
6. Gridpak
7. Adaptive Images
8. The Goldilocks Approach
9. Respo WordPress Theme
10. The Responsinator
11. Response JS
12. FitVids.js
13. Responsive PX
14. SelectNav.js
15. RefineSlide
16. Campaign Monitor Mobile Guide
17. Code a Responsive Navigation
18. Responsive Ad Checker
19. CSS3 Responsive Slider
20. Responsive Tables
21. HorizontalNav
22. Glisse.js
23. Codebomber
24. slabText
Syze
Ari WordPress Theme
The Heads-Up Grid
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.
Articoli correlati
Introduzione alle CSS Container Queries
Il responsive web design è una componente essenziale dello sviluppo web. Come sviluppatori front-end, dobbiamo preoccuparci continuamente della moltitudine di nuove risoluzioni e dispositivi. Va da se che creare una versione…
come trasformare il tuo smartphone in una webcam per il tuo pc
Con la propagazione del Covid-19 tutti noi abbiamo dovuto adattarci a una nuova situazione di quarantena in casa, e, dato che l'essere umano ha bisogno di comunicare costantemente, abbiamo usato…
Come sapere quali applicazioni hanno accesso alla propria posizione, al microfono e alla telecamera
Quando si installa un'applicazione sul proprio smartphone, si decide quali permessi dare, ma non sempre è tutto così chiaro ed evidente. Oggi, spiegheremo come sapere se quei permessi eccedono la legalità…
Webinar e Online Class: Le migliori app free(o quasi) per fare lezione anche da casa
A causa del motivo contingente di clausura, anche il modo di lavorare classico ha dovuto subire uno scossone e adeguarsi ai paesi più tecnologici in cui questo modo di lavorare…
Lavorare da casa: applicazioni utili
Lavorare da casa non è per tutti, anche se, seguendo i consigli di chi lo fa da anni, può rivelarsi molto produttivo. Un buon modo per prepararsi al lavoro è…
Flexbox, breve guida pratica
In questo articolo impareremo a gestire gli elementi del nostro sito web in modo più efficiente ed efficace, grazie alla proprietà Flexbox. Ma attenzione, non stiamo parlando di una semplice proprietà…
Java Design Pattern: Prototype Pattern
Andremo ora a parlare di un pattern creazionale che ci permette di "copiare con classe". Sì, anche se sembra strano, il compito fondamentale di questo pattern è copiare. Sto parlando…
Java Design Pattern: Builder Pattern
Andiamo oggi a parlare di un pattern creazionale che in molte situazioni può rappresentare una valida alternativa alla costruzione di oggetti mediante costruttori: il Builder Pattern. La necessità di introdurre meccanismi…
Java Design Pattern: Factory Pattern
Continuando il discorso sui design pattern iniziato precedentemente, andiamo oggi a vedere un altro pattern molto utilizzato: il Factory Method Pattern. Il GoF (Gang of Four Design Patterns) lo definisce così: Definisce…
Java: Introduzione ai design pattern: Singleton
Chiunque abbia anche una minima esperienza di programmazione, si sarà reso conto di come i problemi sianoricorrenti. Infatti troviamo spesso problemi con uno stesso pattern ma con contesti differenti. Ad esempio, un…
Deep web: 5 fatti di cui non si è a conoscenza
Il deep web è uno spazio Internet in cui sono ospitati i contenuti che non compaiono nei motori di ricerca convenzionali, a causa di vari fattori che non devono necessariamente…
Kali Nethunter, lo store per gli hacker etici
A volte i pentesters o gli stessi programmatori di un azienda, hanno bisogno di analizzare gli URL o effettuare dei test di penetrazione. Lo scopo dell’attività è quindi quello di scovare…