Responsive design est onmisbaar site voor uw!

FONTE ZOOM:
Responsive design est le terme een filière sinds 2010 de Wereld est gestuurd. Technieken werden développés par om een ​​makkelijk réactif site te kunnen maken. Nu een paar jaar tard wordt de techniek gebruikt om mensen toegang te geven tot een site ongeacht op dat zij welk apparaat doen. Dans dit artikel vindt u informatie, achtergronden, conseils en astuces plus responsive design.

Wat est responsive design Eigenlijk nou?

Terme de betekent sensibles vrij vertaald flexibel. Responsive design is een techniek om de webcontent goed over te laten Komen voor alle bezoekers van de site. De nous de site nu rencontré smartphone onze, comprimé de pc Aller voir, de belangrijkste inhoud moet zijn de duidelijk directe. Ik zeg hier bewust belangrijkste. Responsive design betekent eigenlijk continu keuzes maken. Wat est relevante informatie en waar wat zou mijn bezoeker willen weten / doen op mijn site. Porte deze vragen continu te stellen Maak je een site filière voor elke gebruiker, ongeacht welke resolutie scherm de bezoeker bezit, de contenu de relevante bevat.

Oud wordt / est nieuw

Responsive design est niet nieuw. Dans de vorige eeuw werden de technieken al veel gebruikt. Vroeger maakte hommes site de zijn al flexibel. Les hommes avaient rond de Jaren `90 een van standaard resolutie 800 x 600. Er waren beeldschermen de wel een remplies iets kleinere resolutie des een iets Grotere maar dat scheelde weinig. Zodoende maakte hommes site een filière flexibel était zodat er geen rekening gehouden hoefde te worden chez: resoluties. Dit deed hommes de porte de site complet en procenten op te bouwen. Vaak stond het Menu aan de linkerkant als Verticaal menus. Dat menu était 20% van het beeldscherm en andere de 80% était voor de uiteindelijke contenu.

Toen de beeldschermen groter en de resoluties hoger werden koos Men Er vaak voor een resolutie om van 960px aan te houden. Als de resolutie hoger werd centreerde de pagina zich en de overige ruimte werd gewoon leeg gelaten. Tegenwoordig zijn er nog des sites veel van deze Te vinden internet op het. Helaas, veulent wat hommes avaient gedacht, namelijk dat de schermresoluties alleen maar hoger zouden worden, bleek niet te kloppen. Hommes avaient geen rekening gehouden rencontré de smartphone moderne filière internet verbinding zou krijgen. Devenez fan et recevez Hierdoor JE zowel een horizontale Les als Verticale scrolbalk wat een site praktisch onleesbaar maakt.

Daarom maakt hommes coursiers dans procenten en rencontrées les points d'arrêt de vaker pagina. Wat oud est wordt weer nieuw ...

Points d'arrêt

Responsive design est zoals gezegd vaak gebaseerd op procenten. Dit is niet echter genoeg om een ​​goed site weer te geven op een téléphone intelligent de la tablette. Vous voulez je krijgt eigenlijk goed beschouwt een uit gezoomde site. Daarom heeft hommes De bedacht points d'arrêt. Les points d'arrêt zijn, zoals het woord al zegt, punten waar de site afbreekt. Als de schermresolutie onder een bepaald waarde komt wordt er een andere vormgeving op de pagina losgelaten. Deze waarde noemen nous de point d'arrêt. Vaak est de aanpassing aan het uiterlijk van de site maar klein maar toch kan talon effectief zijn.

Overwegingen

Bij het responsive design est continu keuzes maken wat ga ik wel laten zien en wat niet. Zo bepaal je vaak een point d'arrêt wanneer het, vaak horizontale, le menu Onzichtbaar wordt. Je maakt de keuze om een ​​supplémentaire de gebruiker stap te maken laten om een ​​andere naar pagina te linken. Je maakt dan een Knop en pas als er op die knop geklikt wordt toon Menu je het. Deze keuze est vaak moeilijk te bepalen. Het beste est om het menu Onzichtbaar te maken als de lettres plus elkaar Heen schuiven des Als de éléments de menu onder elkaar Komen te staan.

Zo zijn er tal van Beslissingen die moet je nemen om de site goed toonbaar te maken voor de gebruiker op wapitis apparaat. Bepaal daarom altijd van te Voren welke informatie je altijd flétrissement Tonen.

Conseils

  • Bedenk welke inhoud altijd belangrijk est voor de gebruiker. Waarvoor komt mijn bezoeker site mijn op. Wat wil hij weten / doen
  • Bepaal een Minimale Maximale en resolutie waarop je je baseren site de flétrissement.
  • Zorg ervoor dat de bezoeker altijd de inhoud verschijnen de ziet directe. Zorg er dus voor dat er geen logos, menu, la chapelure, les bannières de andere onnodige / niet contenu de relevante staat. Zet deze zaken aan de onderkant van de site. Vaak zijn ze wel belangrijk maar het niet toch zijn de zaken waarvoor je bezoeker naar de site komt.
  • Gebruik son geen om een ​​conception adaptée te maken. Dit kan een verkeerde ervaring opleveren voor uw bezoeker. Over het Algemeen vragen son veel rekenkracht. Dit is niet altijd toereikend aanwezig smartphones op een.
  • Responsive Design betekent een aanpassing aan de mise en page van de pagina, niet dat er een mooie effecten aan pagina toegevoegd moeten worden.

Trics

Voor responsive design maken nous gebruik van procenten en points d'arrêt. De procenten waren dans de vorige eeuw al bekend. Les points d'arrêt Kondén echter nog niet remplies css gemaakt worden. Met de nieuwste technieken kan dat echter wel. De nieuwste techniek voor responsive design est van het css gebruik van médias requête 3.

Een voorbeeld médias van requête de:
écran et {
/ * Styles ici * /
}
VOIR AUSSI:
  1.  
  2.  
  3.  
Sans commentaires

Laisser un commentaire

Code De Sécurité