Permalänk
Medlem

Kritik på webbsida

http://haal3101.mycase.se /

Har precis gjort en ny portfolio, ge gärna kritik m.m. vad som är bra och vad som är dåligt.
( Har inte särskilt mycket kunskap om att göra hemsidor, går bara första året på gymnasium )

Visa signatur

Citera för svar

Permalänk
Medlem

Kan ge dig 3 synpunkter. 100% ärlighet och se det inte negativt

Första intrycket: Grått och ganska kallt.

Lite mer noga tittande: Simpel och stel design.

Tips (Hur jag skulle vilja se den): Skulle kunna tänka mig att det hade varit lite snyggare med lite ramar kring de saker du har uppe på sidan dela upp det lite mer. Gör start sidan till en kort presentation och sedan ha en tab där du visar ditt arbete. Lite mer liv i sidan.

Hoppas du inte ser det allt för negativt och jag är inget webbdesign proffs men det är lite mer hur jag skulle tycka att sidan var mer lockande.

Visa signatur

Citera för svar!

Permalänk
Medlem

Som medzii sa grått och tråkigt sätt upp lite ramar dela upp det

Permalänk
Medlem

Lite mer "flow" hade varigt nice

Visa signatur

Acta Non Verba - Stercus accidit sine mora
Citera för svar
Flickr
http://ninite.com/ - Perfekt vid ominstallation av windows.

Permalänk
Medlem

Lite som tidigare har sagt, känns lite stel.

Några idéer:

1. Någon bakgrundsbild istället för grå?
2. Lägga en banner högst upp och menyn under? Tycker den känns lite felplacerad.
3. Thumbnail på bilderna? Så man slipper ladda bilderna i full storlek när man öppnar sidan.
4. Skriva ut finstilt att det är du som byggt sidan. Sådant kan jag faktiskt leta efter i bland. Kanske för att man vill låna lite kod från något script eller liknande.

Bra jobbat med sidan. Snyggt strukturerad kod!

Mvh Mattias

Permalänk
Medlem
Skrivet av Medzii:

Kan ge dig 3 synpunkter. 100% ärlighet och se det inte negativt

Första intrycket: Grått och ganska kallt.

Lite mer noga tittande: Simpel och stel design.

Tips (Hur jag skulle vilja se den): Skulle kunna tänka mig att det hade varit lite snyggare med lite ramar kring de saker du har uppe på sidan dela upp det lite mer. Gör start sidan till en kort presentation och sedan ha en tab där du visar ditt arbete. Lite mer liv i sidan.

Hoppas du inte ser det allt för negativt och jag är inget webbdesign proffs men det är lite mer hur jag skulle tycka att sidan var mer lockande.

Tack så mycket, ska tänka på det!

Skrivet av zvone:

Som medzii sa grått och tråkigt sätt upp lite ramar dela upp det

Okej tack

Skrivet av KRQKAN:

Lite mer "flow" hade varigt nice

Jo de är nog sant ska tänka lite hur jag kan fixa det

Skrivet av Mayth:

Lite som tidigare har sagt, känns lite stel.

Några idéer:

1. Någon bakgrundsbild istället för grå?
2. Lägga en banner högst upp och menyn under? Tycker den känns lite felplacerad.
3. Thumbnail på bilderna? Så man slipper ladda bilderna i full storlek när man öppnar sidan.
4. Skriva ut finstilt att det är du som byggt sidan. Sådant kan jag faktiskt leta efter i bland. Kanske för att man vill låna lite kod från något script eller liknande.

Bra jobbat med sidan. Snyggt strukturerad kod!

Mvh Mattias

Tack så mycket för kritiken ska tänka på tipsen!

Visa signatur

Citera för svar

