background preloader

Responsive website

Facebook Twitter

Media Queries. Responsive Design bookmarklet. Download Windows Phone SDK 7.1 from Official Microsoft Download Center. SDK. Before installing Android Studio or the standalone SDK tools, you must agree to the following terms and conditions. This is the Android Software Development Kit License Agreement 1. Introduction 1.1 The Android Software Development Kit (referred to in this License Agreement as the "SDK" and specifically including the Android system files, packaged APIs, and Google APIs add-ons) is licensed to you subject to the terms of this License Agreement. 2. Accepting this License Agreement 2.1 In order to use the SDK, you must first agree to this License Agreement. 3. 3.1 Subject to the terms of this License Agreement, Google grants you a limited, worldwide, royalty-free, non-assignable, non-exclusive, and non-sublicensable license to use the SDK solely to develop applications for compatible implementations of Android. 3.2 You may not use this SDK to develop applications for other platforms (including non-compatible implementations of Android) or to develop another SDK. 4. 5. 6. 7. 8. 9. 12. 13. 14.

iOS Dev Center. CSS Media queries: le basi | Guida CSS3. Già nelle prime specifiche dei CSS era previsto un meccanismo adatto a servire fogli di stile ad hoc a seconda del dispositivo di visualizzazione. È quello basato sull’utilizzo dell’attributo media e dei diversi tipi di media. L’ambito di applicazione in cui tale tecnica si è rivelata più utile è forse quello dei CSS per la stampa. Nei CSS3 il meccanismo di base è stato notevolmente migliorato e reso più efficace, fornendo agli sviluppatori uno strumento molto potente per servire stili specifici non solo in base ai dispositivi di fruizione ma anche a diverse caratteristiche degli stessi.

Si entra così nell’epoca delle media queries. Come recita la definizione che appare nella specifica, “una media query consiste nella dichiarazione di un tipo di media e di zero o più espressioni che verifichino le condizioni di validità o non validità delle caratteristiche di un certo media”. Molto più semplice far parlare un esempio: Nel contesto dell’attributo media abbiamo definito una media query. Sviluppatore. Responsive Web Design, introduzione. Questa guida è dedicata a uno dei temi più interessanti emersi negli ultimi anni nel contesto del web design: il cosiddetto ‘responsive web design‘.

Abbiamo già ospitato sulle pagine di HTML.it diversi articoli che illustrano argomenti e tecniche legati a questo approccio alla realizzazione di pagine e siti web, a partire dalla traduzione di quello che è considerato l’articolo da cui tutto è iniziato, Responsive Web Design di Ethan Marcotte. Ora, con questa guida introduttiva, intendiamo offrire una sorta di sintesi generale che serva innanzitutto da punto di partenza per quanti si avvicinino solo ora a queste tematiche. Lo faremo usando l’approccio che ci è più congeniale, ovvero coniugando nozioni teoriche e taglio pratico/dimostrativo. Nel corso delle lezioni progetteremo e costruiremo secondo i principî del responsive design la home page de “Il viaggio”, un magazine online fittizio dedicato a viaggi, arte e cultura.

Figura 1 – Il kit per i test usato dalla BBC fonte: .net magazine.