Hvordan strukturerenoe som flyter            Ida Aalen            Wilhelm Joys Andersen            Thord Veseth Foss
Folk liker rammer, fordirammer gir dem kontroll.
Rammer er viktigfor fotografen.
Når vi skriver lagervi noen rammer.
Hva tar du med i tekstenog i hvilken rekkefølge?
Rammer er viktigfor designeren.
Jeg fik mine Sager, sagde yderst høfligt Godmorgen til den gamle,       unge Mennesker. Ret betænkt vilde jeg ikke forgrib...
Jeg fik mine Sager, sagde yderst høfligt Godmorgen til den gamle,       unge Mennesker. Ret betænkt vilde jeg ikke forgrib...
Interaksjonsdesignerehar tenkt i rammer.
7681024
Ingenting viktig under her
men... nettet er ikkeslik lenger.
80%          Kilde: TNS Gallup70%           Smarttelefon                                         66              Nettbrett...
50%      Kilde: TNS Gallup          Ukentlig          Daglig40%30%20%10%0% 2005          2006       2007   2008   2009   2...
Foto: Flickr-bruker C.Bry@nt CC-BY-NC-ND
Foto: Martin Bekkelund, www.bekkelund.net via Flickr. Lisens CC-BY-NC-SA 3.0.
En iPhones hverdag3000200010000              Kilde: A-pressen, 2011
En iPads hverdag11257503750              Kilde: A-pressen, 2011
Vi må lage nettsted somogså fungerer påtelefoner og nettbrett.
Det kan gjøres slik:                 touch.db.no       db.no                 ipad.db.no
1. Mer vedlikehold                 touch.db.no                               Nyhet!                               Nyeht!Ny...
2. Duplisering av innhold               Nyhet?                      no                                   o                ...
3. Dårlig på deling                touch.db.no       db.no                ipad.db.no
4. Like dårlig andre veien                touch.db.no                              ?       db.no                ipad.db.no
Eller det kan gjøres slik:        db.no
Media queries@media screen and (max-width: 1023px) {  html { background: orange; }}@media screen and (min-width: 1024px) {...
Så hva gjør mannår alt flyter?
a) Finner ut hvasom er fast.
Toppoppgaver
kjernen
Moduler
TITTEL             OM OSS   TJENESTER   BLOGG              ACTION123
b) Finner ut rekkefølgenpå modulene.
TITTEL123
c) Finner ut hvordanmoduler skal distribuerespå større skjermer
Player 1: WilhelmLines: 4Points: 2367
Hvem sa at størreskjermer er bedre?                     WarzauWynn
heipei
Jeg fik mine Sager, sagde yderst høfligt Godmorgen til den gamle,       unge Mennesker. Ret betænkt vilde jeg ikke forgrib...
Tre vanlige løsninger
Tre vanlige løsninger1. Lange linjer
Tre vanlige løsninger1. Lange linjer2. Oppblåst tekst
Tre vanlige løsninger1. Lange linjer2. Oppblåst tekst3. Distraksjoner
Hvordan vi har løst det:
Kjernen   Relatert   Meny
Ta utgangspunkt ivanlige skjermstr nårdu lager gridet.
Moduler
Fast grid og moduler?Nettet er jo flytende. Hvasynes Wilhelm om det?
<1280px   1024-1280px   1023-600px   < 600 px
Pixler eller prosent?Fixed eller fluid?
Hva må man passepå underveis?
Lasting & datatrafikk
10 ms
190 ms
• Komprimer filene dinehva du må     • Begrens antallet filer              • Unngå unødvendigegjøre for å       rundturer ...
Det er ikke de minsteskjermene som trengerde minste bildene...
Vanlig oppløsning   Retinaoppløsning
Piksler   Vektor
Folden lever!
Men hva gjør vi med   menyen?Forside   Tjenester   Karriere                        Meny     Kontakt oss   Om oss
1.Ankerlenke      Menyi footer     Til forsiden             Tilskudd til utvikling av             miljøteknologi          ...
2.Menyenkommerinn frasiden medjavascript
3.Innholdetskyves nedmedjavascript
Pølsefingre ogmusepekere
Hva bør jeg tenkepå hvis jeg vil gjørenettstedet mittresponsivt?
1) Husk at du får ikke 4nettsted til prisen av 1
2) Det er lettest å gjøreresponsivt design frabunnen
3) Nye, prioritertenettsteder er enklere ågjøre responsive
Brukteknologimed godstøtte iOSog Android
Følgmoderneweb-standarder
Sørg for atsidenlastes raskt
Tørr åprioritereinnholdetditt
Vil responsive designløse alle mineproblemer?
Nei
Takk for oss
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)
Upcoming SlideShare
Loading in...5
×

Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)