Permalänk
Medlem
  • Om du ska ha thumbnails, gör då thumbnails, skala inte om hela originalbilden med width- och height-attribut.

  • Lägg ner lite mer energi både på menyknapparna och "titeln", just nu ser det ut som att du öppnade PS och inte orkade sitta med det i mer än tre minuter.

  • Sidan är för bred; se till att den är dynamisk (blir smalare i små fönster) eller minska bredden. Alla sitter inte med gigantiska skärmar.

  • Sidan är något rörig, det finns inga tydliga "avdelningar" på förstasidan.

  • Grått och svart är en tråkig färgkombination. Våga dra in lite riktig färg. Se t.ex. ColourLovers för inspirerande färgscheman.

  • Din JS-kod (autogenererad?) för menyknapparna är onödig. Använd CSS(-sprites) istället, så fungerar det även för de som inte har JS.

  • Highslide-pluginens captions verkar ju inte helt optimala. Försök hitta ett galleriskript som kan använda alt/title-attributet hos bilderna istället, och se till att definiera vettiga värden på dessa. Fancybox med lite jQuery är ett alternativ.

  • Du kan inte definiera egna HTML-element hur som helst.

  • All brödtext måste vara i <p>-element. Du kan inte lägga ett <a>-element direkt i ett <div>-element, som du gör på flera ställen (t.ex. under "skolval 2010").

Permalänk

Det första jag tänkte på var att logon & knapparna för länkar inte ligger på ett fixerat ställe. De flyttar sig beroende på vilken sida man är inne på.
Titeln på sidan är titeln på sidan man är inne på, ska det verkligen vara så? Om du går in i t.ex. Om Oss så hamnar Om oss överst i mitt Firefox-fönster.

Permalänk
Medlem
Skrivet av Bluetiger:

Det första jag tänkte på var att logon & knapparna för länkar inte ligger på ett fixerat ställe. De flyttar sig beroende på vilken sida man är inne på.
Titeln på sidan är titeln på sidan man är inne på, ska det verkligen vara så? Om du går in i t.ex. Om Oss så hamnar Om oss överst i mitt Firefox-fönster.

Dom flyttar sig inte för mig, vet inte vad som är felet...

Vet inte om det är så det "ska" vara... har i alla fall satt titeln på sidan efter det sidan handlar om

Visa signatur

Citera för svar

Permalänk
Skrivet av Bluetiger:

Det första jag tänkte på var att logon & knapparna för länkar inte ligger på ett fixerat ställe. De flyttar sig beroende på vilken sida man är inne på.
Titeln på sidan är titeln på sidan man är inne på, ska det verkligen vara så? Om du går in i t.ex. Om Oss så hamnar Om oss överst i mitt Firefox-fönster.

Det är scrollbaren som försvinner på den sidan, därför det upplevs som det flyttas.

Visa signatur

Gigabyte EX38 DS4 :: Intel Core 2 Duo E8400 3GHz :: Reaper PC8500 2x2GB :: Gigabyte Crossfire ATI Radeon HD4850 :: 1,35TB HDD :: Soundblaster Audigy 2 ZS

Permalänk
Medlem
Skrivet av Sandstorm:

Det är scrollbaren som försvinner på den sidan, därför det upplevs som det flyttas.

Jag upplever det inte alls

Visa signatur

Citera för svar

Permalänk
Skrivet av Sandstorm:

Det är scrollbaren som försvinner på den sidan, därför det upplevs som det flyttas.

Ah, precis! Så var det.

Ändra så du scrollar i en container istället för på hela sidan så är det problemet ur världen.

Skrivet av bimpsson:

Vet inte om det är så det "ska" vara... har i alla fall satt titeln på sidan efter det sidan handlar om

Jag tycker inte att det borde ändras. Det är ju din portfolio. Vilken sida de är inne på framgår redan tydligt nog genom att knapparna lyser beroende på vilken sida man är inne på.

Permalänk
Medlem
Skrivet av Bluetiger:

Jag tycker inte att det borde ändras. Det är ju din portfolio. Vilken sida de är inne på framgår redan tydligt nog genom att knapparna lyser beroende på vilken sida man är inne på.

Eller så kanske man ska ha som här på swec typ "Hampus portfolio - Om mig" ?

Visa signatur

Citera för svar

Permalänk
Skrivet av bimpsson:

Eller så kanske man ska ha som här på swec typ "Hampus portfolio - Om mig" ?

Det funkar, absolut. Så länge som det inte bara står "Om mig".

Permalänk
Medlem

inte för att vara petig men.
när vi lärde oss webbdesign i skolan fick vi lära oss att använda webdeveloper addon till firefox för att kolla css/html mot w3schools för att se om den stämmer alt. om de finns fel.
vi fick då inte ha ett ända fel eller varning eller nått, då va de "gör om gör rätt" som gäller, och din sida har en hel del fel och varningar.

