Responsive Web Design, la guida
Il responsive web design permette di progettare siti in grado di adattarsi alle dimensioni dello schermo su cui vengono visualizzati, risultando quindi particolarmente fruibili su dispositivi mobili quali tablet e smartphone. Questa guida offre una panoramica generale sulle principali tecniche del responsive web design, al fine di ottenere risultati ottimali su tutti gli schermi.
-
14
-
-
-
1 Introduzione al 'responsive design'
-
2 Cos'è il responsive design
-
3 Prima i contenuti, prima il mobile
-
4 Definire i breakpoint con le media queries
-
5 Contenuti e breakpoint
-
6 Script e Markup HTML per un progetto "responsive"
-
7 Il meta tag 'viewport'
-
8 Stili per il mobile: layout, dimensioni, font
-
9 Caricamento condizionale dei contenuti
-
10 Gestione di immagini e video
-
11 Stili per il mobile: la navigazione
-
12 Mobile: telefono e geolocalizzazione
-
13 Il primo breakpoint (768px)
-
14 Lavorare per il desktop
guide
Tutti i linguaggi per diventare uno sviluppatore di app per Android.
guide
Come creare applicazioni per il Web con PHP e MySQL per il DBMS.
guide
Tutte le principali tecnologie per diventare uno sviluppatore mobile per iOS.
guide
I fondamentali per lo sviluppo di applicazioni multi piattaforma con Java.
guide
Diventare degli esperti in tema di sicurezza delle applicazioni Java.
guide
Usare Raspberry Pi e Arduino per avvicinarsi al mondo dei Maker e dell’IoT.
guide
Le principali guide di HTML.it per diventare un esperto dei database NoSQL.
guide
Ecco come i professionisti creano applicazioni per il Cloud con PHP.
guide
Lo sviluppo professionale di applicazioni in PHP alla portata di tutti.
guide
Come sviluppare applicazioni Web dinamiche con PHP e JavaScript.
guide
Realizzare applicazioni per il Web utilizzando i framework PHP.
guide
Creare applicazioni PHP e gestire l’ambiente di sviluppo come un pro.
guide
Fare gli eCommerce developer con Magento, Prestashop e WooCommerce.
guide
Percorso base per avvicinarsi al web design con un occhio al mobile.
guide
Realizzare siti Web e Web application con WordPress a livello professionale.
-
2 Lezioni
-
Facile
Tailwind CSS è un framework CSS che si propone come alternativa a soluzioni più tradizionali ed abbondantemente diffuse come Bootstrap o w3.css. Rispetto a questi ultimi, Tailwind CSS si contraddistingue per l’approccio diverso, non più basato su classi che realizzano elementi già preconfenzionati, bensì sfruttando una serie di classi di utility per implementare le nostre idee direttamente nelle pagine HTML.
-
13 lezioni
-
Facile
Il design della user experience (UX) e delle interfacce (user interface, UI) è il primo passo verso la realizzazione di siti web moderni e professionali. Questa guida introduce il lettore al mondo delle interfacce web responsive, coprendo vari aspetti multidisciplinari: dalla progettazione allo sviluppo, con focus sul flusso di lavoro, gli strumenti, i trend ed i design pattern moderni.
-
8 lezioni
-
Moderata
Guida pratica al Web Motion Design: come utilizzare le principali librerie che permettono di realizzare pagine web animate in modo moderno e accattivante.
-
17 lezioni
-
Facile
Il seguito naturale della guida al Responsive Web Design, in cui approfondire temi solo accennati in quella sede e allargare l’orizzonte proponendo un’idea di Responsive Design che non si esaurisce nella realizzazione di layout adattabili; presenteremo tecniche e strumenti da usare in contesti reali e in grado di dare risposte alle principali problematiche di sviluppo
Non sono solo ubiquitari, smartphone e tablet stanno progressivamente superando il traffico online generato da laptop e desktop. Una diffusione […]
La realizzazione di una pagina web non è un’attività una tantum, da effettuar una volta sola per poi dimenticarsene, bensì […]
La moltiplicazione dei dispositivi mobile, nonché la loro supremazia in termini di traffico rispetto alle classiche soluzioni desktop, ha determinato […]