Webb: Long For - Social delan av en längtan

Permalänk

Webb: Long For - Social delan av en längtan

"Smygpremiär" på sidan här. Vad jag vill veta är vad ni tycker om följande.

  • Utseende/Design
    Funktion
    Säkerhet
    Övriga tankar
    Idéer vad mer jag kan göra?

http://long-for.com

Edit: Idéen med denna var kanske inte att just den här ska bli stor utan att jag ska testa mitt nya system och se hur bra det fungerar. Förhoppningsvis funkar det och då är det ett par intressantare projekt i pipen.

Adderar lite info
Permalänk
Medlem

Allra första intrycket:

Alldeles för stort och täcker för mycket.

Minska designen ganska mycket så kommer det nog bli bra.

Permalänk

Det var som lite tanken med designen, lite mindre spåpill och mer stora träffsäkra knappar. Men är det åsikten för alla här att allt är alldeles för stort?

Hur tycker ni skalningen funkar? Edit: Vad har ni för upplösning?

Kolla gärna hur den ser ut på div telefoner och tablets.

Permalänk
Medlem
Skrivet av -=*ThE_cRoW*=-:

Det var som lite tanken med designen, lite mindre spåpill och mer stora träffsäkra knappar. Men är det åsikten för alla här att allt är alldeles för stort?

Hur tycker ni skalningen funkar? Edit: Vad har ni för upplösning?

Kolla gärna hur den ser ut på div telefoner och tablets.

Den känns för stor här också. När man hovrar över "Add something you long for..."-loggan så hoppar den upp ett par pixlar, vilket jag finner irriterande

Vid 1920x1080 får fyra puffar plats bredvid varandra. När man minskar ner en bit är det bara två. Sidan verkar skala till ungefär 900 px bredd, sedan börjar puffarna försvinna ut på högersidan. Skulle gärna se mer vitutrymme och total elasticitet om det är ett av sidans mål.

Visa signatur

Kom-pa-TI-bilitet

Permalänk

Mm, har sett det jag med på hovern där. Verkar "bara" vara i Chrome (?) och beror på css'n "Cover". Vet någon hur jag löser det?

Under 900px behöver man väl aldrig gå? Men vad menar du med "total elasticitet" och hur uppnår jag det?

Syftet är som sagt att lära sig samt att den ska delas så att det första en besökare ser inte nödvändigtvis är förstasidan utan att en vän möjligen delat en längtan, tex: http://long-for.com/Summer

Permalänk
Medlem
Skrivet av -=*ThE_cRoW*=-:

Mm, har sett det jag med på hovern där. Verkar "bara" vara i Chrome (?) och beror på css'n "Cover". Vet någon hur jag löser det?

Under 900px behöver man väl aldrig gå? Men vad menar du med "total elasticitet" och hur uppnår jag det?

Syftet är som sagt att lära sig samt att den ska delas så att det första en besökare ser inte nödvändigtvis är förstasidan utan att en vän möjligen delat en längtan, tex: http://long-for.com/Summer

De flesta mobila handhållna enheter har en skärm med mindre bredd än 900 pixlar.
Om du använder procent för alla dimensioner och marginaler så får du en design som skalar med storleken på användarens tillgängliga arbetsyta. För att få fyra puffar på bredden kan man exempelvis ange

.puff { width:20%; margin:2.5%; }

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

Najs Jag la till en längtan

Permalänk
Medlem
Skrivet av -=*ThE_cRoW*=-:

Mm, har sett det jag med på hovern där. Verkar "bara" vara i Chrome (?) och beror på css'n "Cover". Vet någon hur jag löser det?

Under 900px behöver man väl aldrig gå? Men vad menar du med "total elasticitet" och hur uppnår jag det?

Syftet är som sagt att lära sig samt att den ska delas så att det första en besökare ser inte nödvändigtvis är förstasidan utan att en vän möjligen delat en längtan, tex: http://long-for.com/Summer

sker i firefox med, sajten verkar överdrivet stor, fonten är svår att läsa när den är liten, kanske påverkade dig att göra allt för stort?

Permalänk
Medlem

Typsnittet i "skrivstil" är svårläst. Speciellt menyraden längst ner. Sen blir det väldigt mycket scrollande (-> dålig överblick) trots ganska lite information. Håller med om tidigare inlägg; förminska komponenterna på sidan...

Permalänk
Medlem

Allting blir extremt stort vilket resulterar i att det blir extremt jobbigt att navigera och läsa infon på sidan. Kollar förresten sidan i 1280x1024 @ Firefox 10.0.1.
Som Teknocide sa, använd alltid % satser när du designar hemsidor så att dem anpassas efter användaren skärm.
Jag finner den där fonten extremt jobbig att läsa i övrigt.

Visa signatur

[i]Those who don't understand UNIX are condemned to reinvent it, poorly. – Henry Spencer [/i]
[i]“Programmers are in a race with the Universe to create bigger and better idiot-proof programs,
while the Universe is trying to create bigger and better idiots.
So far the Universe is winning.”
[/i]

