Prośba o krytykę graficzno-koderską

Prośba o krytykę graficzno-koderską

Drogi Joggerze!

Naskrobałem taki sobie kawałeczek strony i chciałem Was prosić o uwagi. Zależy mi na uwagach dotyczacych:

  • przejrzystości i czytelności
  • HTMLa i CSS
  • użytych czcionek

Ten szablonik jest bardziej designem niż gotowym HTMLem ale założyłem sobie by nie dotykać Photoshopa tworząc to 🙂

Szablonik ostro używa cukierków z paczki CSS3 więc może być ciężkawy dla przeglądarki. Tworząc to pozwoliłem sobie na trochę eksperymentów.
W miarę możliwości proszę oglądać z Chrome’a (Safari pewnie też podoła).

Strona teoretycznie się otwiera pod ostatnim Firefoksem ale nie napisałem dla niego regułek od gradientów więc wygląd jest różny od zamierzonego.

Jeśli ten szablonik dobrze rokuje, to w najbliższej przyszłości chcę go gdzieś wykorzystać.

  • shd

    Wydajnościowo beznadziejnie, wręcz nieakceptowalne. Paskudna biała kreska pokazuje się po lewej. To szkło, może być, ale szklane przyciski są kiepskie. Pozdrawiam.

  • DTJ

    Jak na 5-10 lat temu, tylko zamiast JS gówno o innej nazwie.

  • Nie lubię takich wąskich kolumn. 24em?!

  • Przy okazji: szablon na tej stornie zastąpił Joggerową nazwę użytkownika…

  • KP

    Czcionka – jest kompletnie nieczytelny, czcionka traci ostrość na dziwnych rozdzielczościach (takich jak moja :)).

    Wydajność – na moim lapie się tnie a jest dość niezły.

    Czytelność – obiekty po lewej stronie są nieczytelne dopóki się ich nie powiększy.

    Poza tym – reszta ładnie wygląda 🙂

  • Dzięki wszystkim za uwagi!

    Wydajność – tak, wiem 🙂 CSS3 użyte w tej ilości żre CPU niemiłosiernie. Coś z tym zamierzam zrobić.

    @KP – jaką masz rozdzielczość i jak duży monitor?

    @shd – ta biała kreska była wzorowana na podobnej pojawiającej się na G+ jeśli jest brzydka – wywalę.

    @DTJ – możesz to rozwinąć? chyba jedyne miejsca gdzie tam moznaby użyć js to zmiana rozmiaru obrazka z tła i powiększanie daty/ikonki…

    @Twoj nick: mogę trochę poszerzyć, ale nie przewiduję umieszczać tam tak dużo treści. Kilka linijek tekstu – max, a zwykle link i parę słów komentarza.

  • DTJ

    Rozwiajam: Wszystko powiększa się i skacze jak w latach 2000-2005, jedyna różnica polega na użyciu innej technologii niż JavaScript. Ale efekt ciągle ten sam.

  • Szymon

    @DTJ, z tą różnicą że w tej chwili dobrze zrobione animacje w js są płynne 😉

    @mt3o, u mnie też się wyraźnie tnie a laptopa mam ze średniej półki (nie jakieś byle co). Chromium 13.

  • U mnie się cięło na stacji roboczej HP Z400. A to nie jest byle gówienko: http://www.komputronik.pl/product/117639/Sprzetkomputerowy/KomputeryPC/HPZ400KK715EA_.html 😉

  • mateyko
  • Szymon

    @mateyko, a co to ma do rzeczy ? nie o tę stronę chodzi…

  • @lrem: nie ciesz się tak wydajnością swojego sprzętu. Na pentiumach z zegarkiem ~300mhz to chodzi podobnie jak na Twoim komputerku 😉 Po prostu wielokrotne box-shadow i przezroczyste tła są fatalnie wolne w Chrome i w FF 😉

    Na pocieszenie powiem, że pod IE9 ten szablonik śmiga aż miło patrzeć 🙂
    A do wersji produkcyjnej i tak przerobię box-shadow na grafikę, żeby działało normalnie pod większością przeglądarek, więc o wydajność się nie martwię.

  • chrome „stable” – przesuwam w dół i tło stoi – średnio to wygląda, czcionki wyglądają źle przy plfontach [może brak odp fonta w systemie? win7] ogólnie na 1024×600 bardzo nieczytelne