Hotel PicaPaca Opcje

[batman]

Oddaję wam pod ocenę najmłodsze z moich dzieci - hotel PicaPaca.
Pozostało dodać niektóre tłumaczenia i teksty oraz poprawić wyświetlanie zdjęć w galerii. Zastanawiam się również nad rozwiązaniem problemu z przewijanymi zdjęciami.

[wookieb]

+ fajne tło
+ ładny wybór języka
+ ładny top
+ kod

- menu ładniejsze byłoby gdyby tlo było zmienne
- grafika przy podpisach zdjęć powinna być ładniejsza
- top zajmuje za duzo miejsca a treści jest bardzo mało
- po wielokrotnym kliknięciu na button przesuniecia galerii nie można potem się wycofać buttonem w drugą stronę.
- buttony galerii maja wiekszy z-index od "lightboxa"

Ocena: 6/10

Ten post edytował wookieb 3.10.2008, 08:23:14

[Cysiaczek]

Hm. Ładnie, choć strasznie zimno. brrr

[phpion]

Moim zdaniem ogólnie bardzo dobra robota. Poprzyczepiałbym się nieco do kodu; np. te 5 fotek dałbym jako listę ale ogólnie osobiście chyba przesadzam z listami więc olać to. Inną kwestią jest obsługa przesuwania tych fotek. Aktualnie jest tak, że patrząc od lewej widać 4 całe i 1 uciętą. Obejrzałem te widoczne, klikam strzałkę w prawo, foty się przesuwają ale ostatnia znowu jest ucięta :| Fotki ustawiane są względem skrajnej lewej, a (moim zdaniem) raczej powinny być ustawiane względem skrajnej prawej. Teraz obsługa tego gadżetu wprowadza nieco zamieszania :/
Jednak, jak już pisałem wcześniej, bardzo dobra robota! Gratulacje!

Ten post edytował phpion 3.10.2008, 07:15:15

[batman]

Hm. Ładnie, choć strasznie zimno. brrr

Poprzedni mój projekt był ciepły. Pora na płodozmian

Poprzyczepiałbym się nieco do kodu; np. te 5 fotek dałbym jako listę ale ogólnie osobiście chyba przesadzam z listami więc olać to. Inną kwestią jest obsługa przesuwania tych fotek.

Z tym właśnie walczę. Jest to plugin do jQuery i szczerze przyznam, że nie miałem za bardzo czasu, by przysiąść i się z tym pobawić. Na pewno poprawię efekt ucinania zdjęcia. A wrzucenie tego w listę? Jakoś nie jestem do końca do tego przekonany.

[kazag]

Właśnie, te fotki sa ucinane, ale ja się nie znam na jQuery, więc nie wiem jak to naprawić.

Btw. Co to za plugin? Bo mi również taki by się przydał...

Poza tym, bardzo ładna strona i imho dobra kolorystyka, nadaje powagi majestatu, co ma duże znaczenie w przypadku hoteli. W menu może dałbym jakąs zmiane tła przy :hover (np. pojaśnienie), ale to takie moje osobiste zboczenie, tak też jest dobrze

[batman]

Plugin to stepcarousel. A rozwiązanie jest proste. Wystarczy odpowiednio dobrać szerokość panelu z obrazkiem. W weekend będę nanosił ostateczne poprawki.

[AjaxSrajax]

Hej,

Moim zdaniem ogólnie bardzo dobra robota.

Może byś uzasadnił?

A wrzucenie tego w listę? Jakoś nie jestem do końca do tego przekonany.

To może zobacz jeszcze raz na ten kod, to Cię przekona ;p

Kod

<div class="panel">
                    
<div class="panel_wrapper">
<div class="img"><img src="/img/gallery/7/mini/room - Kopia.jpg" alt="Galileo Galilei" /></div>
<div class="name_wrapper_left">
<div class="name_wrapper_right">
<div class="name"><div>Galileo Galilei</div></div>
</div>
</div>
</div>
</div>

Sorry, że się czepiam, ale to też jest tragiczne:

Kod

<div id="top">
<div id="logo" class="page">
<a href="/"><img src="/img/layout/logo.gif" alt="logo" /></a>
<div id="lang">
<div id="lang_text">Wybierz język:</div>

