Le document discute de divers aspects du design web, y compris l'utilisation de parallax scrolling, de pixels pour la précision, et du flat UI pour une esthétique simplifiée. Il aborde également l'importance de la typographie, des entêtes statiques et des dashboards pour la gestion des sites. Enfin, il mentionne l'usage de glyphicons comme éléments de design modernes et cohérents.

1. Première apparition dans les jeux vidéo avec un défilement latéral 2D qui utilisaient
différentes vitesses de déplacement de l'image de fond pour créer l'illusion de
profondeur pendant le jeu. Donc dans le design web le même principe est appliqué
au background qui défile a une vitesse différente des éléments du site.
Source : http://www.unleashed-technologies.com/blog/2013/08/15/what-parallaxweb-design-%E2%80%93-definitions-tips-considerations
Exemple : http://supportkyoto.org/

2. L’utilisation des pixels dans le design web permet d’avoir un contrôle sur la
précision de la disposition des éléments, ils vont être placer ou l’on veut qu’ils le
soient donc si la taille de la fenêtre de navigation est changer, les éléments on
gardes leur position, taille etc…
Avantages : Précision de la position des éléments
Désavantage: N’est pas responsive au design mobile et au différente résolution.
Source: http://www.peachpit.com/blogs/blog.aspx?uk=Pixels-or-Ems-in-Your-WebDesigns
Exemple : http://99designs.com/designer-blog/2012/08/15/11-illustrator-tips-forphotoshop-web-designers/

3. Le flat ui designe est l’oppose du design artificiel. Le flat ui est en faveur d'une
esthétique numérique classique plus simplifiée.C’est aussi l’utilisation de couleurs
clair, des contours net et met l’aspect sur le 2D .
Source: http://www.creativebloq.com/graphic-design/what-flat-design-3132112
Exemple : http://designmodo.github.io/Flat-UI/

4. Le design static(headers) c’est le fait d’avoir des entête de menu/table static, donc
quand l’utilisateur parcours la page verticalement les entêtes sont toujours
présentes.
Source: http://blog.templatemonster.com/2013/10/31/web-designs-with-fixedheader-no-glue-was-used/
Exemple : http://www.fhoke.com/

5. La typographie est la conception et l'utilisation de polices de caractères comme un
moyen de communication. La typographie englobe tout, de la calligraphie à travers
le type et le type numérique sur les pages Web. Il comprend également des
typographes qui créent de nouvelles formes de lettres ainsi que des designers et
des calligraphie les lettres qui utilisent dans le cadre de leurs conceptions.
Trop long a lire ? L’art de le typographie c’est d’utiliser des fonts personnaliser lors
du design du site web.
Source: http://webdesign.about.com/od/fonts/qt/typography-basics.htm
Exemple: http://forefathersgroup.com/
Exemple : http://www.google.com/fonts

6. C’est le fait de metre peu de texte et plus de video pour presenter le site.
Source : Aucune
Exemple: https://www.apple.com/ca/

7. C’est le fait d’utiliser 2 a 3 couleurs dans le design des pages web.
Source : Aucune
Exemple: http://getbootstrap.com/

8. C’est pour simplifier la navifation pour un site qui contient beaucoups de page.
Les breadcrumbs sont un historique de navigation.
Source : Aucune
Exemple: http://www.target.com/c/humidifiers-home-appliances/-/N5xtuj#?lnk=gnav_home_5_23&intc=829636|null

9. Les dashbords sont des interfaces de gestion d’administrateurs pour des
applications web. Les dashboards contiennent des informations liées aux
performances du produit.
Source: Aucune
Exemple: https://demo.geckoboard.com/dashboard/DE3F67171D0589D7

10. Le glyphicons font partie des design moderne de la plupart des site
monochromatique. Ils apportent de la consistance au site et peuvent être manipulés
facilement pour changer leur taille. Finalement les glyphicons sont des icônes de
qualités pour un site/application.
Source : http://glyphicons.com/motivation-behind-icons/
Exemple : http://glyphicons.com/