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
Fare gli e-commerce developer con Magento, Prestashop e WooCommerce.
guide
Realizzare applicazioni per il Web utilizzando i framework PHP.
guide
Creare applicazioni PHP e gestire l’ambiente di sviluppo come un pro.
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.
-
1 Lezioni
-
Facile
Adobe Photoshop è uno dei software di grafica 2D più noti e diffusi al mondo, oltre che tra i più performanti ed apprezzati. In questa guida impareremo ad utilizzarlo per creare grafiche 2D da utilizzare nella realizzazione di un videogioco, partendo dalle basi del software fino ad arrivare a tutti i dettagli più avanzati.
-
4 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.
-
18 lezioni
-
Facile
Scoprire Foundation e imparare a lavorare con uno dei più importanti front-end framework sulla scena del web/mobile design. In questa guida vedremo come utilizzare i componenti e i tool forniti dalla libreria per realizzare passo passo un progetto reale.
Giovedì 13 novembre 2014 dalle ore 09:00 alle 18:00 si sovlgerà a Roma – Fiumicino (Parco Leonardo) il World Usability […]
Grid.css è un piccolo framework CSS utile per la creazione di un layout responsive a sei colonne. Per il suo […]
Come è noto, il Responsive Web Design, o “design responsivo per il Web”, è il nome di una tecnica finalizzata […]