Do tego typu rzeczy wykorzystujemy znacznik address:

Kod

        <div id="contact_left">
    <p><b>Hotel Pica Paca</b></p>

    <p>
        ul. Spichrzowa 20<br />
        80-750 Gdańsk<br />
        Polska
    </p>
    <p>
        Telefon: +48 (0)58 320 20 70<br />
        Faks: +48 (0)58 320 88 50
    </p>

    <p>
        E-mail: <a href="m&#x61;&#x69;lto&#x3A;&#x69;&#x6E;f&#x6F;@p&#x69;c&#x61;p&#x61;c&#x61;&#x2E;pl">&#x69;&#x6E;f&#x6F;@p&#x69;c&#x61;p&#x61;c&#x61;&#x2E;pl</a>
    </p>
</div>

Dalej logo, pewnie nie Twojej roboty, ale jeżeli tak, to się nie postarałeś.
Moim zdaniem navbar ratuje wygląd tej strony, bo reszta słabo wygląda. Po wyłączeniu js pojawia się zamiast pasków przewijania fotek efekt znany jako :overflow:scroll. Mogłeś się postarać i zostawić strzałki przewijania. To poewnie z lenistwa, bo skrypcik taki można by stosować zarówno z JS jak i bez niego. Wygląd miniaturek fotek też do mnie nie przemawia. Wielkie dopełnienia wyglądają klocowato, co tu dużo gadać-efekt do osiągnięcia w CSS w parę minut, można było się bardziej postarać.

A co to za obrazeczek : lang.gif?? Tło pod flagi? Po co?

I dalej, bardzo dobra robota to to nie jest, bo wraz z powiększaniem tekstu wszystko wyłazi poza sztywno ustalone backgroundy. A niby tekstowe menu. Wystarczyło dać dłuższy background i nie ustalać heighta, tylko przez padding, albo line-height sobie z tym poradzić.

Podsumowując: spoczko stronka, ale nic poza tym.

no to pozdro;;

[batman]

To może zobacz jeszcze raz na ten kod, to Cię przekona ;p

Dlaczego nie lista? Ponieważ użyłem plugin jQuery, który wymaga jakiejś struktury.

Sorry, że się czepiam, ale to też jest tragiczne:

Pokaż mi jak byś to zrobił.

Do tego typu rzeczy wykorzystujemy znacznik address:

Jeśli pokażesz mi edytor WYSIWYG, który wstawia to w znacznik address, to z chęcią go użyję.

Dalej logo, pewnie nie Twojej roboty, ale jeżeli tak, to się nie postarałeś.

Może byś uzasadnił? winksmiley.jpg

Po wyłączeniu js pojawia się zamiast pasków przewijania fotek efekt znany jako :overflow:scroll.

Zapomniałem o znaczniku <noscript>. Będzie się wyświetlało info, że bez js ani rusz. Nie będę tracił wielu dni pracy dla marginesu.

A co to za obrazeczek : lang.gif?? Tło pod flagi? Po co?

By tło miało inny odcień, niż reszta. Zmień monitor, to zobaczysz.

I dalej, bardzo dobra robota to to nie jest, bo wraz z powiększaniem tekstu wszystko wyłazi poza sztywno ustalone backgroundy

Nie robiłem strony, którą można powiększać i zmniejszać. 90% użytkowników przeglądarek nie wie, że taka funkcjonalność istnieje. Ci, co wiedzą, to i tak nie skorzystają z usług hotelu.

[AjaxSrajax]

Dlaczego nie lista? Ponieważ użyłem plugin jQuery, który wymaga jakiejś struktury.

A dokładniej, jakiej struktury? Bo jeżeli takiej, to zastanowiłbym się czy nie wywalić tego pluginu jquery w cholerę.

Pokaż mi jak byś to zrobił.

Tak by zrobił chyba każdy na tym forum:

Kod

<div id="top">
<h1><a href="/"><img src="/img/layout/logo.gif" alt="Pica Paca Hotel" /></a></h1>
<ul>
<li>Wybierz język</li>
<li><a....