597

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
597
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ida Aalen, Thord Veseth Foss og Wilhelm Joys Andersen: Responsive design Liten vs. stor (Webdagene 2012)

  1. 1. Hvordan strukturerenoe som flyter Ida Aalen Wilhelm Joys Andersen Thord Veseth Foss
  2. 2. Folk liker rammer, fordirammer gir dem kontroll.
  3. 3. Rammer er viktigfor fotografen.
  4. 4. Når vi skriver lagervi noen rammer.
  5. 5. Hva tar du med i tekstenog i hvilken rekkefølge?
  6. 6. Rammer er viktigfor designeren.
  7. 7. Jeg fik mine Sager, sagde yderst høfligt Godmorgen til den gamle, unge Mennesker. Ret betænkt vilde jeg ikke forgribe mig påfede Kone og begav mig sporenstrængs opad Slotsbakken til Kant; jeg kunde jo undgå det, jeg behøved blot at gøre en ganskeParken. Jeg fandt mig en Bænk for mig selv og begyndte at gnave umærkelig Bøjning, når jeg kom til Spørgsmålet Tid og Rum;grådigt af min Niste. Det gjorde godt; det var længe siden jeg men Renan vilde jeg ikke svare for, gamle Sognepræst Renan . . . .havde fået et så rundeligt Måltid, og jeg følte lidt efter lidt den Under alle Omstændigheder galdt det at gøre en Artikel på så ogsamme mætte Ro i mig, som én føler efter en lang Gråd. Mit så mange Spalter; den ubetalte Husleje, Værtindens lange Blik omMod steg stærkt; det var mig ikke længer nok at skrive en Artikel Morgenen, når jeg traf hende i Trapperne, pinte mig hele Dagenom noget så enkelt og ligetil som Fremtidens Forbrydelser, som og dukked frem igen endog i mine glade Stunder, når jeg ellersdesuden hvemsomhelst kunde gætte sig til, ligefrem læse sig til i ikke havde en mørk Tanke. Dette måtte jeg have en Ende på. JegHistorien; jeg følte mig istand til en større Anstrængelse, jeg var i gik hurtigt ud af Parken,forat hente min Blyant hos Pantelåneren.Stemning til at overvinde Vanskeligheder, og jeg bestemte mig Da jeg kom ned i Slotsbakken, indhented jeg to Damer, somfor en Afhandling i tre Afsnit om den filosofiske Erkendelse. jeg gik forbi. Idet jeg passered dem, strejfed jeg den enes Ærme,Naturligvis vilde jeg få Lejlighed til at knække ynkeligt nogle af jeg så op, hun havde et fyldigt, lidt blegt Ansigt. Med ét blusserKants Sofismer . . . . Da jeg vilde tage mine Skrivesager frem og hun og blir forunderlig skøn, jeg ved ikke hvorfor, måske af etbegynde Arbejdet, opdaged jeg, at jeg ikke længer havde nogen Ord, hun hører af en forbigående, måske blot af en stille TankeBlyant hos mig; jeg havde glemt den efter mig i Pantelånersjap- hos hende selv. Eller skulde det være fordi jeg berørte hendespen; min Blyant lå i Vestelommen. Arm? Det høje Bryst bølger heftigt nogle Gange, og hun klem- Herregud hvor dog alting havde Lyst til at gå forkært for mig! mer Hånden hårdt om Parasolskaftet. Hvad gik der af hende?Jeg banded nogle Gange, rejste mig op fra Bænken og drev frem Jeg standsed og lod hende komme foran mig igen, jeg kundeog tilbage i Gangene. Det var meget stille overalt; langt borte, ved ikke i Øjeblikket gå videre, det hele forekom mig så besynderligt.Dronningens Lysthus, rulled et Par Barnepiger sine Vogne Jeg var i et pirreligt Lune, ærgerlig på mig selv for Hændelsenomkring, ellers var der ikke et Menneske at se noget Sted. Jeg var med Blyanten og i høj Grad ophidset af al den Mad, jeg havdedygtig forbittret i Sind og spadsered som en rasende foran min nydt på tom Mave. Med en Gang tager min Tanke ved et lune-Bænk, Hvor mærkelig vrangt gik det dog ikke på alle Kanter! En fuldt Indfald en mærkelig Retning, jeg føler mig greben af enArtikel i tre Afsnit skulde ligefrem strande på den simple Ting, at sælsom Lyst til at gøre denne Dame bange, følge efter hende ogjeg ikke havde et Stykke ti Øres Blyant i Lommen! Hvad om jeg fortrædige hende på en eller anden Måde. Jeg indhenter hendegik ned i Pilestrædet igen og fik min Blyant tilbageleveret? Der atter og går hende forbi, vender mig pludselig om og mødervilde endda blive Tid til at få et godt Stykke færdigt, inden de hende Ansigt til Ansigt, forat iagttage hende. Jeg står og serspadserende begyndte at fylde Parken. Der var også så meget, hende ind i Øjnené og hitter på Stedet et Navn, som jeg aldrigsom afhang af denne Afhandling om denfilosofiske Erkendelse, havde hørt, et Navn med en glidende, nervøsmåske flere Menneskers Lykke, ingen kunde vide det. Jeg sagde Lyd: Ylajali. Da hun var kommet mig ganske nær, retter jeg migtil mig selv, at den kanske vilde blive til stor Hjælp for mange ivejret og siger indtrængende:
  8. 8. Jeg fik mine Sager, sagde yderst høfligt Godmorgen til den gamle, unge Mennesker. Ret betænkt vilde jeg ikke forgribe mig påfede Kone og begav mig sporenstrængs opad Slotsbakken til Kant; jeg kunde jo undgå det, jeg behøved blot at gøre en ganskeParken. Jeg fandt mig en Bænk for mig selv og begyndte at gnave umærkelig Bøjning, når jeg kom til Spørgsmålet Tid og Rum;grådigt af min Niste. Det gjorde godt; det var længe siden jeg men Renan vilde jeg ikke svare for, gamle Sognepræst Renan . . . .havde fået et så rundeligt Måltid, og jeg følte lidt efter lidt den Under alle Omstændigheder galdt det at gøre en Artikel på så ogsamme mætte Ro i mig, som én føler efter en lang Gråd. Mit så mange Spalter; den ubetalte Husleje, Værtindens lange Blik omMod steg stærkt; det var mig ikke længer nok at skrive en Artikel Morgenen, når jeg traf hende i Trapperne, pinte mig hele Dagenom noget så enkelt og ligetil som Fremtidens Forbrydelser, som og dukked frem igen endog i mine glade Stunder, når jeg ellersdesuden hvemsomhelst kunde gætte sig til, ligefrem læse sig til i ikke havde en mørk Tanke. Dette måtte jeg have en Ende på. JegHistorien; jeg følte mig istand til en større Anstrængelse, jeg var i gik hurtigt ud af Parken,forat hente min Blyant hos Pantelåneren.Stemning til at overvinde Vanskeligheder, og jeg bestemte mig Da jeg kom ned i Slotsbakken, indhented jeg to Damer, somfor en Afhandling i tre Afsnit om den filosofiske Erkendelse. jeg gik forbi. Idet jeg passered dem, strejfed jeg den enes Ærme,Naturligvis vilde jeg få Lejlighed til at knække ynkeligt nogle af jeg så op, hun havde et fyldigt, lidt blegt Ansigt. Med ét blusserKants Sofismer . . . . Da jeg vilde tage mine Skrivesager frem og hun og blir forunderlig skøn, jeg ved ikke hvorfor, måske af etbegynde Arbejdet, opdaged jeg, at jeg ikke længer havde nogen Ord, hun hører af en forbigående, måske blot af en stille TankeBlyant hos mig; jeg havde glemt den efter mig i Pantelånersjap- hos hende selv. Eller skulde det være fordi jeg berørte hendespen; min Blyant lå i Vestelommen. Arm? Det høje Bryst bølger heftigt nogle Gange, og hun klem- Herregud hvor dog alting havde Lyst til at gå forkært for mig! mer Hånden hårdt om Parasolskaftet. Hvad gik der af hende?Jeg banded nogle Gange, rejste mig op fra Bænken og drev frem Jeg standsed og lod hende komme foran mig igen, jeg kundeog tilbage i Gangene. Det var meget stille overalt; langt borte, ved ikke i Øjeblikket gå videre, det hele forekom mig så besynderligt.Dronningens Lysthus, rulled et Par Barnepiger sine Vogne Jeg var i et pirreligt Lune, ærgerlig på mig selv for Hændelsenomkring, ellers var der ikke et Menneske at se noget Sted. Jeg var med Blyanten og i høj Grad ophidset af al den Mad, jeg havdedygtig forbittret i Sind og spadsered som en rasende foran min nydt på tom Mave. Med en Gang tager min Tanke ved et lune-Bænk, Hvor mærkelig vrangt gik det dog ikke på alle Kanter! En fuldt Indfald en mærkelig Retning, jeg føler mig greben af enArtikel i tre Afsnit skulde ligefrem strande på den simple Ting, at sælsom Lyst til at gøre denne Dame bange, følge efter hende ogjeg ikke havde et Stykke ti Øres Blyant i Lommen! Hvad om jeg fortrædige hende på en eller anden Måde. Jeg indhenter hendegik ned i Pilestrædet igen og fik min Blyant tilbageleveret? Der atter og går hende forbi, vender mig pludselig om og mødervilde endda blive Tid til at få et godt Stykke færdigt, inden de hende Ansigt til Ansigt, forat iagttage hende. Jeg står og serspadserende begyndte at fylde Parken. Der var også så meget, hende ind i Øjnené og hitter på Stedet et Navn, som jeg aldrigsom afhang af denne Afhandling om denfilosofiske Erkendelse, havde hørt, et Navn med en glidende, nervøsmåske flere Menneskers Lykke, ingen kunde vide det. Jeg sagde Lyd: Ylajali. Da hun var kommet mig ganske nær, retter jeg migtil mig selv, at den kanske vilde blive til stor Hjælp for mange ivejret og siger indtrængende:37 38
  9. 9. Interaksjonsdesignerehar tenkt i rammer.
  10. 10. 7681024
  11. 11. Ingenting viktig under her
  12. 12. men... nettet er ikkeslik lenger.
  13. 13. 80% Kilde: TNS Gallup70% Smarttelefon 66 Nettbrett60% 57 5150%40% 3030%20% 16 1510% 7 40%2. kv 2010 4. kv 2010 2. kv 2011 4. kv 2011 2. kv 2012
  14. 14. 50% Kilde: TNS Gallup Ukentlig Daglig40%30%20%10%0% 2005 2006 2007 2008 2009 2010 2011
  15. 15. Foto: Flickr-bruker C.Bry@nt CC-BY-NC-ND
  16. 16. Foto: Martin Bekkelund, www.bekkelund.net via Flickr. Lisens CC-BY-NC-SA 3.0.
  17. 17. En iPhones hverdag3000200010000 Kilde: A-pressen, 2011
  18. 18. En iPads hverdag11257503750 Kilde: A-pressen, 2011
  19. 19. Vi må lage nettsted somogså fungerer påtelefoner og nettbrett.
  20. 20. Det kan gjøres slik: touch.db.no db.no ipad.db.no
  21. 21. 1. Mer vedlikehold touch.db.no Nyhet! Nyeht!Nyhet!Nyeht! db.no Nyhet! Nyeht! ipad.db.no
  22. 22. 2. Duplisering av innhold Nyhet? no o . .n db db . ch no u b. to .d ad ip
  23. 23. 3. Dårlig på deling touch.db.no db.no ipad.db.no
  24. 24. 4. Like dårlig andre veien touch.db.no ? db.no ipad.db.no
  25. 25. Eller det kan gjøres slik: db.no
  26. 26. Media queries@media screen and (max-width: 1023px) { html { background: orange; }}@media screen and (min-width: 1024px) { html { background: navy; }}
  27. 27. Så hva gjør mannår alt flyter?
  28. 28. a) Finner ut hvasom er fast.
  29. 29. Toppoppgaver
  30. 30. kjernen
  31. 31. Moduler
  32. 32. TITTEL OM OSS TJENESTER BLOGG ACTION123
  33. 33. b) Finner ut rekkefølgenpå modulene.
  34. 34. TITTEL123
  35. 35. c) Finner ut hvordanmoduler skal distribuerespå større skjermer
  36. 36. Player 1: WilhelmLines: 4Points: 2367
  37. 37. Hvem sa at størreskjermer er bedre? WarzauWynn
  38. 38. heipei
  39. 39. Jeg fik mine Sager, sagde yderst høfligt Godmorgen til den gamle, unge Mennesker. Ret betænkt vilde jeg ikke forgribe mig påfede Kone og begav mig sporenstrængs opad Slotsbakken til Kant; jeg kunde jo undgå det, jeg behøved blot at gøre en ganskeParken. Jeg fandt mig en Bænk for mig selv og begyndte at gnave umærkelig Bøjning, når jeg kom til Spørgsmålet Tid og Rum;grådigt af min Niste. Det gjorde godt; det var længe siden jeg men Renan vilde jeg ikke svare for, gamle Sognepræst Renan . . . .havde fået et så rundeligt Måltid, og jeg følte lidt efter lidt den Under alle Omstændigheder galdt det at gøre en Artikel på så ogsamme mætte Ro i mig, som én føler efter en lang Gråd. Mit så mange Spalter; den ubetalte Husleje, Værtindens lange Blik omMod steg stærkt; det var mig ikke længer nok at skrive en Artikel Morgenen, når jeg traf hende i Trapperne, pinte mig hele Dagenom noget så enkelt og ligetil som Fremtidens Forbrydelser, som og dukked frem igen endog i mine glade Stunder, når jeg ellersdesuden hvemsomhelst kunde gætte sig til, ligefrem læse sig til i ikke havde en mørk Tanke. Dette måtte jeg have en Ende på. JegHistorien; jeg følte mig istand til en større Anstrængelse, jeg var i gik hurtigt ud af Parken,forat hente min Blyant hos Pantelåneren.Stemning til at overvinde Vanskeligheder, og jeg bestemte mig Da jeg kom ned i Slotsbakken, indhented jeg to Damer, somfor en Afhandling i tre Afsnit om den filosofiske Erkendelse. jeg gik forbi. Idet jeg passered dem, strejfed jeg den enes Ærme,Naturligvis vilde jeg få Lejlighed til at knække ynkeligt nogle af jeg så op, hun havde et fyldigt, lidt blegt Ansigt. Med ét blusserKants Sofismer . . . . Da jeg vilde tage mine Skrivesager frem og hun og blir forunderlig skøn, jeg ved ikke hvorfor, måske af etbegynde Arbejdet, opdaged jeg, at jeg ikke længer havde nogen Ord, hun hører af en forbigående, måske blot af en stille TankeBlyant hos mig; jeg havde glemt den efter mig i Pantelånersjap- hos hende selv. Eller skulde det være fordi jeg berørte hendespen; min Blyant lå i Vestelommen. Arm? Det høje Bryst bølger heftigt nogle Gange, og hun klem- Herregud hvor dog alting havde Lyst til at gå forkært for mig! mer Hånden hårdt om Parasolskaftet. Hvad gik der af hende?Jeg banded nogle Gange, rejste mig op fra Bænken og drev frem Jeg standsed og lod hende komme foran mig igen, jeg kundeog tilbage i Gangene. Det var meget stille overalt; langt borte, ved ikke i Øjeblikket gå videre, det hele forekom mig så besynderligt.Dronningens Lysthus, rulled et Par Barnepiger sine Vogne Jeg var i et pirreligt Lune, ærgerlig på mig selv for Hændelsenomkring, ellers var der ikke et Menneske at se noget Sted. Jeg var med Blyanten og i høj Grad ophidset af al den Mad, jeg havdedygtig forbittret i Sind og spadsered som en rasende foran min nydt på tom Mave. Med en Gang tager min Tanke ved et lune-Bænk, Hvor mærkelig vrangt gik det dog ikke på alle Kanter! En fuldt Indfald en mærkelig Retning, jeg føler mig greben af enArtikel i tre Afsnit skulde ligefrem strande på den simple Ting, at sælsom Lyst til at gøre denne Dame bange, følge efter hende ogjeg ikke havde et Stykke ti Øres Blyant i Lommen! Hvad om jeg fortrædige hende på en eller anden Måde. Jeg indhenter hendegik ned i Pilestrædet igen og fik min Blyant tilbageleveret? Der atter og går hende forbi, vender mig pludselig om og mødervilde endda blive Tid til at få et godt Stykke færdigt, inden de hende Ansigt til Ansigt, forat iagttage hende. Jeg står og serspadserende begyndte at fylde Parken. Der var også så meget, hende ind i Øjnené og hitter på Stedet et Navn, som jeg aldrigsom afhang af denne Afhandling om denfilosofiske Erkendelse, havde hørt, et Navn med en glidende, nervøsmåske flere Menneskers Lykke, ingen kunde vide det. Jeg sagde Lyd: Ylajali. Da hun var kommet mig ganske nær, retter jeg migtil mig selv, at den kanske vilde blive til stor Hjælp for mange ivejret og siger indtrængende:37 38
  40. 40. Tre vanlige løsninger
  41. 41. Tre vanlige løsninger1. Lange linjer
  42. 42. Tre vanlige løsninger1. Lange linjer2. Oppblåst tekst
  43. 43. Tre vanlige løsninger1. Lange linjer2. Oppblåst tekst3. Distraksjoner
  44. 44. Hvordan vi har løst det:
  45. 45. Kjernen Relatert Meny
  46. 46. Ta utgangspunkt ivanlige skjermstr nårdu lager gridet.
  47. 47. Moduler
  48. 48. Fast grid og moduler?Nettet er jo flytende. Hvasynes Wilhelm om det?
  49. 49. <1280px 1024-1280px 1023-600px < 600 px
  50. 50. Pixler eller prosent?Fixed eller fluid?
  51. 51. Hva må man passepå underveis?
  52. 52. Lasting & datatrafikk
  53. 53. 10 ms
  54. 54. 190 ms
  55. 55. • Komprimer filene dinehva du må • Begrens antallet filer • Unngå unødvendigegjøre for å rundturer til tjeneren • Ikke last ressurser fragjøre ting andre kontinenterraskt:
  56. 56. Det er ikke de minsteskjermene som trengerde minste bildene...
  57. 57. Vanlig oppløsning Retinaoppløsning
  58. 58. Piksler Vektor
  59. 59. Folden lever!
  60. 60. Men hva gjør vi med menyen?Forside Tjenester Karriere Meny Kontakt oss Om oss
  61. 61. 1.Ankerlenke Menyi footer Til forsiden Tilskudd til utvikling av miljøteknologi Utvikler din bedrift teknologi som forbedrer miljøet, og skal dere bygge demonstrasjonsanlegg i Norge? Da kan Miljøteknologi- ordningen være aktuell. Vi har egne ordninger for landbruk og sjømat. Tilskuddsordningen gjelder utvikling og investeringer i Norge. Bedrifter i alle stør-
  62. 62. 2.Menyenkommerinn frasiden medjavascript
  63. 63. 3.Innholdetskyves nedmedjavascript
  64. 64. Pølsefingre ogmusepekere
  65. 65. Hva bør jeg tenkepå hvis jeg vil gjørenettstedet mittresponsivt?
  66. 66. 1) Husk at du får ikke 4nettsted til prisen av 1
  67. 67. 2) Det er lettest å gjøreresponsivt design frabunnen
  68. 68. 3) Nye, prioritertenettsteder er enklere ågjøre responsive
  69. 69. Brukteknologimed godstøtte iOSog Android
  70. 70. Følgmoderneweb-standarder
  71. 71. Sørg for atsidenlastes raskt
  72. 72. Tørr åprioritereinnholdetditt
  73. 73. Vil responsive designløse alle mineproblemer?
  74. 74. Nei
  75. 75. Takk for oss

×