• Ramverk – moment 6

    I denna uppgiften har ändrat Skog-sidan med ramverket Bootstrap för att skapa en responsiv design. Förändringar och utvärdering: De förändringar jag gjort för att få sidan att ha en mer responsiv design för att anpassa sig utefter enheten är att använda ett ramverk som redan är testat för att anpassa sig utefter enheten. Jag använde…

  • Tillgänglighet – moment 5

    WAVE-testet jag gjorde visade att min landing-page har 0 fel och 0 kontrast fel, men en varning som gäller alternativ text för bilden på kaktusen. Jag väljer att inte fixa detta eftersom bilden fungerar som en logotyp, och dess funktion framgår redan av sammanhanget. Dessutom påverkar detta inte tillgängligheten av sidan på ett sätt som…

  • Optimerade bilder – moment 5

    Åtgärder för att förbättra prestandan Efter Optimering Prestandamätningen visar att sidan nu laddas snabbt och bra. Efter att ha optimerat bilderna och använt lazy loading fick den 100 på prestandamätningen, vilket betyder att åtgärderna fick önskad effekt. Sidans laddningstid minskade och alla viktiga mätvärden blev bättre.

  • Prestanda – moment 5

    Slutsats Alla tre testerna visar att sidan har problem med laddningstid, stor sidstorlek och att innehållet flyttar sig när det laddas. Bland annat vad som kan förbättras: Efter att ha komprimerat koden Slutsats efter att komprimerat koden: Jag insåg att även om komprimerad HTML borde leda till bättre prestanda genom att minska filstorleken, så beror…

  • Användande av användaragenter och utvecklingsverktyg – moment 5

    Min landing page i webbläsaren Google Chrome på en smartphone. Min landing page i webbläsaren Google Chrome på en tablet. Min landing page i webbläsaren Microsoft Edge på en smartphone. Min landing page i webbläsaren Microsoft Edge på en tablet. Testresultatet visar att min webbplats fungerar bra på mobilen. Sidans storlek anpassar sig rätt till…

  • Validering av skogsidan – moment 5

    Ändringar jag gjort Ordning och struktur: Fixade felstavningar: Rättade designproblem: Gjorde innehållet tydligare: Bilder: Fixade taggar: Enklare struktur:

  • Internets historia – moment 5

    1984 – Forskningsassistenten Ulf Bilting kopplar upp Sverige på internet 1984 kopplade forskningsassistenten Ulf Bilting upp Sverige mot internet, vilket gjorde att Sverige blev ett av de första länderna i världen att ansluta sig. I början av 1990-talet gjorde Tim Berners-Lee internet mer användarvänligt med World Wide Web. År 1993 fick Sverige sin första webbsida,…

  • Säkra lösenord

    Lösenordsstyrka och Password Meter För att förstå hur säkert ett lösenord är använde jag verktyget Password Meter, som analyserar lösenord utifrån olika kriterier. Jag började med lösenordet sommarlov. Det fick en ganska låg styrka eftersom det är förutsägbart och saknar specialtecken. När jag istället använde ett mer avancerat lösenord, som S@mm4rL0v_2024!, fick det en mycket…

  • Projekt 1 – Paolos Webbsida

    För att gå till hemsidan: Under arbetet med paolos webbplats stötte jag på utmaningar med att anpassa designen för olika skärmar. Genom att använda flexbox och media queries lyckades jag skapa en responsiv layout som fungerar bra på både datorer och mobila enheter. Uppgiften var både utmanande och lärorik, och jag har lärt mig en…

  • Moment 3 – Markdown

    För att gå till hemsidan/uppgiften: Det var en utmanande men bra uppgift. Att kopiera designen med rätt färger, textstorlekar och layout var inte så enkelt. Det var också svårt att få sidan att se bra ut på olika skärmstorlekar. Fel med bilder eller länkar kunde göra att sidan såg konstig ut. Jag lärde en del…