Ale ja bym zrobił to tak ;p Ja z kolei przesadzam z <dl> - to mój ulubiony znacznik ;p

Kod

<div id="top">
<h1><a href="/"><img src="/img/layout/logo.gif" alt="Pica Paca Hotel" /></a></h1>
<dl>
<dt>Wybierz język</dt>
<dd><a....

Jeśli pokażesz mi edytor WYSIWYG, który wstawia to w znacznik address, to z chęcią go użyję.

A ręcznie zmienić te parę linijek kodu się nie da?

Może byś uzasadnił? winksmiley.jpg

A proszę Cię bardzo:
Tego nawet logiem bym nie nazwał. Krzywe, ciemny bordo ledwo dostrzegalny na czerni, cienkie szeryfowe fonty, poprzednia epoka się kłania.

Nie będę tracił wielu dni pracy dla marginesu.

A to wymaga dwojakiego komentarza.
1) Margines użytkowników, to prawda, ale trzeba o nich dbać. To moja opinia, nie każdy musi ją podzielać, ale dzisiejszy świat dba o mniejszości wszelkiego rodzaju. To jak walka z dziurą ozonową, to jak podjazdy dla niepełnosprawnych, to jak ekologia. Na to się łoży dużo kasy, to jest modne i to się nazywa prestiż. Ale podkreślam, masz inne zdanie - ja je szanuję.
2) To wolny jesteś Ziomek, bo ja bym to zrobił w parę godzin, choć pewnie szybciej ;p

By tło miało inny odcień, niż reszta. Zmień monitor, to zobaczysz.

No właśnie widziałem, ale myślałem, że to błąd jakiś- sorry ;p

Nie robiłem strony, którą można powiększać i zmniejszać.

To już ustaliliśmy

90% użytkowników przeglądarek nie wie, że taka funkcjonalność istnieje.

Skąd masz te dane? ;p

Ci, co wiedzą, to i tak nie skorzystają z usług hotelu.

Może byś uzasadnił ? Bo ja np. chętnie bym skorzystał ;p

Temat 3 ostatnich quotów, to też Twoja sprawa, dla mnie jednak taka sztywna, nieelastyczna strona nigdy nie będzie 'dobrą robotą', bo wiem skąd się bierze pisanie takich stron. Z braku znajomości CSS o co Cię nie posądzam, ale w wielu przypadkach tak jest.

EDIT:
sorry, zapomniałem o altach w logo ;p

Ten post edytował AjaxSrajax 3.10.2008, 11:43:35

[batman]

A dokładniej, jakiej struktury? Bo jeżeli takiej, to zastanowiłbym się czy nie wywalić tego pluginu jquery w cholerę.

Akurat ten plugin ma bardzo fajny efekt, którego nie znalazłem w innych pluginach.

Tak by zrobił chyba każdy na tym forum:

Nie sądzę. Każdy ma własny styl pisania, który nie musi się wszystkim podobać.

A ręcznie zmienić te parę linijek kodu się nie da? winksmiley.jpg

Teksty modyfikowane są przez osobę, która zleciła wykonanie strony. Nie będę wstawiał fikuśnych znaczników, które i tak zostaną podmienione przez WYSIWYG.

A to wymaga dwojakiego komentarza.
1) Margines użytkowników, to prawda, ale trzeba o nich dbać. To moja opinia, nie każdy musi ją podzielać, ale dzisiejszy świat dba o mniejszości wszelkiego rodzaju. To jak walka z dziurą ozonową, to jak podjazdy dla niepełnosprawnych, to jak ekologia. Na to się łoży dużo kasy, to jest modne i to się nazywa prestiż. Ale podkreślam, masz inne zdanie - ja je szanuję.
2) To wolny jesteś Ziomek, bo ja bym to zrobił w parę godzin, choć pewnie szybciej ;p

ad. 1. Właśnie nie. Czy google dba o linuxowców? Czy MS dba o linuxowców? Nie, mimo, że jest to spora grupa. Po prostu się nie opłaca marnować czasu na coś, co i tak nie będzie prawie wykorzystywane.
ad. 2. Ciekawe jak by wyglądało to przewijanie bez js? Masz 3h by to zrobić - GO.

Skąd masz te dane? ;p

