Portfolio. Kritik & tips

Personligen gillar jag inte stilen. Allt lyser verkligen, det känns som att du överanvänder text-shadow och box-shadow. Neonstilen tänder jag inte heller på. Själva layouten är helt ok, för små marginaler i textcontainern imo. Menyn är inkonsekvent med stora/små bokstäver och det är svårt att se att "Portfolio" och "about" är två olika menyval. Valideringsloggan från W3C är riktigt 90-tal, överväg att skrota den, relevansen att en sida validerar är inte lika viktig längre, jag tror få blir imponerade. Mina åsikter, men sen är jag stenhård minimalist.

Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away
— Antoine de Saint-Exupery French writer (1900–1944)

Edit: Du har en del stavfel du bör rätta till också.

Som sagt, det där var mina helt egna åsikter. Det är bara så att jag är en minimalist in i benmärgen. Det är bra att du tänker på helheten men var försiktig med att överanvända effekter, det blir mycket lättare för mycket än för lite. Såhär menade jag med marginalen http://i.imgur.com/4umOK.jpg

Här är några exempel på portfolios som jag gillar, visa dina verk DIREKT skulle vara mitt främsta tips, folk orkar inte klicka runt, tillochmed ett klick kan vara för mycket.

http://www.bittersweet.se/
http://www.nexters.se/
http://gregmack.se/
http://iloveutaco.com/
http://filipnordin.com/

Nej, det var inte det jag menade, du har gott om utrymme vad gäller själva sidbredden. Jag kanske var oklar, det var såhär jag menade http://i.imgur.com/mE30P.jpg.

Men men, det är väl petitesser egentligen.

Jag håller med Dai the Flu om marginalerna, det känns trångt i nuläget. Även marginalen mellan texten och bilderna i sidledd är lite trångt. Bakgrunden är för lågupplöst vilket är lite trist. Sen får du gärna lägga till en a:hover i CSSen för huvudmenyn för man känner sig lite vilsen när man inte får någon riktigt bekräftelse på att där är länkar.
Känns elakt att bara påpeka saker man inte gillar men det är det du ber om

Det alltid bra med någon typ utav feedback när det gäller knappar, eller användarinteraktion överhuvudtaget. Du tycker att det är tydligt att det är knappar, men anta inte att alla tycker det, anta istället att alla dina besökare är idioter och att det inte finns något som heter övertydlighet eller överpedagogik.

Du sa ju själv att det är lätt att bli blind för sitt eget verk, det är det verkligen. Nu är det inte nödvändigtvis något dåligt i det i och med att du är medveten om det.

Nu menade jag inga 'flashiga' effekter, tvärtom. Bara något så enkelt som en svag ändring av bakgrundsfärgen såsom Sweclockers meny här ovan. Jag ser förreste ingen mus-hover-effekt btw? Ingen titel heller, är det i menyn du menar?

Det första som slog mig när jag gick in på sidan var, precis som Dai the Flu påpekat, att marginalerna är på tok för små:

Däremot håller jag inte alls med om att det är en petitess...

Även jag har svårt för sidor som lyser för mycket och hade personligen tagit bort/minskat glow-effekten på bilderna. Jag håller också med Dai the Flu om att det är bättre att vara övertydlig och att aldrig ta för givet att besökarna säkert förstår (även om de säkert oftast gör det). Enligt mig bör man hela tiden veta var man är på sidan, t.ex. genom att du ändrar färg på aktiv flik i menyn.

Jag gillar valet av bakgrund till innehållet (det diagonala mönstret), samt att du använder dig av de "nya" html5-taggarna. Dock använder du article-taggen på ett, för mig, konstigt sätt.

I övrigt tycker jag att det är roligt med orginella designer och portfolios - något du absolut har lyckats med.

Du måste jobba mer på javascriptet i porfoilion. Går inte att använda knapparna på bilderna ens.

Du verkar ha gjort marginalerna något lite större, men jag tycker fortfarande inte att det är tillräckligt. Syftar alltså på marginalerna mellan container och innehåll (kolla på bilden som Dai The Flu har länkat).

Angående article- och section-taggarna håller jag absolut med om att man kan använda sections inom article. Men jag tycker att article-taggen bör omsluta varje enskild post, som i sin tur kan delas in i olika delar genom sections-taggen. Jag ska försöka förklara vad jag menar:

Jag ser din startsida som en typ av blogg(?), på vilken du efterhand postar nyheter och liknande. Vad jag menar är alltså att varje enskild post borde omslutas av en article-tagg. Om du sedan vill dela upp en post i olika delar kan du använda dig av section-taggen. Med "olika delar" menar jag inte varje nytt stycke, utan snarare om du har en större artikel som du vill dela upp i olika rubriker. Section-taggen kan ju såklart även användas på andra ställen än inom en article-tagg...

Om din startsida däremot är en enda lång post hade jag haft samma markup som du. Det är alltså för mig oklart om startsidan består av ett enda långt inlägg eller flera små som lagts upp vid olika tillfällen. Du kan ju därför överväga att lägga in timestamps på varje ny post.

Detta är bara hur jag själv använder mig av dessa två taggar och jag säger inte att det är rätt, så om du inte håller med får du gärna återkomma!

Att ändra din markup på startsidan är väl kanske inte särskilt bråttom, utan något du kan göra när du känner för det, då det till utseendet kommer vara detsamma. Å andra sidan borde det inte ta allt för lång tid att göra...

Vad du däremot borde ändra direkt är som sagt marginalerna. Jag testade att lägga till följande i din css-mall, bara för att snabbt få en bild över hur det skulle se ut:

section {margin: 20px;}

Och personligen tyckte jag att det blev väldigt mycket bättre. Jag menar inte att du skall använda dig av den koden utan vill bara att du, om du inte redan gjort det, ska testa med större marginaler för att se skillnaden.

Ser redan mycket bättre ut!

Lämnar inga kommentarer angående utseendet, den är högst personlig. Men ska ge dig två tips, ett lite viktigare än det andra.

IE8 har inte stöd för HTML5-taggar. Det innebär att allt du lägger inom dessa taggar visas helt fel i denna webbläsare och äldre. Du måste använda javascript för att lösa detta: http://remysharp.com/2009/01/07/html5-enabling-script/

Sedan använder man <article> taggen inom <section>, och inte tvärtom som du gjort. Själva huvudrutan är alltså inte en <article>. Detta är dock inte ett måste.

Känns som att du är väldigt defensiv så fort någon kommenterar. Om du inte tänkt ändra på något och "köra på det tillsvidare", varför ens ta emot kritik?

Okej, då tar vi det igen. Att länka in ett javascript tar knappt en minut och är väl värt din tid. 98% av dina besökare har säkerligen IE9, firefox eller liknande. Men tänk på skolor, arbetsplatser osv. IE8 är den nyaste version som går att installera på Windows XP vilket fortfarande förekommer i hög grad. Skolor och arbetsplatser brukar inte heller bemöda sig med att blicka åt andra webbläsare än just IE. Att bemöda sig med en sådan liten sak visar väl om något att du är seriös i ditt skapande.

Ang. <article> så sa jag att det inte är ett måste att ändra på den, men den är inte skapad för att hysa allt innehåll. Men liksom alla html5 taggar så kan man styla den precis som man vill. Det är i slutändan främst för din egen skull taggarna finns där och att använda vanliga div taggar fyller samma funktion. W3 beskriver article på följande sätt

Startsidan har ett antal "independent item of conent" (varje nyhet).