Do oceny www.koema.pl

[Rjan]

Popełniłem co następuje:

Nośniki reklamy

Layout bez tabel, trochę nadmiarowych divów (ale przynajmniej bez hacków dla IE), trzy wersje językowe.

CMS Etomite - wyjątkowo przyjemnie modyfikowalny i naprawdę prosty w użyciu.

Komentarze mile widziane.

[sir nimek]

Miłe dla oka - przejrzysta prezentacja oferty.

Choć sam nie robię takich stronek i robienia ich w takim stylu nie popieram to mi się podoba.

Patrząc obiektywnie: Będą z tego klienci - a więc gratulacje.

[vel]

całkiem fajne i ładne i ciekawy kod bez hacków ie. ale co mnie dziwi, że masz w kodzie elementy img bez podania rozmiarów obrazka a validator się nie pluje

[kadzielawski]

Delikatne uwagi.

Szkoda, że nie przeprowadziles w fazie projektu audytu funkcjonalności.

Mam jakieś dziwne ciągoty do klikania w tekst w lewej kolumnie gdyby nie kolorowe zakładki po prawej to... pewnie nie wyszedłbym poza głowną. Złamaliście zasadę nawigacji która można łamać w czysto fleszowych stronach.

Jeśli zmieniasz kolory zakładek dobrze byłoby gdzybyś poszedł delikatnie z tłem w kolor zakładki takl aby było wyraźnie widoczne w którym miejscu się znajduje.

Zakładka nowości nieco oddalona od pozostałych - efekt zamierzony? jeśli tak to bardziej wyrózniłbym zakładke z kontaktem jako najbardziej potrzebną.

Kontakt - oj dużo informacji potrzebujecie... nie boicie się, że części kilientom nie będzie się chcialo wypełniac az tylu pól? no i po co NIP? - odrazu za kontakt fakture wystawicie?

Coś mi nie pasuje z tym podziałem na dwie cześci strony (niedieski góra i biały dół) ie wiem jaki zamysł tego był.

Ogólnie 4 za stronę.

[Rjan]

Vel:

Validator nie wymaga atrybutów "height" i "width" dla znacznika <img>, bo nie są one wymagane tylko dopuszczalne. Tylko dwa atrybuty dla tego znacznika są konieczne: "alt" i oczywiście "src".

Wszystko do przeczytania na: w3.org, a dokładnie:

W3C - opis znacznika img

kadzielawski:

Klient płaci - klient wymaga. Nie zawsze rozumie, że płaci nie tylko za wdrażanie własnych wizji, ale także za dostosowanie ich do specyficznych warunków wynikających z technologii i środka przekazu.

Większość Twoich uwag jest słuszna i też usiłowałem je przeforsować, ale...

1. Lewa kolumna - klient

2. Zakładka nowości - specjalnie odstaje

3. Zawartość merytoryczna to decyzja klienta - również wymagane pola formularza.

4. Podział niebiesko-biały to szczególny wymóg klienta i przyznam się, że sprawił mi spory kłopot podczas kodowania.

Na pocieszenie dla siebie i klienta mam tylko świadomość, że strona nie jest i nie będzie głównym kanałem informacji o produktach. Jest to tylko pewne uzupełnienie kompletu materiałów reklamowych.

Swoją drogą efektu wizualnego tych prezenterów nie da się pokazać na stronie www, ani na ulotkach reklamowych. Dopiero "na żywo" widać efekt i muszę przyznać jest fantastyczny. Szczególnie Magic (podświetlany od wewnątrz) i plakaty elektroluminescencyjne.

[vel]

Validator nie wymaga atrybutów "height" i "width" dla znacznika <img>, bo nie są one wymagane tylko dopuszczalne. Tylko dwa atrybuty dla tego znacznika są konieczne: "alt" i oczywiście "src".

tak jakoś mnie to zdziwiło ponieważ z powodu chyba dobrego tonu zawsze określam rozmiary w kodzie (choćby po to, że gdy obrazek jest dopiero pobierany to i tak już ma od razu właściwy rozmiar na ekranie, a dwa, że gdyby coś nagle się stało i brakło obrazka to żeby lay się nie rozjechał z powodu defaultowego rozmiaru nadawanego przez przeglądarkę). stąd założyłem, że są to atrybuty wymagane ot pomyliłem się człowiek się non stop uczy

a co do problemów z tym dwukolorowym podkładem to z tego co widzę niebieski kolor ma wszędzie tą samą wysokość. więc wystarczyło zrobić gifa niebieskiego o szerokości 1px i żądanej wysokości i postawić go jako tło z url i repeat-x w body a sam background color ustawić na biały więc czemu problem

