Blog

---

---

På Paolos webb så har den redan väldigt bra tillgänglighet och användbarhet. Den ar en bra skillnad på färgerna mellan bakgrund och text så det är inget någon med färgblind het kommer ha svårt med. Det är stora knappar man ska trycka på vilket gör det enklare för folk som har problem med händerna. Det som skulle behövas är möjligen något om en blind ska gå in på hemsidan. Något som typ skulle kunna läsa upp det som står på hemsidan så att både folk som är blinda och folk som har svårt med läsning kan ta del av informationen.

---

När det kommer till mobil vänlighet är det något som skulle behövas fixas till nästa del. Den nuvarande Paolos webb är verkligen inte mobil vänlig och skulle behöva en stor förbättring kring detta. Till den nästa ska man då använda sig mer utav flexbox och att se till att texten anpassas utifrån storleken på skärmen.

---

Jag tycket att lansering är en viktig del utav projektplaneringen. Detta är för att det är viktigt att hålla koll på prestandan och användarfeedbacken så att inte hemsidan blir värre. Sedan så är även det viktigt att validera koden. Detta är för att både HTML koden och CSS koden är bra nog.

---

---

Jag hade börjat med att ändra namnen på de olika filerna så att alla fick ett unikt. Det gör så att det blir lättare att hitta det man ska göra inne på hemsidan. Jag hade även sätt till att hemsidan var mobil anpassad då det gör så att hemsidan går enkelt att komma åt på flera olika enheter som inte bara är datorn. Jag hade även lagt till en meta description då den ger en kort sammanfattning av innehållet på sidan och kan vara bra att ha.

Jag tycker att det är värt att lägga till SSL eller TSL då det är något som är på nästan alla hemsidor idag och det gör även så att den som går in på hemsidan kan känna sig säkrare. När jag kollade upp på Paolos webb so låg redan det inne ett SSL så det var inte något jag behövde ändra.

När jag testade min Paolos webb om hur bra SEO så hade den redan väldigt högt och var redan bra.

Jag gick in på cPanel för att kolla om allting var som det skulle vara och när jag gick in var alla satta till Auto SSL.

Jag tycker att lagarna kring GDPR,URL och Creative commons är bra och rättvisa lagar. Jag tycker att man borde få ha kontroll på vad för information som samlas om en och kunna säga till att det ska försvinna. Jag tycker att URL är bra så inte folk bara går och snor andras värk och kan tjäna pengar på saker som någon annan har gjort. Jag tycker att Creative commons är bra så man vet hur man kan använda vissa bilder och på vilka villkor man får använda de olika bilder så att den som har skapat den blir nöjd.

När jag gör en hemsida så måste jag tänka på att jag använder de bilder som jag får använda och om den är märkt med Creative commons så får jag se till att om jag använder bilden att det är på de villkor den som skapade den vill. Man borde även se till att man har användarens samtycke innan man samlar in deras information.

Om jag hade tagit upp något material hade jag nog inte gjort särskilt mycket med det om det inte var något jag hade jobbat länge och hårt på. Om det hade varit något jag hade lagt mycket tid och energi på hade jag nog absolut velat att det skulle vara skyddat så inte någon bara skulle kunna ta det.

Jag tror att jag endast har använt bilder som jag antingen fått för att använda, från sidor man får ta bilder eller bilder jag själv har tagit.

Detta var när jag först skrev in ett lösenord då var det på 9% och inte säkert alls.

I denna bild så hade jag ändrat så att det var en stor bokstav i början och en siffra istället för ett i. Detta gjorde så att lösenordet var 44% säkert.

i Denna bilden så började jag med att ändra o ett i tonfisk till en nolla sedan la jag även till ett stort f och k för att få upp styrkan på. Detta gjorde så att lösenordet blev 58% säkert.

För att få lösenordet till 100% började jag med att få rätt antal karaktärer och ändrade då så att jag hade 10 stycken. Jag la även till flera stycken symboler efter som det var något den saknade tidigare. Så då la jag både till mellan sträcket och de två utropstecknen.

