Kategori: Webbutveckling 1
-
VED house
Länk till sida Syfte Jag ska återskapa VED houses hemsida och göra den mer visuellt tilltalande, samt se till att sidan är tillgänglig, responsiv och mer optimerad för prestanda. Sidan ska även ha ett bokningssystem som fungerar lokalt i webbläsaren med hjälp av JavaScript. Målgrupp VED house är en pizzeria som har en väldigt bred…
-
Paolos webb – version 2 planering
Besök sidan här. Syfte Jag ska bygga om Paolos webb så att den följer de nya krav som vi lärt oss i kursen, inklusive tillgänglighet, responsivitet och prestandaoptimering. Målgrupp Denna uppgraderade variant av Paolos webb är designad för Paolos kunder, alltså små företag och föreningar som är intresserade att få hjälp med att skapa små…
-
Att jobba i projekt
När jag gjorde Paolos webb visste jag inte lika mycket som jag kan nu. Därför har jag en hel del saker som jag skulle behöva förändra med hemsidan för att göra den med användarvänlig, tillgänglig, responsiv samt ha en mer välstrukturerad planering. Tillgänglighet Rent allmänt tycker jag att Paolos webb redan nu är rätt så…
-
Search Engine Optimization
När jag skapade Paolos webb hade jag ingen tanke om att optimera den för sökmotorer. Därför hade jag tagit följande steg för att se till att den hamnar högre upp på en sökning: Om jag gör dessa steg tror jag att jag kan öka hur optimerad min sida är för sökmotorer. Att ha SSL/TLS implementerat…
-
SSL/TLS
Jag har gått igenom alla domäner på Oderland och bekräftat att både HTTPS redirect är på och att alla domäner har ett validerat SSL-certifikat.
-
Lagar
Jag tycker att de lagar som finns på nätet har bra skäl att vara där. GDPR är en förordning som reglerar hur personlig information ska behandlas på nätet. Förr i tiden när internet var relativt nytt var det inte särskilt många som brydde sig så mycket om integritet och säkerhet på nätet, men senare märkte…
-
Säkra lösenord
För att skapa mitt supersäkra lösenord börjar jag med det enklaste: Det är självklart ett av de värsta lösenorden man kan ha, men efter följande ändringar kan man se resultaten: Trots att ha landat på 100% hade jag nog inte använt det här lösenordet eftersom ursprungsordet är rätt så vanligt och de åtgärderna jag har…
-
Responsiv design
Jag har ändrat min startsida och gjort den responsiv med hjälp av relativa enheter, media queries och flexbox. Med hjälp av ramverket Materialize har jag gjort en ny version av min gamla Markdown-sida. Relativa enheter Tidigare använde sig alla textelement på min startsida av absoluta textstorleksenheter i pixlar, vilket visade sig vara ett problem på…
-
Tillgänglighet på startsida
Jag använde olika tillgänglighetstester för att mäta hur tillgänglig min hemsida är. WAVE test: Allt ser bra ut förutom 2 alerts, men de varnar bara för att det är <p> element som WAVE tycker borde vara <hX>. Jag håller inte med, eftersom <p> elementet används i det här fallet för en kort beskrivning och inte…
-
Bildoptimering
I förra uppgiften använde jag olika verktyg för att analysera laddtiderna. Pingdom gav extra mycket information om vilka bilder som tog allra längst tid att ladda: Även om Pingdom inte varnade om laddtiderna så hade Google PageSpeed Insights lite klagomål, och den rekommenderade att jag ändrade storleken på bilderna för att då kunde jag spara…