{"id":217,"date":"2026-05-28T22:52:50","date_gmt":"2026-05-28T22:52:50","guid":{"rendered":"https:\/\/wp.als081224ol.hemsida.eu\/?page_id=217"},"modified":"2026-06-09T02:28:44","modified_gmt":"2026-06-09T02:28:44","slug":"p03","status":"publish","type":"page","link":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/p03\/","title":{"rendered":"P03"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Syfte<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Syftet med min webbplats \u00e4r att informera om discgolf och samtidigt dela med mig av mitt intresse f\u00f6r sporten. Webbplatsen kommer att inneh\u00e5lla information om olika kasttekniker, vilka discar som passar b\u00e4st i olika situationer samt tips p\u00e5 discgolfbanor i n\u00e4rheten av Alings\u00e5s och G\u00f6teborgsomr\u00e5det. Jag vill ocks\u00e5 f\u00e5 in ett personligt inslag genom att visa min egen utveckling inom sporten och ber\u00e4tta lite om min niv\u00e5 som spelare. M\u00e5let \u00e4r att sidan ska vara anv\u00e4ndbar b\u00e5de f\u00f6r nyb\u00f6rjare och f\u00f6r personer som redan spelar discgolf och vill utvecklas mer inom sporten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Uppbyggnad<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hem: F\u00f6rsta sidan som presenterar webbplatsen och ger en kort introduktion till discgolf samt vad bes\u00f6karen kan hitta p\u00e5 sidan.<\/li>\n\n\n\n<li>Kasttekniker: Andra sidan som visar olika kasttekniker inom discgolf, till exempel backhand, forehand och putt. H\u00e4r ska det finnas f\u00f6rklaringar och exempel p\u00e5 hur teknikerna anv\u00e4nds.<\/li>\n\n\n\n<li>Platser: Tredje sidan som visar popul\u00e4ra discgolfbanor i n\u00e4rheten av Alings\u00e5s och G\u00f6teborgsomr\u00e5det. H\u00e4r vill jag tipsa om banor som jag sj\u00e4lv k\u00e4nner till eller har spelat p\u00e5.<\/li>\n\n\n\n<li>Utrustning: Fj\u00e4rde sidan som ska inneh\u00e5lla de olika typerna av discar som ska anv\u00e4ndas vid olika tillf\u00e4llen i spelet.<\/li>\n\n\n\n<li>Om: Den sista sidan ska inneh\u00e5lla information om mig, mitt intresse f\u00f6r discgolf och min egen utveckling inom sporten.<\/li>\n\n\n\n<li>Jag vill \u00e4ven ha en rubrik vid toppen av sidan och n\u00e5gon sorts      Nav-bar, men jag vet inte hur jag vill ha den \u00e4n s\u00e5 l\u00e4nge.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Arbetsplanering<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Jag ska b\u00f6rja med att bygga webbplatsen i  mobilversion, s\u00e5 att sidan fungerar bra och \u00e4r anv\u00e4ndarv\u00e4nlig p\u00e5 mobiltelefon, iPad och andra mindre sk\u00e4rmar. Genom detta ska jag anv\u00e4nda flexbox eller media queries f\u00f6r att skilja p\u00e5 desktop och mobilversionen.<\/li>\n\n\n\n<li>Jag ska Jobba sida f\u00f6r sida och b\u00f6rja p\u00e5 n\u00e4sta sida efter den andra \u00e4r helt fixad.<\/li>\n\n\n\n<li>Om bilder anv\u00e4nds p\u00e5 webbplatsen ska de inte tas direkt fr\u00e5n Google, utan h\u00e4mtas fr\u00e5n s\u00e4kra k\u00e4llor d\u00e4r bilderna \u00e4r fria att anv\u00e4nda eller till\u00e5tna enligt licens, som t.ex Pexels eller Unsplash.<\/li>\n\n\n\n<li>Jag ska anv\u00e4nda f\u00e4rger som passar ihop. De ska inte vara f\u00f6r starka och kontrasten ska g\u00f6ra att t.ex texten inte \u00e4r sv\u00e5r att se.<\/li>\n\n\n\n<li>Jag ska f\u00e5 in en enkel och fungerande Javascript\/DOM-script kod, som ska g\u00f6ra n\u00e5gon sorts funktion p\u00e5 sidan.<\/li>\n\n\n\n<li>N\u00e4r webbplatsen \u00e4r f\u00e4rdig ska den testas och kontrolleras f\u00f6r att s\u00e4kerst\u00e4lla att allt fungerar som det ska. F\u00f6r detta kan verktyg som &#8220;PageSpeed Insights&#8221; anv\u00e4ndas f\u00f6r att kontrollera prestanda, tillg\u00e4nglighet, SEO och mobilanpassning.<\/li>\n\n\n\n<li>Sedan f\u00f6r att vara noga med tillg\u00e4nglighet samt mobilanpassningen s\u00e5 kan jag anv\u00e4nda andra sidor som &#8220;WAVE webaim&#8221; f\u00f6r tillg\u00e4ngligheten och sedan &#8220;bing&#8221; och &#8220;Am I Responsive&#8221; f\u00f6r att kolla mobilanpassningen.<\/li>\n\n\n\n<li>N\u00e4r webbsidan \u00e4r under verk kan den testas i olika webbservrar och se om det \u00e4r n\u00e5gon skillnad.<\/li>\n\n\n\n<li>N\u00e4r allt \u00e4r klart s\u00e5 dubbelkolla om allt fungerar innan inl\u00e4mning.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Utf\u00f6rande<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Genomf\u00f6randeplan<\/h3>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"801\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida_mobil-2-801x1024.jpg\" alt=\"\" class=\"wp-image-224 size-full\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida_mobil-2-801x1024.jpg 801w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida_mobil-2-235x300.jpg 235w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida_mobil-2-768x981.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida_mobil-2-1202x1536.jpg 1202w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida_mobil-2.jpg 1307w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"858\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida-2-858x1024.jpg\" alt=\"\" class=\"wp-image-226\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida-2-858x1024.jpg 858w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida-2-251x300.jpg 251w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida-2-768x917.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida-2-1287x1536.jpg 1287w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/hem-sida-2.jpg 1716w\" sizes=\"auto, (max-width: 858px) 100vw, 858px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e5 h\u00e4r har jag t\u00e4nkt att startsidan (Home Page) ska se ut. I mobilversionen finns en header med en H1-rubrik och en navigationsmeny (nav-bar) under. D\u00e4refter f\u00f6ljer en hero-sektion som inleder sidans huvudinneh\u00e5ll (main). L\u00e4ngst ner finns fyra rutor med l\u00e4nkar till de fyra andra sidorna. Desktopversionen ser n\u00e4stan identisk ut. Den enda skillnaden \u00e4r att navigationsmenyn \u00e4r placerad inuti headern i st\u00e4llet f\u00f6r under den.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"779\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida_mobil-779x1024.jpg\" alt=\"\" class=\"wp-image-227 size-full\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida_mobil-779x1024.jpg 779w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida_mobil-228x300.jpg 228w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida_mobil-768x1010.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida_mobil-1169x1536.jpg 1169w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida_mobil.jpg 1558w\" sizes=\"auto, (max-width: 779px) 100vw, 779px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida-730x1024.jpg\" alt=\"\" class=\"wp-image-228\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida-730x1024.jpg 730w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida-214x300.jpg 214w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida-768x1078.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida-1095x1536.jpg 1095w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/tekniker-sida.jpg 1183w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r visas hur jag har t\u00e4nkt att Tekniker-sidan ska se ut i b\u00e5de mobil- och desktopversionen. Headern (H1) och navigationsmenyn (nav-baren) \u00e4r desamma som p\u00e5 startsidan i b\u00e5da versionerna. Sidans huvudinneh\u00e5ll (main) best\u00e5r av en H2-rubrik h\u00f6gst upp, f\u00f6ljt av flera kort med information om olika tekniker. Varje kort inneh\u00e5ller en H3-rubrik som \u00e4r l\u00e4nkad till en egen HTML-sida med mer information om den specifika tekniken. I mobilversionen visas korten under varandra, medan de i desktopversionen \u00e4r placerade i tv\u00e5 kolumner f\u00f6r att utnyttja sk\u00e4rmytan b\u00e4ttre.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida_mobil-768x1024.jpg\" alt=\"\" class=\"wp-image-229 size-full\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida_mobil-768x1024.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida_mobil-225x300.jpg 225w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida_mobil-1152x1536.jpg 1152w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida_mobil.jpg 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"845\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida-845x1024.jpg\" alt=\"\" class=\"wp-image-230\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida-845x1024.jpg 845w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida-248x300.jpg 248w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida-768x930.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida-1268x1536.jpg 1268w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/banor-sida.jpg 1489w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r visas hur jag har t\u00e4nkt att Banor-sidan ska se ut i b\u00e5de mobil- och desktopversionen. Headern (H1) och navigationsmenyn (nav-baren) \u00e4r desamma som p\u00e5 de \u00f6vriga sidorna. I det \u00f6vre v\u00e4nstra h\u00f6rnet finns en stadsv\u00e4ljare p\u00e5 b\u00e5de mobil och desktop. Med hj\u00e4lp av denna kan anv\u00e4ndaren v\u00e4lja vilken stads discgolfbanor som ska visas. N\u00e4r en stad har valts visas kort med bilder och information om de olika banorna. I mobilskissen visas endast tv\u00e5 banor, men den f\u00e4rdiga sidan kommer att inneh\u00e5lla fler. H2-rubriken kommer att \u00e4ndras beroende p\u00e5 vilken stad anv\u00e4ndaren har valt. Dessutom kommer det att finnas dold text som kan visas genom en klickfunktion p\u00e5 &#8220;H3:orna&#8221; i blocken.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida_mobil-844x1024.jpg\" alt=\"\" class=\"wp-image-231 size-full\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida_mobil-844x1024.jpg 844w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida_mobil-247x300.jpg 247w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida_mobil-768x932.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida_mobil-1266x1536.jpg 1266w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida_mobil.jpg 1536w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida-770x1024.jpg\" alt=\"\" class=\"wp-image-232\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida-770x1024.jpg 770w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida-226x300.jpg 226w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida-768x1021.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida-1155x1536.jpg 1155w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/utrustning-sida.jpg 1346w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r visas en mall f\u00f6r hur Utrustnings-sidan ska se ut i b\u00e5de mobil- och desktopversionen. Headern (H1) och navigationsmenyn (nav-baren) \u00e4r desamma som p\u00e5 de \u00f6vriga sidorna. Sidans huvudinneh\u00e5ll (main) b\u00f6rjar med en H2-rubrik och f\u00f6ljs sedan av flera kort med information om olika typer av utrustning. I mobilversionen visas korten i en kolumn, medan de i desktopversionen \u00e4r placerade i tv\u00e5 kolumner f\u00f6r att utnyttja sk\u00e4rmytan b\u00e4ttre. Varje kort inneh\u00e5ller en klickbar H3-rubrik. Under denna finns dold text som visas n\u00e4r anv\u00e4ndaren klickar p\u00e5 rubriken. Dessutom inneh\u00e5ller varje kort en bild som h\u00f6r till den aktuella utrustningen.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"860\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida_mobil-860x1024.jpg\" alt=\"\" class=\"wp-image-233 size-full\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida_mobil-860x1024.jpg 860w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida_mobil-252x300.jpg 252w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida_mobil-768x914.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida_mobil-1290x1536.jpg 1290w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida_mobil.jpg 1459w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"846\" height=\"1024\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida-846x1024.jpg\" alt=\"\" class=\"wp-image-234\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida-846x1024.jpg 846w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida-248x300.jpg 248w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida-768x930.jpg 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida-1268x1536.jpg 1268w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/om-sida.jpg 1403w\" sizes=\"auto, (max-width: 846px) 100vw, 846px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Detta \u00e4r en mall f\u00f6r hur Om mig-sidan ska se ut i b\u00e5de mobil- och desktopversionen. Headern (H1) och navigationsmenyn (nav-baren) \u00e4r desamma som p\u00e5 de \u00f6vriga sidorna. Sidans inneh\u00e5ll \u00e4r relativt enkelt och best\u00e5r av en H2-rubrik h\u00f6gst upp. Under rubriken finns tv\u00e5 textblock placerade efter varandra som inneh\u00e5ller information om mig. Det finns ingen st\u00f6rre skillnad mellan mobil- och desktopversionen av sidan. Den enda skillnaden \u00e4r navigationsmenyns placering, p\u00e5 samma s\u00e4tt som p\u00e5 de \u00f6vriga sidorna.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hur sidorna blev<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-103-1024x576.png\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-103-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-103-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-103-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-103-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-103.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-104-1024x576.png\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-104-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-104-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-104-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-104-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-104.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-105-1024x576.png\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-105-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-105-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-105-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-105-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-105.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-106-1024x576.png\" alt=\"\" class=\"wp-image-238\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-106-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-106-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-106-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-106-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-106.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-107-1024x576.png\" alt=\"\" class=\"wp-image-239\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-107-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-107-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-107-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-107-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-107.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-108-1024x576.png\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-108-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-108-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-108-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-108-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-108.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-109-1024x576.png\" alt=\"\" class=\"wp-image-241\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-109-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-109-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-109-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-109-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-109.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-110-1024x576.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-110-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-110-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-110-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-110-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-110.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-111-1024x576.png\" alt=\"\" class=\"wp-image-243\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-111-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-111-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-111-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-111-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-111.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-112-1024x576.png\" alt=\"\" class=\"wp-image-244\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-112-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-112-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-112-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-112-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-112.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sidorna blev s\u00e5 som jag hade t\u00e4nkt mig och det \u00e4r inte mycket att f\u00f6rklara f\u00f6r det gjorde jag p\u00e5 ritningarna. Men allting fungerar och jag \u00e4r n\u00f6jd.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prestanda<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jag har kollat prestanda p\u00e5 alla sidor och det ser bra ut p\u00e5 alla men det \u00e4r vissa bilder som beh\u00f6vde fixas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-113-1024x576.png\" alt=\"\" class=\"wp-image-245\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-113-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-113-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-113-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-113-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-113.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-114-1024x576.png\" alt=\"\" class=\"wp-image-246\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-114-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-114-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-114-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-114-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-114.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r \u00e4r tv\u00e5 bilder p\u00e5 pestandan p\u00e5 Hem-sidan. H\u00e4r var de \u00e4nda felen att bilderna p\u00e5 sidan var lite f\u00f6r stora, men saken \u00e4r att de f\u00e5r v\u00e4ldigt d\u00e5lig uppl\u00f6sning om jag \u00e4ndrar storlek och prestandan \u00e4r redan h\u00f6g s\u00e5 detta var n\u00e5got som jag inte f\u00f6r\u00e4ndrade<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-115-1024x576.png\" alt=\"\" class=\"wp-image-247\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-115-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-115-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-115-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-115-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-115.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-116-1024x576.png\" alt=\"\" class=\"wp-image-248\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-116-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-116-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-116-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-116-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-116.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vi ser att denna prestanda \u00e4r lite s\u00e4mre, detta beror p\u00e5 bilderna, men jag \u00e4ndrade p\u00e5 dessa bilder och nu ser det ut s\u00e5h\u00e4r:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-117-1024x576.png\" alt=\"\" class=\"wp-image-249\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-117-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-117-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-117-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-117-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-117.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r nere \u00e4r banor-sidan:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-118-1024x576.png\" alt=\"\" class=\"wp-image-250\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-118-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-118-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-118-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-118-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-118.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-119-1024x576.png\" alt=\"\" class=\"wp-image-251\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-119-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-119-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-119-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-119-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-119.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Det \u00e4nda problemet p\u00e5 banor sidan var att flera bilder var otroligt mycket st\u00f6rre \u00e4n var de borde varit s\u00e5 det fixade jag och satte dem till den rekommenderade storleken. Prestandan var ju h\u00f6g fr\u00e5n b\u00f6rjan och gjorde ingen skillnad.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-120-1024x576.png\" alt=\"\" class=\"wp-image-252\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-120-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-120-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-120-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-120-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-120.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-121-1024x576.png\" alt=\"\" class=\"wp-image-253\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-121-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-121-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-121-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-121-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-121.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r p\u00e5 Utrustnings-sidan \u00e4r prestandan bra det \u00e4r lite problem med bildernas storlek men uppl\u00f6sningen p\u00e5 bilderna blir d\u00e5lig om de komprimeras. S\u00e5 de f\u00e5r stanna s\u00e5h\u00e4r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mobil responsivitet<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jag har anv\u00e4nt sidorna &#8220;Am I Responsive&#8221; och &#8220;bing&#8221; och fick detta resultat:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-122-1024x576.png\" alt=\"\" class=\"wp-image-254\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-122-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-122-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-122-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-122-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-122.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-123-1024x576.png\" alt=\"\" class=\"wp-image-255\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-123-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-123-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-123-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-123-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-123.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r \u00e4r b\u00e5de Hem-sidan och Banor-sidan i \u2018Am I Responsive\u2019, d\u00e4r de ser bra ut. Det enda problemet \u00e4r att nav-baren overflowar lite i mobilversionen, men det \u00e4r inte ett s\u00e5 stort problem och ser inte s\u00e5 farligt ut heller, s\u00e5 jag l\u00e5ter det vara.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-124-1024x576.png\" alt=\"\" class=\"wp-image-256\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-124-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-124-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-124-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-124-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-124.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-126-1024x576.png\" alt=\"\" class=\"wp-image-257\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-126-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-126-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-126-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-126-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-126.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r har jag kollat tekniker-sidan och utrustnings-sidan p\u00e5 sidan &#8220;bing&#8221; d\u00e4r den visar bara gr\u00f6na bockar p\u00e5 mobilv\u00e4nligheten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tillg\u00e4nglighet<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jag har anv\u00e4nt programmet &#8220;WAVE Webaim&#8221; f\u00f6r att kolla prestandan och har kollat p\u00e5 alla de fem olika sidorna.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-127-1024x576.png\" alt=\"\" class=\"wp-image-258\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-127-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-127-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-127-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-127-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-127.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Inga stora fel h\u00e4r, det \u00e4nda var att tv\u00e5 bilder hade samma als som programmet tycker \u00e4r lite av en &#8220;Alert&#8221;, men det fixade jag med att \u00e4ndra den ena texten helt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-128-1024x576.png\" alt=\"\" class=\"wp-image-259\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-128-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-128-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-128-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-128-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-128.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Inga fel alls h\u00e4r, det visade att allt var bra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-129-1024x576.png\" alt=\"\" class=\"wp-image-260\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-129-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-129-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-129-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-129-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-129.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Den s\u00e4ger att min klick funktion endast \u00e4r f\u00f6r mus, men detta tycker jag sj\u00e4lv inte st\u00e4mmer s\u00e5 jag ignorerar den helt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-130-1024x576.png\" alt=\"\" class=\"wp-image-261\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-130-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-130-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-130-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-130-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-130.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">inga fel h\u00e4r, allt \u00e4r som det ska vara.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-131-1024x576.png\" alt=\"\" class=\"wp-image-262\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-131-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-131-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-131-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-131-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-131.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Det \u00e4r v\u00e4ldigt lite p\u00e5 denna sida s\u00e5 det finns inga fel h\u00e4r heller.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Validering<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-132-1024x576.png\" alt=\"\" class=\"wp-image-263\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-132-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-132-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-132-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-132-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-132.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-133-1024x576.png\" alt=\"\" class=\"wp-image-264\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-133-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-133-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-133-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-133-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-133.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-134-1024x576.png\" alt=\"\" class=\"wp-image-265\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-134-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-134-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-134-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-134-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-134.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-135-1024x576.png\" alt=\"\" class=\"wp-image-266\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-135-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-135-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-135-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-135-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-135.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-136-1024x576.png\" alt=\"\" class=\"wp-image-267\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-136-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-136-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-136-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-136-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-136.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-137-1024x576.png\" alt=\"\" class=\"wp-image-268\" srcset=\"https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-137-1024x576.png 1024w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-137-300x169.png 300w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-137-768x432.png 768w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-137-1536x864.png 1536w, https:\/\/wp.als081224ol.hemsida.eu\/wp-content\/uploads\/2026\/06\/Skarmbild-137.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vi ser h\u00e4r att de fem sidornas HTML-kod och CSS-kod \u00e4r helt felfria i valideringen. Inga fel eller errors hittades n\u00e5gonstans.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Olika Webbsidor<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jag testade min hemsida i tre olika webbl\u00e4sare: Google Chrome, Firefox och Edge. Alla visade sidan likadant och det var ingen skillnad mellan dem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Problem<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jag k\u00e4nner att utf\u00f6randet av denna sida har g\u00e5tt bra och ganska snabbt. Problem har jag haft lite med till exempel JavaScript och att f\u00e5 det att fungera som det ska. Men annars har allt fungerat som det ska, och det har inte varit n\u00e5gra st\u00f6rre problem.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ett problem jag faktiskt hade var att hitta bilder med bra uppl\u00f6sning och som var lagliga att anv\u00e4nda. Men jag hittade bilder tillslut och slutprodukten blev v\u00e4ldigt bra tillslut \u00e4nd\u00e5.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c4r jag n\u00f6jd?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja, jag \u00e4r n\u00f6jd. Jag gjorde mina mallar och hade en tanke och plan f\u00f6r hur denna sida skulle se ut. Det resulterade i att alla sidor liknar det jag hade t\u00e4nkt mig och mina mallar. Jag har f\u00e5tt ut det jag ville med sidan, att sprida mitt intresse inom discgolf men ocks\u00e5 kanske f\u00e5 andra att b\u00f6rja spela discgolf genom denna sida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det finns saker som skulle kunna g\u00f6ras b\u00e4ttre och mer avancerat, med st\u00f6rre funktioner och liknande. Men jag \u00e4r n\u00f6jd med det jag har och skulle i nul\u00e4get inte vilja f\u00f6r\u00e4ndra s\u00e5 mycket, mer \u00e4n att jag verkligen skulle ha velat ha fler val n\u00e4r det g\u00e4ller bilder.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Syfte Syftet med min webbplats \u00e4r att informera om discgolf och samtidigt dela med mig av mitt intresse f\u00f6r sporten. Webbplatsen kommer att inneh\u00e5lla information om olika kasttekniker, vilka discar som passar b\u00e4st i olika situationer samt tips p\u00e5 discgolfbanor i n\u00e4rheten av Alings\u00e5s och G\u00f6teborgsomr\u00e5det. Jag vill ocks\u00e5 f\u00e5 in ett personligt inslag genom [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-217","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/wp-json\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":6,"href":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/wp-json\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/wp-json\/wp\/v2\/pages\/217\/revisions\/272"}],"wp:attachment":[{"href":"https:\/\/wp.als081224ol.hemsida.eu\/index.php\/wp-json\/wp\/v2\/media?parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}