Responsive Web Design : Différence entre versions

De Bibliopedia
Aller à : navigation, rechercher
(init page)
 
(Exemples en bibliothèque : + liste)
 
(13 révisions intermédiaires par 6 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]
 +
 
 +
* '''BU'''
 +
** [http://scd.univ-poitiers.fr/ SCD Poitiers]
 +
** [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 ==

Version actuelle datée du 18 novembre 2016 à 11: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<ref>Ethan Marcotte, Responsive Web Design, Eyrolles, 2011, 150 p. (ISBN 978-2-212-13331-8) [présentation en ligne] </ref>.

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]

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]

  • 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]

<references/>