Jag laddade ner bitwarden för att testa den. Jag satte över alla mina lösenord jag hade på min skoldator och tog bort alla mina lösenord som var sparade på Google. Jag tyckte att det va väldigt enkelt att få över lösenorden ditt när man väll hade fått igång det. Jag tror att jag kommer använda detta nu istället för att spara lösenorden via Google. Jag tror att en lösenords hanterare kan vara något bra om man använder en säker sådan. Man kan ju då göra allt mer säkra lösenord som man vanligtvis inte skulle kommit ihåg vilket gör att det är svårare att knäcka lösenordet. Jag kollade igenom de lösenord jag hade sparade och det var rätt dåliga så jag bestämde att byta några av de så att jag inte hade samma på flera stycken.

Jag tycker att det lösenordet jag har på min domän är ett bra unikt lösenord som funkar så länge man har det sparat i till exemplet en lösenords hanterare. Det är ett väldigt skumt lösenord så det är inte enkelt att knäcka. Jag behåller det då det inte finns någon speciell anledning till att ändra det då jag redan har det sparat och för att jag skulle aldrig komma på något bättre själv.

Här har jag använt ram verk. I denna använde jag Materialize och började med att ersätta CSS med den länken. Sedan använde jag olika Class och ID för att ändra så den skulle bli så lik den gamla som möjligt. Men gjorde inte klart hela. I ram verk testade jag kort att använda Bulma men kom inte jätte långt. Med det jag gjorde tyckte jag inte den var svårare men jag tror inte att jag tycker den är så mycket enklare heller.

---

Här är resultaten på hur mobilvänlig den blev.

Dom

Här gjorde jag en uppgift med Dom. Då fick jag en kod och skulle bygga CSS genom att använda Dom. Jag använde de olika Dom koderna för att göra uppgiften så mycket jag kunde men hann inte längre än detta. Därför är inte hela uppgiften klar.

---

Här är resultaten på mobilvänligheten.

1. Validera kod: https://validator.w3.org/nu/?doc=http://kursolle.se/weuweb01/moment02.php#textarea
2. Kolla mobil tillgänglighet : https://www.bing.com/webmaster/tools/mobile-friendliness
3. kolla prestanda: https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect
4. Ändra bildstorlek: https://pixlr.com/se/express/ https://www.freeconvert.com/
5. Kolla tillgänglighet:https://wave.webaim.org/ https://pagespeed.web.dev/

Problemen i första

problemen i andra

De felen som finns i första men inte andra är att man har glömt att lägga till en alternativs text för bilderna och att man inte har med vad det är för språk. De problemen båda fortfarande har är att texten är en väldigt lik färg till bakgrunden.

Här vissas det samma sak som vissas på den andra att bakgrunden är för lik i färg som texten.

Detta blev mitt resultat jag fick efter jag ändrade problemen och det blev inga nya problem. Jag gick in i min css och bytte färg på de texter som smälte in i bakgrunden. Den förbättrade tillgängligheten då det blev enklare att läsa när text färgen och bakgrunden inte var så lika i färg

Jag ändrade exemplet denna koden från väldigt nära vit till svart

Problemet här är att bildformatet är större än vad den behöver vara. Sedan behöver jag även minska nedladdnings storleken på bilden.

Jag gick in och ändrade storleken på bilden till det jag behövde sedan så konverterade jag bilderna. vilket gav denna skillnaden. Det som gjorde mest skillnad var att ändra storleken på bilden eftersom att den var så onödigt stor. Det gjorde så att min gick från 57 till 86.

Denna visade att prestandan låg på en nivå av 74 procent och performansen grade ligger på 97. Ladd tiden är på 1.25 sec

Detta var de resultat jag fick upp efter och det visar att ladd tiden har minskat från 1.25 sec till 879 ms. Sedan har prestandan gått från 74 till 78 så den har blivit bättre.