Z kapelusza Wystarczy, że zapytasz się osoby, która nie ma nic wspólnego z rynkiem IT o taką funkcjonalność. Mało kto o niej ma pojęcie.

Może byś uzasadnił ? Bo ja np. chętnie bym skorzystał ;p

Zapraszam
Chodzi mi o to, że zdecydowana większość programistów (chodzi mi głównie o to forum) to ludzie młodzi, którzy nie mają pojęcia co to jest hotel i jak się w nim zachować. Poza tym pewnie ich nie stać.

[wookieb]

Chodzi mi o to, że zdecydowana większość programistów (chodzi mi głównie o to forum) to ludzie młodzi, którzy nie mają pojęcia co to jest hotel i jak się w nim zachować. Poza tym pewnie ich nie stać.

Ja jakoś bardzo często korzystam z hoteli.

A wracając do tematu wiec widze ze pan AjaxSrajax próbuje byc najmadrzejszy, ale jak sam nick wskazuje to mu to nie wychodzi.

Co do dbania o wszystkich. Piszesz jeszcze strony pod IE 5.5? Pewnie, że nie bo nie warto sobie wypruwać żył dla kogoś kto od wieeelu lat nie umie sobie zaktualizować przeglądarki.
Gdyby tak dbać o wszystkich to nie byłoby postępu.

Ten post edytował wookieb 3.10.2008, 12:29:50

[AjaxSrajax]

Wystarczy, że zapytasz się osoby, która nie ma nic wspólnego z rynkiem IT o taką funkcjonalność.

Ci co mają słabszy/słaby wzrok na pewno o tym doskonale wiedzą. Poza tym miałem okazję ostatnio rozmawiac z kolesiem, co chyba nawet nie wie co to rynek IT na temat przeglądarek. Wiedział dużo więcej niż byś przypuszczał. Ale to jest niezbyt istotne.

Czy google dba o linuxowców?

Jasne, już dawno wypuścili google earth w wersji z instalką pod linusia. Poza tym u mnie google działa pod tym systemem, o co Ci chodzi?

Czy MS dba o linuxowców?

No to pojechałeś

