Prosty layout jednostronicowy Opcje

[toffiak]

Witam,

Mam do zaprezentowania prosty layout jednostronicowy, jest to mój pierwszy "własnoręczny" layout, grafikiem nie jestem.
Sam layout wykonany w wolnym czasie, proszę o podzielenie się wrażeniami, sugestie mile widziane.

Link do layoutu

[Pyton_000]

Generalnie jest dobrze. Zmień czarny z menu na szary jak reszta

[Damonsson]

Jak na niegrafika rewelacyjny.

Jedna uwaga, ja lubię sobie szybko scrollem przewijać strony i animacja treści nie nadąża "wyjechać" przy pierwszym otwarciu strony, powinna się pojawiać dużo szybciej wg mnie.

Ten post edytował Damonsson 15.05.2014, 14:19:20

[Sephirus]

O dziwo momentami mi się tnie - ale to może mój komp.

Jedna uwaga: za wolno IMO pojawiają się wlatujące bloki z lewej i prawej przy scrollowaniu - w sensie nie że animacja jest za wolna tylko za późno się zaczynają pojawiać - takie subiektywne odczucie (IMG:style_emoticons/default/wink.gif)

[Posio]

Świetna ! Mi się bardzo podoba.

[Tuminure]

Również mi się bardzo podoba, niżej kilka uwag, które bym osobiście zmienił ale większość z nich to zapewne kwestia gustu.

Trochę kodu, gdyby ktoś na szybko chciał przejrzeć wersję z obrazkami, zamiast z placeholderami:

[JAVASCRIPT] pobierz, plaintext 
$.each($('img[src^="http://placehold.it"]'), function(i, element) { $(element).attr('src', $(element).attr('src').replace('x', '/').replace('placehold.it', 'lorempixel.com'))} );
[JAVASCRIPT] pobierz, plaintext 

Przy obrazkach z OUR CONSULTANTS brakuje mi takiego marginesu po lewej/prawej stronie, jaki jest pod obrazkiem.
Ten "up", po zjechaniu na sam dół strony wygląda dziwnie, "odkleiłbym" go od brzegu.
Odstępy w poziomie i pionie w PARTNERS są nierówne, wysokość PARTNERS nie pasuje trochę do reszty.
Wspomniany czarny kolor przy CONTACT US niezbyt pasuje do reszty.

Ten post edytował Tuminure 15.05.2014, 14:37:41

[toffiak]

Generalnie jest dobrze. Zmień czarny z menu na szary jak reszta

Zrobione.

Jedna uwaga, ja lubię sobie szybko scrollem przewijać strony i animacja treści nie nadąża "wyjechać" przy pierwszym otwarciu strony, powinna się pojawiać dużo szybciej wg mnie.

O dziwo momentami mi się tnie - ale to może mój komp.

Jedna uwaga: za wolno IMO pojawiają się wlatujące bloki z lewej i prawej przy scrollowaniu - w sensie nie że animacja jest za wolna tylko za późno się zaczynają pojawiać - takie subiektywne odczucie (IMG:style_emoticons/default/wink.gif)

Bloki mają ustawione wartości początkowe marginesów poza właściwym położeniem i dopiero gdy są widoczne przesuwają sią na właściwe miejsce, wielkości te rzeczywiście były za duże 2000 pikseli ( aktualnie 100 pikseli, bloki delikatnie przesunięte od miejsca docelowego ), teraz są one zmniejszone i animacja powinna zaczynać się szybciej. Czas trwania samej animacji także został zmniejszony.

Również mi się bardzo podoba, niżej kilka uwag, które bym osobiście zmienił ale większość z nich to zapewne kwestia gustu.

Trochę kodu, gdyby ktoś na szybko chciał przejrzeć wersję z obrazkami, zamiast z placeholderami:

[JAVASCRIPT] pobierz, plaintext 
$.each($('img[src^="http://placehold.it"]'), function(i, element) { $(element).attr('src', $(element).attr('src').replace('x', '/').replace('placehold.it', 'lorempixel.com'))} );
[JAVASCRIPT] pobierz, plaintext 

Przy obrazkach z OUR CONSULTANTS brakuje mi takiego marginesu po lewej/prawej stronie, jaki jest pod obrazkiem.
Ten "up", po zjechaniu na sam dół strony wygląda dziwnie, "odkleiłbym" go od brzegu.
Odstępy w poziomie i pionie w PARTNERS są nierówne, wysokość PARTNERS nie pasuje trochę do reszty.
Wspomniany czarny kolor przy CONTACT US niezbyt pasuje do reszty.

"up" przesunięty w górę o 10 pikseli, zakładam że o to miałeś na myśli.
Bloki w stopce układają się różnie w zależności od rozdzielczości, layout jest tylko przykładem i w rzeczywistej stronie układ i ich wielkość może być dowolny.


Dziękuje za wszystkie uwagi, sam layout jest darmowy, jeszcze w tym tygodniu postaram się go udostępnić np: na Githubie, więc każdy kto będzie miał ochotę może go zmienić i przystosować pod swój projekt.

Uprzedzam tylko że layout nie działa w IE < 9 a i w samym IE 9 jest do zmiany znaczek w "up".

[Pyton_000]

Uważam że wspieranie IE < 10 jest bez sensu nawet jeżeli rynek jest w dużej części nimi zasypany.

[Posio]

Python twoja opinia jest nic nie znaczaca bo zleceniodawcow a przez to zleceniobiorcow musi obchodzic czasami i ie7. Jesli tworzysz swoje portfolio prywatne a nie np firmowe musisz dzialac na wszystkim. Inaczej tracisz klientow

[Pyton_000]

Tylko nie Python.

Ja jestem nastawiony na rozwój. Tak też doradzam swoim klientom których mam. IE7 to zabytek. Nie powinno się tego rozwijać bo nie ma to sensu, jest to nakład pracy, czasu, energii a zysk z tego nie jest wielki. Trzeba iść do przodu.

Co innego jest zrobić aby 1 el. współpracował z IE7 a co innego cała strona która jest usiana różnymi kwiatkami.
I nic nie muszę, jak nie odpowiada to dziękuję. Czasami lepiej jest mieć 1 kienta ale poważnego niż 3 ale marudzących o każdą pierdołę.

Ale nie o tym jest ten temat, jak chcesz podyskutować to zapraszam na PW.

[dysgraphic]

Fajnie wyszło. (IMG:style_emoticons/default/specool.gif)

[Luna_s20]

Nie wiem, czy tylko mnie to "spływające" menu rozprasza całkowicie? Ja bym je sobie darowała, szczególnie że mi nie korespondują ze sposobem pojawiania się bloków.

[toffiak]

Kod źródłowy strony dostępny pod adresem: https://github.com/sebbla/simpleonepagelayout

[kinket123]

Mi się bardzo layout podoba i zastosowałbym go do strony mojej firmy.