[Rjan]

a co do problemów z tym dwukolorowym podkładem to z tego co widzę niebieski kolor ma wszędzie tą samą wysokość. więc wystarczyło zrobić gifa niebieskiego o szerokości 1px i żądanej wysokości i postawić go jako tło z url i repeat-x w body a sam background color ustawić na biały więc czemu problem

A próbowałeś powiększyć tekst po takim ustawieniu? Np. 120% (Mozilla) i co? Białe litery wejdą na białe tło, a chodzi o to, żeby dalej były białe na niebieskim tle.

[vel]

fakt nie pomyślałem o tym dobra robota

[radziem]

Rjan, bardzo dobrze, że myślisz o osobach, które mogą mieć trudności z przeczytaniem tekstu o mniejszej czcionce. Wraz z popularyzacją przeglądarek umożliwiających np. powiększanie tekstu, warto zadbać o to, aby strony były czytelne w "każdej" sytuacji.

Strona mi się podoba, nie jest wtórna i zachęca do zapoznania się z ofertą.

[AdamD]

Jeśli strona została zrobiona w/g wytycznych klienta, to jedyna rzecz którą mogę powiedzieć to ...

... kawał dobrej roboty, Rjan. Gratuluję.

[Mion]

Muszę przyznać, że dobra robota, ale co się stało, że nie Poszedłeś w kierunku "przyjaznych linków"? Zabrakło mocy przerobowych czy umiejętności .... Przecież w Twoim wypadku [tego serwisu] to takie proste

/*JADZIA*/

Moim zdaniem smaczku całości dodało by udźwiękowienie tego projektu - był by wtedy "ożywiony".

Pozdrawiam

[harp]

Bardzo miła stronka z wyglądu tylko CSS za duży i zupełnie niezoptymalizowany - 17kB. W ogóle to chyba największy CSS jakiego widziałem. Dublujesz niepotrzebnie fragmenty odpowiedzialne za to samo, albo w ogóle deklarujesz niewidoczne elementy koloru tła:

Piszesz:

dla <h1>produkty</h1>

border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;

a powinno być:

border-bottom: 1px solid #666666;

i efekt ten sam. Podobnie jak deklarujesz background to piszesz po kolei background-repeat b-color b-position b-image, a można np: background: url() repeat-x #color X% Y%;

Myśle, że wielkość CSS możnaby ograniczyć do max. 5 kB, czyli więcej niż 2/3. Nawet w przypadku konieczności zamieszczenia haków dla IE w tym samym pliku. W ogóle chwalenie się ich brakiem z takim arkuszem stylów to nieporozumienie.

[Rjan]

Mion:

Hosting, na którym stoi strona nie obsługuje mod_rewrite, a nie chcę przerabiać tego na statyczną wersję ze względu na możliwość łatwiejszej edycji treści.

CMS Etomite obsługuje przyjazne urle, ale musiałbym zmienić hosting. Pomijając tę jedną wadę ten hosting to jeden z najlepszych jakich do tej pory używałem i raczej w najbliższym czasie nie zamienię go na żaden inny. Jakość usług (przede wszystkim bezawaryjność) stoi na najwyższym poziomie i w tej cenie nie znalazłem jeszcze lepszej oferty.

Udźwiękowienie to nie moja działka - nie robię tego, a flash wstawiam tylko gdy naprawdę muszę.

harp:

Rzeczywiście kod css nie jest zoptymalizowany, ale ładuje się tylko raz i jest keszowany więc jego wielkość ma znaczenie drugorzędne w przeciwieństwie do kodu strony, który jest ładowany przy każdej podstronie.

Stąd moje podejście do tego - nadmiar ok. 12 kb na całym sajcie to jeszcze nie zbrodnia.

Wiem jak można zoptymalizować style css, ale odpuszczam sobie. Niektóre "kwiatki" to efekt korzystania z automatu.

Jeśli chodzi o brak hacków to wg mnie jest to dużo bardziej istotne, gdyż niejako uniezależnia stronę od nowych wersji badzIEwia. Daje też możliwość łatwiejszej zmiany gdyby zaszła taka potrzeba. Dlatego też css jest taki "rozbabrany" a wiele atrybutów się duplikuje - dla mnie wygoda przy ewentualnej modyfikacji.

[marika]

Strona ogólnie bardzo fajna, tylko jedna sprawa którą warto poprawić to przycisk w intro "zobacz więcej" najlepiej nałożyć w nim na istniejącą grafikę prostokąt w klatce Hit.

[bold]

Strona dobrze się prezentuje - wszystko wygląda ładnie i czytelnie Dobrze rozplanowane