Ett tips är också, lek med färger, mer färger!
använda olika färger beroende på vad du vill andra ska se, tex. som min polare lärde mig när vi pratade om hans sida ( http://ckrudelux.com/ )
den blåa bannern är för bilder (men han har inte orkat dragit upp några)
Mörkare färg för att slippa stirra mot vitt (inge kul med försämrad syn ännu mer vilket få tänker på)
man dras till de veta texten, efter de till de röda länkarna och sen finns också vilket datum han gjorde de, vilket han egentligen inte ville visa men ändå inte vill ta bort, så han gjorde den mörkare färg för att få märker den då, men fortfarande helt läslig.

Visa signatur

Maximus X Hero - 8700k @5.1GHz - H115i - 32GB LPX@3466MHz - MSI 980Ti Gaming - EVGA SuperNova 750 G2 - Asus vg248qe - FD R5

Permalänk
Medlem

Den sida som din kompis har gjort har ju lite brister, grått, trist, Skulle verkligen behöva en bakgrundsbild. Dock tycker jag de knappar som han har tänkt göra är ganska coola.

Permalänk
Medlem
Skrivet av Semjonov:

Den sida som din kompis har gjort har ju lite brister, grått, trist, Skulle verkligen behöva en bakgrundsbild. Dock tycker jag de knappar som han har tänkt göra är ganska coola.

allt för att vara simplet, avskyr sidor som är ljusa med myclet flashiga onödiga saker som inte behövs för 5 öre, också jobbigt för ögonen att sitta å stirra på massa ljusa färger hela tiden.
maddox hemsida är skönast dock.
simplet, mörkt, lätt att märka vart man ska läsa. thats it, inget mer behövs.
ha en bild som bakgrund är la de sämsta man kan ha, ursh å få så irriterande

Visa signatur

Maximus X Hero - 8700k @5.1GHz - H115i - 32GB LPX@3466MHz - MSI 980Ti Gaming - EVGA SuperNova 750 G2 - Asus vg248qe - FD R5

Permalänk
Medlem

Jag använder Google Chrome 8.0.552.224 och när jag klickar på någon bild för att få upp den så hamnar bilden bakom youtube-videon som ligger till vänster.

Visa signatur

» AMD Ryzen 5 2600X » 16 Gb DDR4 » ASUS GTX 1060 6 Gb OC » 1 Tb M.2 PCIe NVME
Fraktfritt från Inet för Sweclockersmedlemmar
Vänligen citera om du pratar med mig

Permalänk
Medlem
Skrivet av Zlayphir:

Jag använder Google Chrome 8.0.552.224 och när jag klickar på någon bild för att få upp den så hamnar bilden bakom youtube-videon som ligger till vänster.

Det gör det för mig, i Firefox också, ska försöka fixa det

Visa signatur

Citera för svar

Permalänk
Medlem
Skrivet av elghinnarisa:

inte för att vara petig men.
när vi lärde oss webbdesign i skolan fick vi lära oss att använda webdeveloper addon till firefox för att kolla css/html mot w3schools för att se om den stämmer alt. om de finns fel.
vi fick då inte ha ett ända fel eller varning eller nått, då va de "gör om gör rätt" som gäller, och din sida har en hel del fel och varningar.

Ett tips är också, lek med färger, mer färger!
använda olika färger beroende på vad du vill andra ska se, tex. som min polare lärde mig när vi pratade om hans sida ( http://ckrudelux.com/ )
den blåa bannern är för bilder (men han har inte orkat dragit upp några)
Mörkare färg för att slippa stirra mot vitt (inge kul med försämrad syn ännu mer vilket få tänker på)
man dras till de veta texten, efter de till de röda länkarna och sen finns också vilket datum han gjorde de, vilket han egentligen inte ville visa men ändå inte vill ta bort, så han gjorde den mörkare färg för att få märker den då, men fortfarande helt läslig.

Har inte jobbat med webdeveloper förut, kanske ska testa och se hur det går med det

Visa signatur

Citera för svar

Permalänk
Medlem

Den visas fel för mig i FF 3.6 @ OSX (Div som ligger fel)

Kolla här och fixa: http://validator.w3.org/check?uri=http%3A%2F%2Fhaal3101.mycas...

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Permalänk

Tjusig hemsida. Får man vad du har använt dig av och hur du lärt dig använda det? Känner att mina HTML kunskaper inte riktigt är på top när jag tittar på din sida.

Antar att du själv ser dina 4 små missar annars har jag inget att tillägga.

Permalänk
Medlem
Skrivet av HarmlessWarrior:

Tjusig hemsida. Får man vad du har använt dig av och hur du lärt dig använda det? Känner att mina HTML kunskaper inte riktigt är på top när jag tittar på din sida.

Antar att du själv ser dina 4 små missar annars har jag inget att tillägga.

Tack så mycket, har använt dreamweaver CS5 och går första året på min tekniska utbildning så det är där jag har lärt mig det som jag har gjort, har väl lärt mig lite extra genom att kolla på andra webbsidor och www.webdesignskolan.se har väl varit till en del hjälp

Visa signatur

Citera för svar

Permalänk
Medlem
Skrivet av bimpsson:

Tack så mycket, har använt dreamweaver CS5 och går första året på min tekniska utbildning så det är där jag har lärt mig det som jag har gjort, har väl lärt mig lite extra genom att kolla på andra webbsidor och www.webdesignskolan.se har väl varit till en del hjälp

Håll dig långt borta från Webdesignskolan, det är nog den sämsta resursen på internet när det gäller HTML/CSS — inte minst för att den är fullständigt inkorrekt, back-to-back. Ta en titt på Webboken istället, och lär dig göra rätt från början.

Permalänk
Medlem
Skrivet av You:

Håll dig långt borta från Webdesignskolan, det är nog den sämsta resursen på internet när det gäller HTML/CSS — inte minst för att den är fullständigt inkorrekt, back-to-back. Ta en titt på Webboken istället, och lär dig göra rätt från början.

jaså den har alltid funkat för mig i alla fall men tack för tipset
w3schools.com är också bra

Visa signatur

Citera för svar

Permalänk
Medlem
Skrivet av bimpsson:

jaså den har alltid funkat för mig i alla fall men tack för tipset
w3schools.com är också bra

Läs Webboken — Vi är bättre än X! för en indikation på varför WDS (och till viss del W3Schools) är dåliga.

Permalänk
Medlem
Skrivet av You:

Läs Webboken — Vi är bättre än X! för en indikation på varför WDS (och till viss del W3Schools) är dåliga.

Okej, det visste jag inte, kanske ska testa webboken när jag behöver få reda på något nästa gång

Visa signatur

Citera för svar

Permalänk
Medlem

Har gjort om lite på första sidan nu, va tycker ni?

Visa signatur

Citera för svar

Permalänk
Medlem
Skrivet av bimpsson:

Har gjort om lite på första sidan nu, va tycker ni?

Skrivet av You:
  • Om du ska ha thumbnails, gör då thumbnails, skala inte om hela originalbilden med width- och height-attribut.

  • Lägg ner lite mer energi både på menyknapparna och "titeln", just nu ser det ut som att du öppnade PS och inte orkade sitta med det i mer än tre minuter.

  • Grått och svart är en tråkig färgkombination. Våga dra in lite riktig färg. Se t.ex. ColourLovers för inspirerande färgscheman.

  • Highslide-pluginens captions verkar ju inte helt optimala. Försök hitta ett galleriskript som kan använda alt/title-attributet hos bilderna istället, och se till att definiera vettiga värden på dessa. Fancybox med lite jQuery är ett alternativ.

  • Du kan inte definiera egna HTML-element hur som helst.

  • All brödtext måste vara i <p>-element. Du kan inte lägga ett <a>-element direkt i ett <div>-element, som du gör på flera ställen (t.ex. under "skolval 2010").

Dessutom så buggar din sidfot rejält nu eftersom den har mycket konstig margin.

Permalänk
Skrivet av bimpsson:

Tack så mycket, har använt dreamweaver CS5 och går första året på min tekniska utbildning så det är där jag har lärt mig det som jag har gjort, har väl lärt mig lite extra genom att kolla på andra webbsidor och www.webdesignskolan.se har väl varit till en del hjälp

WYSIWYG you say. Intressant, intressant. Ser väldigt haxxigt ut med java scripts över allt.

Du verkar missat två av de buggar jag tänkte på. Portfolia blinkar i fel färg och rubriken till första texten tycks ha försvunnit. Om inte loggan även tjänstgör som rubrik.

Det här kan kännas tungt men jag tycker nästan att det blir något sämre varje stor uppdatering jag ser. Grått med stor bild på København i pseudo-lego funkar alltid.:) Fin justering på layouten så var den klar imo.