« Développement mobile » : différence entre les versions
Aller à la navigation
Aller à la recherche
(+ responsivator) |
|||
| Ligne 1 : | Ligne 1 : | ||
== Technique == | == Technique == | ||
=== Solutions "automatisées", | === Solutions "automatisées", frameworks === | ||
* [http://kurogo.org/home/ Kurogo], solution open source pour la création de sites et applis mobiles | * [http://kurogo.org/home/ Kurogo], solution open source pour la création de sites et applis mobiles | ||
| Ligne 10 : | Ligne 10 : | ||
* [http://twitter.github.com/bootstrap/ Twitter Bootstrap] | * [http://twitter.github.com/bootstrap/ Twitter Bootstrap] | ||
* ... | * ... | ||
Il existe des outils permettant de tester le rendu d'un site web sur différentes plate-formes : | |||
* [http://dfcb.github.com/Responsivator/ Responsivator] (exemple sur le [http://dfcb.github.com/Responsivator/?site=www.enssib.fr site web de l'ENSSIB]) | |||
== Retours d'expérience == | == Retours d'expérience == | ||
Version du 5 février 2013 à 16:35
Technique
Solutions "automatisées", frameworks
- Kurogo, solution open source pour la création de sites et applis mobiles
Responsive Web Design (RWD)
Une méthode de développement possible est celle du RWD qui consiste à concevoir une et une seule interface pour toutes les plate-formes de consultation, cette interface s'adaptant au terminal utilisé. Les bases de cette méthode ont été mises au point par Ethan Marcotte et sont exposées dans son ouvrage Responsive Web Design[1].
Plusieurs frameworks existent qui intègrent en quelques fichiers CSS et Javascript des méthodes facilitant le développement d'interfaces responsives :
Il existe des outils permettant de tester le rendu d'un site web sur différentes plate-formes :
- Responsivator (exemple sur le site web de l'ENSSIB)
Retours d'expérience
Notes et références
- ↑ Ethan Marcotte, Responsive Web Design, Eyrolles, 2011, 150 p. (ISBN 978-2-212-13331-8) [présentation en ligne]