Responsivt webdesign

Den aktuelle version af siden er endnu ikke blevet gennemgået af erfarne bidragydere og kan afvige væsentligt fra den version , der blev gennemgået den 2. december 2017; checks kræver 20 redigeringer .

Responsivt webdesign ( eng.  Responsive webdesign ) - websidedesign, der sikrer den korrekte visning af webstedet på forskellige enheder, der er tilsluttet internettet , og tilpasser sig dynamisk til den angivne størrelse af browservinduet .

Målet med responsivt webdesign er at få webstedsindhold til at blive vist universelt på tværs af forskellige enheder. For at hjemmesiden bekvemt kan ses fra enheder i formater og med skærme i forskellige opløsninger , ved hjælp af adaptiv webdesignteknologi , er det ikke nødvendigt at oprette separate versioner af hjemmesiden for visse typer enheder. Ét websted kan fungere på en smartphone, tablet, bærbar computer og tv med internetadgang, det vil sige på hele rækken af ​​enheder [1] .

Begreber

Begrebet responsivt webdesign ( responsivt webdesign fra  responsiv arkitektur ) blev først introduceret af Ethan Marcott [2] i en af ​​hans artikler i maj 2010 [3] . Efterfølgende udgav han en bog kaldet " Responsive Web Design " dedikeret til denne teknologi [4] .

Jeffrey Zeldmanforeslået at udvide Ethan Marcotts koncept til at dække enhver tilgang, der giver en klar visuel oplevelse uanset skærmkarakteristika og andre begrænsninger af brugerenheden [5] .

På den anden side udgav Aaron Gustafson bogen Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement [ 6] , som betragter progressiv forbedring som en vigtig del af responsivt design . 

Som et resultat begyndte webdesignere at forstå adaptivt design ( engelsk  adaptivt design , ikke at forveksle med engelsk  adaptivt layout ) som et bredere koncept, der inkluderer responsivt design (som en af ​​implementeringerne af tilpasningsevne) og trinvis forbedring [7] [8 ] .

Baggrund

Hovedårsagerne til fremkomsten og udviklingen af ​​adaptive webdesignteknologier er:

Grundlæggende principper

i responsivt design [9] udover dette i responsivt design

først redigér _

Designet begynder med en adaptiv version af hjemmesiden til mobile enheder. På dette stadium stræber designere efter at formidle betydningen og hovedideerne korrekt ved hjælp af en lille skærm og kun en kolonne. Indholdet reduceres om nødvendigt, hvilket fjerner sekundære informationsblokke og efterlader de vigtigste [11] .

Som en illustration af egnetheden af ​​denne tilgang kan en tidligere Facebook -mobilappudvikler citeres :

I starten betragtede jeg kun den mobile webapp som en backup-tjeneste til facebook.com, men da jeg lærte platformen at kende, blev jeg hurtigt overbevist om, at det var muligt at lave en version, der ville være meget bedre end hovedsiden. ! (Joe Hewitt)

Originaltekst  (engelsk)[ Visskjule]

Mit mål var oprindeligt bare at lave en mobil følgesvend til facebook.com moderskibet, men da jeg blev fortrolig med platformen, blev jeg overbevist om, at det var muligt at skabe en version af Facebook, der faktisk var bedre end hjemmesiden! (Joe Hewitt)

— Joe Hewitt, iPad

Denne tilgang er ikke en forudsætning, men den har fordelen af ​​en mindre kodestørrelse på grund af færre medieforespørgsler og øget designfokus ved lave opløsninger.

Se også

Noter

  1. ↑ Marcotte , Ethan Responsive webdesign  . A List Apart (25. maj 2010). Arkiveret fra originalen den 24. maj 2013.
  2. ↑ Hovedside  . _ EthanMarcotte.com . Dato for adgang: 13. januar 2012. Arkiveret fra originalen 9. september 2012.
  3. ↑ Responsivt webdesign af Ethan Marcotte  (engelsk) (25. maj 2010). Dato for adgang: 13. januar 2012. Arkiveret fra originalen 9. september 2012.
  4. ↑ Marcotte, 2011 .
  5. ↑ L. Jeffrey Zeldman, Responsive Design. Jeg tror ikke, at det ord betyder, hvad du tror, ​​det betyder  (engelsk) (2011-97-96). Hentet 15. oktober 2012. Arkiveret fra originalen 22. oktober 2012.
  6. ↑ Gustafson, 2011 .
  7. ↑ Viljami Salminen, Adaptive vs. Responsive, hvad er forskellen?  (engelsk) . Hentet 15. oktober 2012. Arkiveret fra originalen 20. oktober 2012.
  8. ↑ Jared Ponchot, Responsive & Adaptive Web Design,  2011 . Hentet 15. oktober 2012. Arkiveret fra originalen 1. november 2012.
  9. ↑ Marcott, 2012 , s. femten.
  10. ↑ Om dette websted  … . Hjemmeside for Mobile Web Development Research Group . Dato for adgang: 13. januar 2012. Arkiveret fra originalen 10. februar 2013.
  11. ↑ Wroblewski, 2012 .

Litteratur

Links