Kritik önskas på en ny design till Steams webbsida

Enligt min utsago har du själv tagit tillbaka designen till 2000-talet(som du själv sa) medan STEAM faktiskt har utvecklat och gjort deras gränssnitt enklare/bättre för deras typ av marknad.

Din design gör menyn mer eller mindre omöjlig att se. Inga avdelare, ingen indikation på drop-down.

Jag gillar den inte. Det känns mer bakåtsträvande istället för "simplare" designmässigt.
Om designen inte är klar än så borde du inte be om kritik, för att sedan skylla på att du inte är färdig.

EDIT: varför bygger du allt med position: absolute istället för relative? Låter som det sämsta valet när det kommer till webbdesign. Det är något som man använda i början av 2000. Framför allt så kommer du få stora svårigheter att få designen responsiv/adaptiv.

Skulle säga såhär. Det är cleant och skitsnyggt, men helt fel för att sälja så många spel som möjligt...

Jo, webbsidan blir väldigt svår att få responsiv när du använder Absolut. För du kan INTE veta den absoluta positionen på alla skärmstorlekar. Om man sen någon gång måste ändra innehåll, t.ex lägga till 2 extra paragrafer eller en bild, så måste du ändra alla dina positioner för alla element, för alla queries, på hela hemsidan(eftersom höjden ändras). Nej, position: absolut är något som inte används idag för att bygga layouts just för att vi har så många skärmstorlekar som alla kräver att elementen smidigt flyttar sig för att anpassas till enheten. Det är snudden på omöjligt en layout responsiv med absolut position.

Eftersom du använder absoluta positioner så gör du att padding och margins inte har någon verkan på avstånd mellan elementen. Dvs, vill du skapa större marginaler måste du ändra dina absoluta positioner. Absoluta positioner används idag, men oftast endast innanför relativa element för att placera t.ex "prislappar" eller slider-knappar mm som ska "flyta" ovanför innehållet.

Jag vet att du precis börjat lära dig, men du MÅSTE sluta använda absoluta positioner till allt, du går in i en återvändsgränd. Det är relativa containrar och float som ska användas för att placera element korrekt.

Ljustonen är densamme som Steam har just nu, så förstår inte vad du pratar om. Den ser INTE gammal ut pga färg/ljus.
Som jag sa, menyn är jättesvår att se, man förstår knappt att den är en meny. Lägg även in större marginaler under butikens meny så den separeras från elementet under.

Serif-fonten du har på "NEW RELEASES" känns väldigt malplacerad och omodern, använd hellre en sans-serif font på större rubriker och kör serif-fonter på paragraftexter.

Angående kritiken så tycker jag du har fel. Om du ska rätta dig efter alla andras åsikter/kritik så låser du dig själv i detta tidiga stadiet. Visst, lyssna på kritik, men din design nu ser nästan ut som steams egna design, inget nytänkande alls.

Jag skulle även rekommendera att du använder ett designprogram för att designa hemsidan innan du utför det i kod.

Hoppas du inte ser detta som att jag klankar ner. Alla börjar någonstans, och jag gjorde precis som du när jag började. Frågade efter kritik på många av mina webbsidor. Jag startade även jag med att positionera allt som Absolut, eftersom det var "enkelt" (egentligen är det inte det).

Lite förklaring/guider på hur man använder "float" i CSS.

https://css-tricks.com/almanac/properties/f/float/

Den enda kunskap du kommer att bygga är kunskapen av att du gjort fel. Men ja, man lär sig av sina misstag. Jag kan lova att du kan lita på mitt ord. Har hållit på med HTML & CSS i så många år nu att jag med 100% säkerhet kan säga att det inte fungerar. Men när du väl lär dig vad CSS positioner innebär inser du vad jag pratar om. Men med float hamnar element efter varandra i designen, medan absoluta positioner ALDRIG förflyttar sig(oberörda av andra element), vilket gör allt alltid sitter på bestämda positioner. Om du ska använda absoluta positioner får innehållet ALDRIG ändras. Kan du se problemet i det?

Din rubrik är "ny design", så du är väldigt otydlig med vad du är ute efter och vad du ville åstadkomma.

Här har jag gjort en superenkel liten CSS-grid du kan kika på och leka med, ändra rutans storlek storlekar för att se hur flexibelt det är. Jag försökte skapa ett exempel med absolute, men insåg att det skulle ta för lång tid för mig att räkna ut alla pixlar på alla element och placera ut dom korrekt... så jag skippade det helt.

Containern är max-width så att den automatiskt blir mindre när skärmens storlek blir under 860px (i detta exempel).
Alla kolumner har en procentbaserad bredd och kommer anpassa sig väldigt smidigt efter dess container.
Notera även hur LITE arbete jag behövde lägga ner för att göra något som ser tämligen komplext ut.

https://jsfiddle.net/7sk12dkm/2/

Rätt använt fungerar position: absolute "dynamiskt" så till vida att det påverkas av det omgivande elementet. Tooltips är ofta absolutpositionerade i förhållande till det innehåll de tillhör, medan innehållet i sig kan flytta omkring.

Ja, precis som jag visade i mitt exempel.
Att bygga en layout med absoluta positioner är en annan sak.

Det är som att spika upp några tavlor på väggen, sen om man plötsligt kommer med en större tavla och vill byta ordning så måste man ta ut flera av spikarna för att placera om alla tavlor.

@Airikr:
Vad försöker du göra? nu har du ju i princip steams vanliga sida förutom bakgrundfärgen...