Différences entre versions de « Responsive Web Design »

De Bibliopedia
Sauter à la navigation Sauter à la recherche
 
(9 versions intermédiaires par 5 utilisateurs non affichées)
Ligne 7 : Ligne 7 :
  
 
Il existe des outils permettant de tester le rendu d'un site web sur différentes plate-formes :  
 
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])
+
* [http://dfcb.github.com/Responsivator/ Responsivator] (exemple sur le [http://dfcb.github.com/Responsivator/?site=www.enssib.fr site web de l'Enssib])
 +
* [http://responsive.is Responsive.is] (exemple sur le [http://responsive.is/www.enssib.fr site web de l'Enssib])
  
 
== Exemples en bibliothèque ==
 
== Exemples en bibliothèque ==
 +
* [http://www.enssib.fr Enssib]
  
 +
* '''BM'''
 +
** [http://mediatheque.mairie-relecq-kerhuon.fr/ Médiathèque Le Relecq-Kerhuon (29)]
 +
** [http://mediatheque.clamart.fr/ Médiathèques de Clamart]
 +
** [http://eole.avh.asso.fr/Éole, bibliothèque numérique de la Médiathèque Valentin Haüy]
 +
** [http://www.mediatheques-est.vhbc.fr/ Médiathèques du canton de Guichen]
 +
** [http://mediatheque.rungis.fr/ Médiathèque de Rungis]
  
* enssib [http://www.enssib.fr]
+
* '''BU'''
* SCD Poitiers [http://scd.univ-poitiers.fr/]
+
** [http://scd.univ-poitiers.fr/ SCD Poitiers]
* SCD La Rochelle [http://www.univ-larochelle.fr/Bibliotheque-universitaire]
+
** [http://www.univ-larochelle.fr/Bibliotheque-universitaire SCD La Rochelle]
 +
** [http://bu.univ-lorraine.fr/ Université de Lorraine]
 +
** [http://bibliotheques.univ-tlse3.fr Université Toulouse 3] ([http://bibliotheques.univ-tlse3.fr/toutes-les-actualites/la-bu-dans-votre-smartphone?destination=node/1813 Annonce], [http://bibliotheques.univ-tlse3.fr/toutes-les-actualites/la-bu-dans-votre-smartphone-le-pourquoi-du-comment?destination=node/1827 La BU dans votre smartphone, le pourquoi du comment ?])
 +
 
 +
Depuis la création de cette première liste, la situation a évolué. En effet de nombreux sites institutionnels, intégrant souvent la partie "bibliothèques", sont passés au RWD, rendant de fait les sections documentaires RWD. Voici une liste plus complète pour les BU :
 +
* http://bibliotheque.utc.fr/EXPLOITATION/butc.aspx
 +
* http://bibliotheques.univ-pau.fr/fr/index.html (mais pas le catalogue)
 +
* http://bu.univ-angers.fr/
 +
* http://bu.univ-lille2.fr/ (sauf rechercher... trouver)
 +
* http://bu.univ-lorraine.fr/
 +
* http://bu.univ-perp.fr/fr/
 +
* http://bu.univ-perp.fr/fr/ (catalogue pas totalement RWD)
 +
* http://bu.univ-reunion.fr/
 +
* http://catalogue.bu.univ-rennes2.fr/
 +
* http://scd.u-bourgogne.fr/EXPLOITATION/
 +
* http://scd.u-paris10.fr/
 +
* http://scd.unicaen.fr/ (mais pas la partie "portail documentaire")
 +
* http://ubodoc.univ-brest.fr/
 +
* http://www.bib.uvsq.fr/
 +
* http://www.bibliotheques.u-psud.fr/fr/index.html
 +
* http://www.bumaine.fr/ (mais pas le portail)
 +
* http://www.dbu.univ-paris3.fr/fr/accueil-dbu
 +
* http://www.scd.uha.fr/flora3/jsp/portal/index.jsp
 +
* http://www.u-bordeaux-montaigne.fr/fr/documentation.html
 +
* http://www.u-bordeaux.fr/Vie-des-campus/Les-Bibliotheques
 +
* http://www.umontpellier.fr/formation/bibliotheques-et-documentation/ (mais pas le catalogue)
 +
* http://www.univ-larochelle.fr/Bibliotheque-universitaire  
 +
* http://www.univ-reims.fr/site/bibliotheques,9200.html (mais pas le catalogue)
 +
* http://www.univ-valenciennes.fr/SCD/ (mais pas le catalogue)
 +
* http://www.upf.pf/fr/content/pr%C3%A9sentation-0 (mais pas le catalogue)
 +
* https://bibliotheque.utt.fr/exploitation/
 +
* https://bibliotheques.univ-rennes1.fr/ 
 +
* https://bu.unistra.fr
 +
* https://bu.univ-lehavre.fr/
 +
* https://portail.bu.dauphine.fr/
 +
* https://scd.univ-st-etienne.fr/fr/index.html
 +
* https://www.unimes.fr/fr/bibliotheque.html (mais pas le catalogue)
 +
* https://www.univ-lille3.fr/bibliotheques/ (mais pas le catalogue)
 +
 
 +
== Bibliographie ==
 +
* {{ouvrage|langue=|prénom1=Ethan|nom1=Marcotte|titre=Responsive Web Design|éditeur=Eyrolles|année=2011|isbn=978-2-212-13331-8|présentation en ligne=http://www.abookapart.com/products/responsive-web-design|pages=150}}
 +
* Wroblewski, Luke. Mobile first. Traduit par Charles Robert. 1 vol. A Book apart, ISSN 2109-8921 6. Paris, France: Eyrolles, 2012.
  
 
== Notes et références ==
 
== Notes et références ==
 
<references/>
 
<references/>
Wroblewski, Luke. Mobile first. Traduit par Charles Robert. 1 vol. A Book apart, ISSN 2109-8921 6. Paris, France: Eyrolles, 2012.
+
 
 
[[Catégorie:site web]]
 
[[Catégorie:site web]]

Version actuelle datée du 18 novembre 2016 à 12:37

Le RWD est une méthode de développement qui consiste à concevoir une et une seule interface pour toutes les plate-formes de consultation, voir la page dédiée 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 :

Exemples en bibliothèque[modifier | modifier le wikicode]

Depuis la création de cette première liste, la situation a évolué. En effet de nombreux sites institutionnels, intégrant souvent la partie "bibliothèques", sont passés au RWD, rendant de fait les sections documentaires RWD. Voici une liste plus complète pour les BU :

Bibliographie[modifier | modifier le wikicode]

  • Ethan Marcotte, Responsive Web Design, Eyrolles, 2011, 150 p. (ISBN 978-2-212-13331-8) [présentation en ligne] 
  • Wroblewski, Luke. Mobile first. Traduit par Charles Robert. 1 vol. A Book apart, ISSN 2109-8921 6. Paris, France: Eyrolles, 2012.

Notes et références[modifier | modifier le wikicode]

  1. Ethan Marcotte, Responsive Web Design, Eyrolles, 2011, 150 p. (ISBN 978-2-212-13331-8) [présentation en ligne]