Differences

This shows you the differences between two versions of the page.

--- uda-fewd:responsive_web_design_fundamentals:start_small [2017/04/02 11:42] – created leo
+++ uda-fewd:responsive_web_design_fundamentals:start_small [2017/04/02 11:44] (current) – leo
@@ Line 1: / Line 1: @@
 |<- [[Quiz - Tap Targets]]|[[Quiz - Project Part 1]] ->|
-ajouter un min-height et min-width de 48px pour tout ce qui est tap-able
+en responsive c'est comme en pas responsive sauf qu'on a plus de tailles
-<code>nav a, button {
+conseil commencer par le petit format, puis le moint petit jusqu'au plus grand, en se demandant s'il y a effectivement un besoin pour un plus grand écran ?
-  max-width: 48px;
-  min-height: 48px;
+en commencant par ce qui est petit, cela aide à faire des choix sur ce qui est important !
-}</code>
+quand on fait l'inverse risque de vouloir sabrer le contenu
+pour les performances aussi, on les pense comme ça dès le début, pas envoyer trop de données