[quote[Po prostu się nie opłaca marnować czasu na coś, co i tak nie będzie prawie wykorzystywane.[quote]
Nie wszystko od razu przynosi efekt. Moim zdaniem wielokrotnie się opłaca w dalszej perspektywie. Firma w postaci Twojej osoby będzie solidniejsza, zaufanie do niej - większe itp.itd.

[quote]Ciekawe jak by wyglądało to przewijanie bez js? Masz 3h by to zrobić - GO.[quote]

Ja bym zaczął pisanie strony bez JS, a dopiero później, już w pełni działającą wzbogacił o skrypty. Trzeba jednak od początku myśleć o JS i tak układać stronę, aby późniejsza adaptacja skryptów była jak najprostsza. Jak by wyglądało bez JS? Chyba żartujesz? Ładowało by się kolejne pięć miniaturek.

pozdrawiam

[batman]

Jasne, już dawno wypuścili google earth w wersji z instalką pod linusia. biggrin.gif Poza tym u mnie google działa pod tym systemem, o co Ci chodzi? biggrin.gif

Chodzi mi o aplikacje, które trzeba instalować. Nie wszystkie można zainstalować na systemach z rodziny pingwina.

Jak by wyglądało bez JS? Chyba żartujesz? Ładowało by się kolejne pięć miniaturek.

Czyli strona by się przeładowała? Jakoś nie widzi mi się taka funkcjonalność.

Nie wszystko od razu przynosi efekt. Moim zdaniem wielokrotnie się opłaca w dalszej perspektywie. Firma w postaci Twojej osoby będzie solidniejsza, zaufanie do niej - większe itp.itd.

Firma wypuszczając oprogramowanie stara się zadowolić jak największą ilość odbiorców. Mimo wszystko, są pewne wymagania systemowe, które należy spełnić. Jeśli klient chce, by strona dobrze wyglądała i działała, nie będę tracił czasu na wspomniany wcześniej margines. Czy nowa gra pójdzie na maszynie sprzed powiedzmy 3 lat? Nie. Ponieważ ma takie, a nie inne wymagania. Należy pamiętać, by nie przesadzać z kompatybilnością.

Idąc za Twoim tokiem myślenia: wywalmy wszystko co nie jest komatybilne ze wszystkimi możliwymi kombinacjami sprzęt + system + przeglądarka. Równie dobrze możemy wrócić na drzewo i obrzucać się kaką

[AjaxSrajax]

Czyli strona by się przeładowała? Jakoś nie widzi mi się taka funkcjonalność.

Rozumiem, że komunikat o potrzebie włączenia JS jest bardziej funkcjonalny według Ciebie. Cóż mamy różne zdania na ten temat. Dla mnie JS zawsze będzie tylko dodatkiem, nigdy meritum - tu się różnimy.

Jeśli klient chce, by strona dobrze wyglądała i działała, nie będę tracił czasu na wspomniany wcześniej margines.

I jest w tym sporo racji, tylko widzisz, nie musiałbyś tracić zbyt wiele czasu gdybyś od początku projektu starał się podążać za koncepcją - implementuję JS na końcu, ale myślię o nim od początku.

Czy nowa gra pójdzie na maszynie sprzed powiedzmy 3 lat?

Myślę, że to porównanie jest tutaj bez sensu. Nie dyskutujemy o kompatybilności wstecz, tylko o pewnych standardach, które rozwijały i rozwijają się z biegiem czasu.

Równie dobrze możemy wrócić na drzewo i obrzucać się kaką tongue.gif

Pomysł ekstrawagancki, ale daję głowę, że znalazło by się wielu chętnych ( i to za niemałą kasę). Dobry pomysł na biznes.

A tak poważnie to już kończmy może, bo dyskusja nie wnosi już nic konstruktywnego.

To pozdrawiam i życzę owocnych projektów

[wookieb]

Ja jestem w takim razie ciekawy jakimi stronami może się pochwalić pan AjaxSrajax. Oby ilość krytyki wrzucona tutaj była adekwatna do jego poziomu tworzenia.
Ajax może podasz pare swoich dzieł?

[batman]

Kończymy OT. Nie jestem obrażony, ani urażony krytyką z jaką się spotkałem. Dobrze poznać zdanie innych osób oraz sposoby ich pracy. Nie ma potrzeby zaczynać dyskusji: kto, co i jak zrobił, ponieważ każdy ma swoje podejście do tego tematu.

[Ociu]

Ja jeszcze osobiście dodam, że następne posty nie na temat będą kasowane.

Co do strony, Nie bardzo podoba mi się czcionka menu i rozwiązanie tych strzałek od panelu ze zdjęciami (buttony, tła, czy jak to inaczej nazwać). Reszta jest ok.

[webber]

Strona jest ładna, grafikiem nie jestem ale mi się podoba, a efekt jquery jest elegancki, po za tym jest to trendy teraz w sieci więc czemu by nie? o_O

A co do AjaxSrajax, nie tak dawno Jeff Croft powiedział:

Skończyłem z czytaniem specyfikacji. Przestałem się przejmować, czy dana własność należy do CSS-a 2.1 czy 3. Już mnie nie obchodzi czy -webkit-border-radius jest „standardem” czy też nie. Przestałem się przejmować, czy strona przechodzi walidację względem danej specyfikacji. Kogo to, k...., obchodzi? Tworzę witryny internetowe dla klientów i użytkowników, a nie Jeremy'ego Keitha [znanego autora książek o standardach sieciowych, członka Web Standards Project – przyp. red.]”.

Chyba powinniśmy się z nim zgodzić.

[melkorm]

Grafika ładna. - strona prezentuje się ładnie i przyjemnie

hm te pokoje z osobami kto tam spał ... dałbym to z możliwością kliknięcia i chociażby wyświetlenia przez lightboxa bo 1 co zrobiłem jak wszedłem chciałem w to kliknąć a tu pupa

no i jeszcze cennik (zwykła tabelka naparwde nie pasuje do dobrze zrobionej strony.... może jakieś div'y graficzka ładna czy coś ? ) no i galeria też 0 obramowania ani nic ;] tak jakoś te dwa działy wydają się "puste".

Tyle ode mnie