Permalänk
Skrivet av Noobenu:

Najs Jag la till en längtan

Tack för det!

Skrivet av Teknocide:

De flesta mobila handhållna enheter har en skärm med mindre bredd än 900 pixlar.
Om du använder procent för alla dimensioner och marginaler så får du en design som skalar med storleken på användarens tillgängliga arbetsyta. För att få fyra puffar på bredden kan man exempelvis ange

.puff { width:20%; margin:2.5%; }

Självklart har många enheter mindre än 900px bredd men de flesta mobiler som används idag till att surfa skalar en sida. Berätta gärna om du hittar en enhet där den inte skalar som den ska så får jag lösa det därifrån.

Gör jag som du säger kommer jag alltid bara att ha startantalet puffar. Som det är nu ryms fler beroende på hur bred upplösning man har. Hur löser jag det med css? Nu har jag javascriptat allt.

Hur löser man skalning av texten smartast? Har varit mitt största hinder att text inte går skala bra på en stationär webbläsare.

Skrivet av kira9204:

… … Jag finner den där fonten extremt jobbig att läsa i övrigt.

Många extremt i den meningen. Hm, jo fonten är svårläst men nu används den ju bara som krydda. Inte i löptext. Är man för ung för att läsa skrivstil läser man aldrig pushtexter heller. Nä men som ni säger, bör jag nog byta ut den i menyn längst ner. I övrigt (tycker jag) att den passar bra.

Skrivet av str8forthakill:

sker i firefox med, sajten verkar överdrivet stor, fonten är svår att läsa när den är liten, kanske påverkade dig att göra allt för stort?

Okej, gör det inte i min. Svårare att felsöka då. :/ Både PC och Mac versionen funkar bra för mig. Blir felet likadant i bägge, ingen skillnad?

Vad menade du med att det påverkade mig att göra allt så stort? Med bilden alltså? Hänger inte med. :S

Tror snarare det är att jag sitter på 27" 2560 x 1440 samt endast testat den på min mobil HTC Desire HD och iPad där den skalar bra (tycker jag). Har så klart kört den i olika upplösningar med developer tools och tyckt tidigare att den skalat bra. Tills nu då allt tydligen är extremt dåligt…

Permalänk
Medlem

Min direkta tanke var också hur stort allt var, testa att leka lite med ctrl + scroll för att se hurvida en annan storlek skulle passa bättre, själv tyckte jag att 3 utzoomningar var mycket trevligare för ögat.

Mycket trevligt initiativ och lycka till med sidan

Mvh
tJev

Visa signatur

Audio: Hifiman Deva, HE-R9, Modmic Wireless, Dali Opticon 1, SVS SB 2000
SFF PC: Lian li Q58, Asus B550-I, Ryzen 5800x3D, 2x16GB 3600MHz cl16, 4080 Ventus, CM V750W Gold SFX, Philips 32" 4k 144hz 329M1RV
Coffee: Moccamaster KBGT741 Thermo, AeroPress, Lavazza ¡Tierra! Organic

Permalänk

Tack tJev för din input.

Mm, det där är tyckte och smak men som ni säger bör man kanske försöka möta upp folket, iaf lite. Får överväga storleken får vi se vad jag kan kontemplera fram.

En annan fråga. Alla webbläsare (nyare) har ju funktionen (inte som förr då man skalade text) utan nu att man skalar (zoomar) hela innehållet. Kan man bygga ett dragreglage implementerat (styrs med javascript då) i själva siten där folk utan att använda ctrl + + (på mac cms ++) kan styra detta? Vore ju fantastiskt!

För övrigt så funkar siten inte så bra (för mig iaf) vid jämna nedskalningar utan funkar (skalar bättre) vid ojämna så isf kanske man tom skulle kunna hoppa två steg åt gången. Eller så får man välja mellan 3 olika lägen. Stor (normal) Mellan och liten. Vad tror ni, går det lösa?

Permalänk

Okej, jag har tagit till mig av kritiken och nu lagt till så man kan skala puffarna. Bra, dåligt?

Permalänk
Medlem

Bra jobbat, såg uppdateringen först idag.

Vet inte om det är något du kan fixa men den kommer inte ihåg storleken man valt om man sedan väljer att sortera om puffarna på nearest osv.

Föredrar Medium puffarna

Edit:
Tänkte på om man lägger in något som redan finns, har du något system för det?

Kan ju vara praktiskt om man söker igenom databasen för liknande inlägg när man skapar ett inlägg, så kan man bara gå in på de inlägget och välja like eller något liknande.

bara en tanke...

Visa signatur

Audio: Hifiman Deva, HE-R9, Modmic Wireless, Dali Opticon 1, SVS SB 2000
SFF PC: Lian li Q58, Asus B550-I, Ryzen 5800x3D, 2x16GB 3600MHz cl16, 4080 Ventus, CM V750W Gold SFX, Philips 32" 4k 144hz 329M1RV
Coffee: Moccamaster KBGT741 Thermo, AeroPress, Lavazza ¡Tierra! Organic