Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Perfection or Vanity

14 lipca 2007

Najtrudniej jest przestać wymyślać i dodawać nowe rzeczy. Mi się w końcu udało – tak więc po blisko czterech miesiącach developerki mam przyjemność zaprezentować siódmą odsłonę mojego bloga. Nowy design, nowy kod, skrypty oraz funkcjonalność. I może nawet najważniejsze – nowa nazwa, która znakomicie odzwierciedla moje podejście i ideały.

Perfection or Vanity

Nowe opcje

Jak pewnie już zdążyliście zauważyć, zrobiłem sobie livesearch, czyli wyszukiwarkę działającą na Ajaksie. Wykorzystałem do tego Ajax Search API, stąd będę musiał przez robots.txt zoptymalizować to co Google mi zwraca. Na razie traktuję to jako szybkie podpowiedzi, bo zwyczajna wyszukiwarka (po standardowym wysłaniu formularza) dalej działa. Żeby przetestować, wpiszcie na przykład „css”. :)

W komentarzach dodałem przyciski wstawiające podstawowy markup Textile. Mam nadzieję, że skłoni to komentujących (dbających o semantykę na swoich stronach) do dbania o jakość „mojego” kodu także, hehe.

Po wyświetleniu podglądu strona jest do niego automatycznie przewijana.

Jeśli nie lubicie dużego tekstu, jakiego uważam za podstawę do wygodnego czytania, to macie dostęp do ustawień nad wyszukiwarką. Rozmiar jest zapisywany w ciastku.

Miniblog pojawił się jako opcja – to znaczy można go zminimalizować, aby nie przeszkadzał jeśli nie interesuje Was co tam piszę.

Dłuższe bloki kodu (powyżej 3 linijek) są automatycznie chowane. Zdaję sobie sprawę, że nie każdy czyta wpisy, aby zapamiętać jakiego CSS-a albo jaki expression użyłem – dlatego teraz prościej będzie skupić się na pomyśle a nie rozwiązaniu.

Semantyka i lepszy kod

Uporządkowałem strukturę nagłowków. Każdy wpis na stronie głownej jest w <h3/>, ale tylko tam. Na stronie wpisu zamienia się w <h1/>, ponieważ jego tytułem nie jest nazwa bloga (umieszczana zwykle w <h1/> bez względu na kontekst).

Komentarze, jako wypowiedzi, wrzuciłem w <blockquote/>.

Wyrzuciłem wszystkie znaczniki, których obecność wymagał JavaScript. Teraz takie dynamiczne elementy są dodawane nieinwazyjnie. Nie ma także dekoracyjnych obrazków zakodowanych w <img/>.


Nie będę się za bardzo rozpisywał technicznie na temat nowego designu, poświęcę temu parę wpisów po prostu. Na razie jestem bardzo szczęśliwy, że udało mi się dopchnąć Perfection or Vanity do tego miejsca. Zmiana na lepsze, a tak odczuwam to co zrobiłem, skłoni mnie na pewno do częstszego pisania. O to przecież chodzi w blogowaniu, a nie ubieraniu strony co rusz w nowe szaty.

Chętnie wysłucham każdej Waszej opinii i sugestii, śmiało. :)

Informacje i hiperłącza

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 14 lipca 2007 o 14:45

Kategorie: Design, Jogger

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com

  1. O żesz! o.O

  2. Greenek: true, true ;D

  3. Przepiękne! A właściwie to jeden z najpiękniejszych designów bezflashowych, jakie udało mi się w moim życiu zobaczyć.

  4. Usability – zdziwiłem się, że ten przycisk rozbity na cztery części tuż pod Twoim zdjęciem prowadzi w jedno miejsce. Toż to wygląda jak cztery przyciski, na dodatek spodziewałem się tam kawałka Ajaxa :)

  5. Wreszcie tło całości nie jest białe, a całość nie jest zbyt jaskrawa.

  6. ładnie. chociaż bg w postaci niebieskiego płótna średnio mnie kręci. ale poza tym gra gitara, czy co tam lubisz.

  7. Piękne to. Riddle, należą Ci się brawa.

    Najładniejsza strona jaką widziałem. Joshua Davis niech się schowa.

    A ja zgłoszę buga. „czytaj dalej” na głównej stronie mi nie działa.

  8. imnotlazy 8 14 lipca 2007, 14:54

    Postęp zawsze jest dobry. Keep it up.

    @Walker: mało widziałeś.

  9. @imnotlazy A może mam po prostu odmienny gust? De gustibus non est disputandum ;).

  10. no riddle… podoba mi się ;) bardzo dobra robota :)

  11. dr_bonzo 11 14 lipca 2007, 14:58

    Ha! formatowanie komentarzy jest super. Ich tresc nie jest wymieszana z info o autorach i data przez co latwiej sie czyta, nie zlewaja sie ze soba. A jak cche poznac autora commenta to patrze obok :)

  12. Bosko!

    Zmiana na lepsze, a tak odczuwam to co zrobiłem, skłoni mnie na pewno do częstszego pisania.

    Oby^^

  13. Osobiście mam mieszane uczucia co do tego, czy aby na pewno jest to najpiękniejszy nieflashowy design ;), ale jedno jest pewne – wszystko zostało dopracowane i dogłębnie przemyślane. Do tego trochę bajerów, świetny kod, fajna czytelność i pewnie duża dostępność.
    I tak myślę, że należy Ci się tytuł twórcy najbardziej dopracowanego polskiego bloga ;)

    Gratuluję! :)

  14. Wyszukiwarka jest wyjebcza. Nawet są ładne ikonki zastępcze dla komentujących. Będzie się miło czytało. :-)

  15. Zauważone błędy:

    001. W najnowszych wpisach (tymi pod Najnowsze na Perfection or Vanity) linki nie działają. Konczą się [object Text] tagiem. ;-)

    002. Pod Opera 9.0x po kliknięciu w „czytaj więcej” przechodzi na http://perfectionorvanity.com/undefined

    Mam nadzieję, że moje uwagi się przydadzą ;-)

  16. @kamil Pod FF ten błąd z undefined też występuje. ;-)

  17. Bardzo ładne. Jedyne, do czego bym się ewentualnie przyczepił (a to taki szczególik imo) to aby powrócił podgląd ilości wpisów w danych kategoriach :)
    Aha, i czytaj więcej nie działa: Linux, opera 9.21.

  18. Widzę że menu przy stopce na dole wychodzą z mody. :) Ładny layout, podoba mi się. Czym robisz te beżowe ślaczki, np. na tle wskazówek dot. komentowania?

  19. Sprawdzałem na Safari/win. AJAX wpisów jest ok. Ale ta divova selectlista „dodaj do:” się domyślnie rozwija. Do tego na głównej Google’owy searcher pokazuje swoją stopkę wprost nad „informacje o wpisie”. A co do RSSowego znaczka, to może kolor tła tagów byłby dobry. ;-)

  20. Piękne… ;-)

  21. Na pierwszy rzut oka, Tytuł bloga pasuje idealnie do jego wyglądu,
    a wygląd jest pierwsza klasa. Gratulacje.

    e: Życzę 100k komentarzy ;)

  22. No ładnie ładnie… Nawet bardzo ;-)
    Jedyne co mi nie pasuje, to puste okienko wyszukiwarki, które wyskakuje mi w Safari jak uruchamiam Twojego bloga – jak na obrazku:
    http://img242.imageshack.us/img242/2424/picture1yk3.png

  23. Anonymous Coward 23 14 lipca 2007, 15:23

    Wiadomo, ze nastepny krok to pisanie po ang., a tam juz z publiką bedzie ciezej ;]

  24. To jest piękne :) .
    Czym się inspirowałeś tworząc to cudeńko?

  25. Elegancko ;) Choć nie będę ukrywał, że wolałem stary layout – był „żywszy” – takie jakoś sobie bardziej cenię, ale jak to mówią o gustach się nie dyskutuje… Gdybym miał się do czegoś przyczepić to taka mała uwaga – ta czcionka w „informacje o wpisie” w takim rozmiarze wygląda IMHO bardzo kiepsko – dopiero na trzeci rzut oka zrozumiałem co tam pisze (literki wyglądają ja zupełnie inne – o jak a, e jak i), a tak poza tym to nie dopatrzyłem się jakichś defektów no może poza tym, że buttony przy wysyłaniu komentarza są standardowe i lekko odstają od reszty (chociaż to pewnie wiąże się z tym co pisałeś apropo stylowania formularzy, ale sam też pisałeś, że nie ma co przesadzać w wypadku buttonów, więc nie wiem dlaczego te przyciski nie są stylowane)...

  26. Ja uważam, że jest piękne i dobrze, że przyciski są natywne – widać na pierwszy rzut oka, że to przycisk (; .

  27. @Livio – mi właśnie niezbyt to się podoba – nie lubię jak coś odstaje od reszty, zwłaszcza, że nawet kompletny idiota domyśli się ich znaczenia choćby ledwo przyciski przypominały…

  28. Drugi problem z szukajką w Safari 3:
    Na stronie wpisu okienko z wynikami live search pojawia się pod informacjami o tym wpisie:
    http://img295.imageshack.us/img295/2953/picture2af9.png

  29. Nie lubisz jak wszystko odstaje ? To wejdź na epuls.pl (nie linkuję) i zobacz – wszystko w jednym niezwykle ^g klimacie. Wszystko w stylu antypiksel. „Czytelne”.

  30. Dzięki za pozytywne (?) komentarze. To na pewno nie jest najładniejszy design, bo ja nie jestem grafikiem tylko hobbystą (na polu projektowania graficznego).

    @Livio: Inspiracja… będzie ciężko. Jak pisałem, rozwijałem go 4 miesiące – pierwszy design (cholernie szeroki, cały biały) poszedł do kosza i wziąłem z niego najlepsze elementy. Nie, nie potrafię wskazać inspiracji – jest zbyt ogólna.

    Te ornamenty to są brushe. Kupiłem je na Seishido.

    „Czytaj dalej” powinien już działać. Z tego wszystkiego nie usunąłem console.log i działało tylko na Firefoksach z Firebugiem.

    Za resztę bugreportów dzięki, na pewno je wykorzystam.
    Aha, używajcie proszę Textile. Zwłaszcza do linków i kodu.

  31. Pomimo krótkiego czasu (4 m-ce wydaje się, że dużo, ale to mało) udało Ci się stworzyć coś, co w moich oczach jest „pure beauty” :) .

  32. @Riddle – aż się wystraszyłem tego czarnego tła pod Twoim komentarzem :D

    @msierant – a kto w ogóle na poważnie używa Safari 3 ? To ledwo co beta jest (jak dla mnie to alpha)...

    @Livio – widzę jak zwykle gdy ktoś nie ma za bardzo sensownych argumentów to daje jakieś skrajne przykłady, sorry, ale takie stylowanie jak mają przyciski „czytaj dalej” czy „edytuj” nie zaszkodziłaby – czytelność nie spadnie chyba, że … [lepiej nie dokończę]

  33. Stylowane przyciski są ładne, ale ja ich nie cierpię. Wolę wszystko to, co natywne.

  34. @Livio – to chyba Cię w przyszłości (gdy aplikacje online będą normą) coś trafi ;D

  35. Michał Pukacz 35 14 lipca 2007, 15:43

    Dobra robota wydaje mi się że wyszczególnienie twojego komentarza jest zbyt wyraźne, prze co ciężko skupić się na innych komentarzach. Do tego górna czcionka jest bardzo nieczytelna.

  36. Grafika: mam wrażenie, że efekt byłby lepszy, gdyby przyciski „Projekty” były zdesaturowane za pomocą transformacji do YUV i wzięcia kanału Y, niźli zwykłej desaturacji/uśrednienia RGB. W Gimpie np. są do wyboru trzy rodzaje desaturacji, chodzi mi o ten pierwszy (jasność).

  37. Nie lubię aplikacji online. Delikatny i naprawdę użyteczny AJAX uwielbiam, ale żeby mieć „system” w przeglądarce, albo edytor tekstów formatowanych? <q>Nie lubię, nie lubię</q> – mówił bohater filmu Machulskiego pt. „Kingsajz”.

  38. @Livio – ciężko widzę Twoją przyszłość w zakresie użytkowania sieci ;D Aplikacje online to imho przyszłość sieci

    @Michał Pukacz – ta w tytule jeszcze ujdzie – jest duża więc idzie ją odczytać, ale ta w „informacjach o wpisie” tak jak pisałem już wygląda kiepsko…

  39. Dziudek, nie wróż mi, nie wierzę wróżkom (; .

  40. Dobra robota, aczkolwiek jesli mialbym wybierac, to bardziej do gustu przypadl mi poprzedni lay :-). Podoba mi sie za to rozwiazanie komentarzy. GJ.

    No, to teraz czekamy na ciekawy content :-)

    Pozdrawiam

  41. ferrante: są gusta i guściki, a komentarze, rzeczywiście – majstersztyk (ger.: meisterstueck) :) .

  42. @Livio – jak chcesz, ale to z wróżeniem ma mało wspólnego – to się już dzieje (i nie chodzi tu wcale tylko o Google).

    @Ferrante – widzę nie jestem sam, jeśli chodzi o porównanie layoutów ;)

    @Riddle – długo przyjdzie nam czekać na kurs jQuery ? [delikatna sugestia apropo treści wpisów :D]

  43. Ja nie widzę przyszłości w webaplikacjach. Uważam, że to już lekka przesada, trzymać wszystko w Internecie. Ludzie chyba nie boją się o własne dane (nie dane osobowe, pliki, hasła etc.).

  44. @Livio – widać, nie rozumiesz chyba po co powstał Internet i ku czemu zmierza ;) Ale myślę, że pora skończyć ten OT bo to już nie ma zbyt wiele wspólnego z nowym layoutem Riddle’a – jak coś to zapraszam do dyskusji innymi kanałami – dane na moim blogu masz ;)

  45. Panowie, offtopik.

  46. @Riddle – lepiej powiedz czy planujesz coś ze wpisami o jQuery ;) Swoją drogą albo mi się zdaje, albo numerowanie Twoich komentarzy jest zbyt ciemne i kiepsko je widać (a jakoś strasznie wyciemnionego monitora nie mam) – przy rozmiarze tekstu to samo…

  47. @Riddle – Już nie możesz pisać krótkich wpisów ;)

  48. Ja mam wyciemniony monitor (przez to, że mój brat ciemniak go używał :P ), używam gammy 2.0 i nie wydaje mi się, aby tu było ciemno (; .

  49. Wow, nieźle! Największy plus za wyszukiwarkę, wyświetlanie komentarzy oraz przyciski dla Textile. ;) Poza tym super nawigacja, wszystko łatwo znaleźć oraz dostosować do własnych potrzeb.
    Średnio podoba mi się to płótno oraz czarne tło pod Twoimi komentarzami. Zwiększyłbym jeszcze pole do wpisywania treści komentarza. ;)
    Jakbym miał porównać layouty to ten jest trochę lepszy od poprzedniego. ;P

    Teraz, podobnie jak ferrante, czekam na ciekawy content. :)
    Pozdrawiam

  50. @Dziudek:
    Może i na Windows to alpha, ale na MacOS X działa bardzo dobrze.
    Nie mam teraz dostępu do Safari 2, ale przy najbliższej okazji sprawdzę jak tam to działa…

  51. Jak tu elegancko, olaboga. Dżinsowa tekstura – kolokwialnie mówiąc – ssie na maksa w parze z nieczytelnym logo. Szkoda, że nie można zaznaczyć całego komentarza, tj. sygnatury i treści. Ciekawa wyszukiwarka, jednak cały ten JS okropnie zamula. Zdecydowanie wolę poprzedni design.

  52. @Andrzej – chyba Twój komp zamula, a nie JS ;D Ja siedzę obecnie na 7-letnim kompie i jakoś nie widzę zamulania ;)

    @Riddle – teraz by wypadłao zmienić layout minibloga – bo z lekka odstaje od tego ;)

  53. Panie Ridllu, nie pozostaje nic innego jak pogratulować. Całościowo – nie inaczej. Moje zdanie znasz, więc tu owego powtarzać nie będę. ;-)

    Oby więcej takich w sieci było, jak ten…

  54. Jiobel, niestety, mało jest takich osób jak Riddle. Większość ludzi idzie na łatwiznę i wykorzystuje gotowce, albo zleca to „zawodowcom”.

  55. Czekałem na ten layout trochę i mogę powiedzieć, że mi się podoba. Wszystko elegancko dopasowane. Zaraz ściągnę tą stronkę na dysk i sprawdzę ile to wszystko zajmuje :D 268kb ze wszystkim. Hmm, za dużo js, myślę że 145kb to lekka przesada. &#8222; Pure Beauty &#8221; . Ten LiveSearch to poezja ;)

  56. @Dziudek: Nie wiem jak działa na twoim oldschool-owym kalkulatorze, ale moja Opera nieustannie zalicza crash-a na LiveSearch.

  57. Ładnie. Jeśli chodzi o usability (to samo tyczy się chyba Riddle – Offtopic), to proponowałbym, aby po kliknięciu na podgląd komentarza nie męczyć już ponownym wpisywaniem kodu z obrazka, skoro zostałem zweryfikowany przed momentem.

  58. Ładnie, tylko zmień inputy w komentarzach :)

  59. Riddle – gratulacje! Naprawdę doskonała robota.

  60. Dziękuję Wam bardzo. :-)

    Andrzej, dzięki że pierwszy zauważyleś że to dżins (bo to nie płótno).

    Off, mój JS ma 58KB. Googlowe API zajmuje resztę. G-zip na serwerze wysyła Ci moje pliki jako ~30KB. Gdybym skompresował swój kod (co zwykle się w komercyjnych projektach robi) to miałbyś do pobrania 15KB. Nadal dużo? :)

    Jeśli chodzi o kod to bardzo się cieszę, że na IE6 udało mi się uzyskać efekt prawie pixel-perfect (choć, jest jeszcze klika bugów, ale nic czego się nie da naprawić. :>)

  61. @Riddle – ojjj

    czyżbyś zapomniał o zamianie & na &amp; ?

  62. Hmm, właśnie. Dlaczego dokument jest napisany w XHTML-u, a deklarowane jest, że jest HTML-em? (MIME)

  63. @mcv – akurat to jest najmniejszy problem bo to nie jest XHTML 1.1 ;)

  64. Proszę, przestańcie. Zarówno z walidatorem jak i nie-tró XML-em.

  65. Jest. XHTML wysłany jako text/html jest parsowany jako HTML z jakimiś dziwnymi slashami. Ten tryb nie jest po to, żeby można sobie było wysyłać, jak się chce, tylko po to, żeby umożliwić wyświetlenie strony tylko i wyłącznie przegląrkom, które XHTML nie rozumieją. W ustawieniach Joggera można wybrać negocjację typu MIME. :-)

  66. dżins? takie było pierwsze skojarzenie, ale jak popatrzyłem na spodnie, to jednak uznałem że nie <eee> jednak! :P

  67. @Riddle – ale jak ktoś kto zajmuje się tematyką standardów sieciowych może mieć stronę niezgodną z nimi ?

  68. Strona jest zgodna ze standardami, tylko czasami vadidator dziwne błędy wykazuje. Mi się raz o kropkę przyczepił :P

  69. Właśnie, w tytule jest przecież „Perfection” ;-)

  70. To spróbuj mieć tyle kodu co Riddle i spróbuj wyłapać wszystkie błedy validatora i je poprawić. Zresztą sądzę, że tutaj to jest tylko kwestią czasu. Na razie dajmy mu trochę odetchnąć ;)

  71. Im więcej będzie treści w sidebarze, tym więcej treści, będą musiały mieć wpisy ;)
    bq. @Riddle – Już nie możesz pisać krótkich wpisów ;)

  72. Off: dobra, dobra, już nic nie mówię, bo jakbym powiedział, to pewnie by się jeszcze flejm zrobił, a przecież Trzeba Być Przeciw™. :-)

  73. Ogólnie schludnie i ładnie. Mam jednak kilka uwag odnośnie użyteczności:

    • Strona strasznie u mnie zamula. Na moim, nie tak starym jeszcze sprzęcie, pod Firefoksem w Ubuntu strona bardzo marudzi przy przewijaniu (pod Operą idzie jak burza).
    • Automatyczne zwijanie długiego kodu jest IMHO niepotrzebne. Naklikać się tylko niepotrzebnie trzeba, żeby cały kod we wpisie zobaczyć. Ale skoro innym może sie to podobać, to przydałaby się możliwość ustawienia domyślnego rozwinięcia i zapisania tego ustawienia w ciasteczku. A już w ogóle super by było gdyby jeszcze można ustawić globalnie domyślny sposób wyświetlania kodu (lista/blok).
    • Pole komentarzy jest zdecydowanie za małe.
  74. Kawałał bardzo dobrej roboty.

  75. Teraz widzę te świetnie wypunktowane listy. :)

    Bug: do wyszukiwarki wpisałem „DOM”, wyszukało „Dom Scripting &amp; Web Standards Solutions” – encje do poprawienia.

    I dlaczego przy polu z kodem jest domyślnie wpisany adres mojej strony? :)

  76. Cudowne! Najbardziej mi się podobają komentarze. Brawo, świetna robota. Takie stronki tylko motywują mnie do działania i poprawiania się. :>

  77. Jak na „grafika hobbyste” to powiem, że wymiatasz tym nowym layoutem :). Bardzo mi się podoba.

    Jedyne do czego bym się przyczepił (co już zostało zaznaczone) to tło Twoich komentarzy – zdecydowanie za ciemne (nie lepszy byłby np. odcień tego co masz w #about?).

    Poza tym miód :)

  78. To juz chyba kwestia gustu to tło, bo mi się z kolei bardzo podoba ;)

  79. @Pizzadude: bo pewnie już gdzieś kiedyś na joggerze komentowałeś i zapamiętało ;)

    <lans>Ja od razu wiedziałem, że to dżins :D</lans>

  80. a ja ostanio odkryłem Ten blog, szukając jednego artyukułu. dodałem do ulubionych, po czym chcąc powrócić kiedy indziej, zastałem stronę w budowie.
    I szczerze, poprzedni lay bardziej mi się podobał.
    Nie twierdzę jednak, że ten jest zły.
    Przeciwnie.

  81. Mi zdecydowanie bardziej podoba się ten ;)

  82. No, smacznie. Soczysty, acz nienachalny design, przyjemna paleta kolorków. Albo się umie takie robić, albo się nie umie. Autor umie :-)

  83. @Dorian, o ile pierwsze nie wiem jak poprawić (słyszałem że PNG z alphą na Linuksie tnie) to 2 kolejne już sobie zapisałem, żeby poprawić. Dzięki.

    Dziękuję też wszystkim za opinie. :)

  84. Właśnie, co do kolorów – czyżby zastosowany został tu Kuler? :)

  85. Nie, Kulera nie używam, bo to bezczelna kopia COLOURlovers. Kolory są autoskie (raz trafiłem :>, chociaż nie do końca jak czytam odnośnie koloru moich komentarzy)

  86. Nie jestem tam żadnym znawcą, ale co powiem to powiem: – grafika bardzo mi się podoba, aczkolwiek motywy pod napisami (typu podpis czy powiadamiaj…) mogłyby być jaśniejsze lekko, tekst byłby czytelniejszy – tło komentarza autora… straszy mówiąc trywialnie. Kiedy pierwszy raz czytałem komentarze nagle zauważyłem czarny blok i pomyślałem że to stopka, chociaż pasek przeszukiwania wskazywał jakąś połowę strony, później zorientowałem się że to Twój komentarz – wyszukiwarka jest pierwsza klasa – nie wiem czy to tylko u mnie (win xp, firefox 2.0.0.4) ale widzę dwa paski skośne „REDESIGNED”, jeden na samej górze (tam gdzie sądzę że być powinien), drugi na wysokości screena – IMHO pod tytułem wpisu prócz daty mogłaby być też godzina dodania go.

    Jeżeli coś było już wspomniane i powtórzyłem – przepraszam, ale wszystkich komentów nei jestem w tej chwili w stanie przeczytać ;)

  87. @Greenek:
    W polu „Strona WWW” owszem, moja strona widnieje, ale

  88. Suuper design, na prawdę najlepszy jaki widziałem do tej pory na blogach. Inni ludzie z autorskimi layoutami mogą się schować. ;-)

    BTW. skoro nazwa bloga jest po angielsku, to czy zaczniesz również pisać posty w tym języku? Proszę, nie, nie, nie! ;-D

  89. No no… jak na osobę traktującą projektowanie graficzne jako hobby, wyszło naprawdę nieźle.

    Bardzo dobry pomysł z wyszukiwarką, muszę się temu przyjrzeć bliżej, bo naprawdę zrobiło na mnie duże wrażenie. Nie miałem jeszcze czasu dokładnie poprzeglądać i potestować wszystkiego, ale jak wspomniałem – jest świetnie.

    Jeśli chodzi o inspirację, od razu skojarzyło mi się mezzoblue :) Ale jest to jak najbardziej pozytywne stwierdzenie.

    Powodzenia w pisaniu!

  90. Naprawdę wyznaczasz nowe standardy :) Ciężko za Tobą nadążyć, bo ciągle pokazujesz nowe rzeczy… Dla mnie ta strona dalej będzie nieskończonoym zródłem inspiracji i pomysłów

  91. Ładne i zgrabne. Jedynie co MI się nie podoba to ta wstęga, dziwnie umiejscowiona. Poza tym pięknie. :)

  92. Loonatic 92 14 lipca 2007, 19:57

    W Fx przy klikaniu któregoś z linków pod: Najciekawsze na Perfection or Vanity pojawia się poziomy pasek przewijania (nie pod całą stroną, tylko pod tym pionowym paskiem).

  93. O boże. Jak to wszedłem to myślałem, że pomyliłem jakieś strony, blogi czy co :| Ale później mysle – przecież bot mi to wypluł, więc musi to byc ktoś z subskrybowanych… przyjrzałem się lepiej – wiadomo, Riddle!

    No jestem pod wielkim wrażeniem – ale takie małe pytanie, czy tylko u mnie wpisy wyglądają tak ? Komentarze już mają dobry padding (FX 2.0.0.4)

  94. @Łukasz: chyba CTRL+R lub f5 powinno pomóc. ;-)

  95. No no no, bardzo mi sie podoba. Czytelnie i stylowo, a przy tym nowocześnie. Podoba mi sie wszystko prócz czarnego tła dla Twoich komentarzy. Naprawdę świetnie

  96. No no, tylko pogratulować, IMHO oryginalny i genialny design, znacznie lepszy od poprzednich. Zawsze miałem problemy z rozmieszczeniem i zmieszczeniem wszystkich interesujących mnie opcji joggera, Tobie się to udało w 100% ;)

  97. Wow, jestem pod ogromnym wrażeniem, aczkolwiek uważam, że wyróżnianie komentarzy kolorem czarnym jest za bardzo kontrastowe, ale może to kwestia przyzwyczajenia. W każdym bądź razie jeszcze raz gratuluję świetnej roboty;]

  98. lepiej już być chyba nie może :)

    ten ostatni design zdecydowanie mi nie leżał – ten natomiast… prostota i porządek

    gratulacje!

  99. u mnie czcionka Constantia zachowuje sie dziwnie – podczas kusywy lub wytluszczania cyfry zmieniaja sie na zawijasy — szkoda, bede musial sprawdzic, dlaczego tak sie dzieje.

  100. (Komentarz zmodyfikowany 14.07.2007 o 22:51)

    A co tam masz 100 komentarz ;)
    @After: Czekam na następne notki ;)

  101. O żesz kurwa ja pierdole :O
    Zabrakło mi przymiotników.

  102. klasa panie klasa
    bardzo mi się podoba!

  103. Pozytywnie ;) Zresztą... jak zawsze.

  104. Nice… tylko najnowsze wpisy nie działają w komentarzach ;P

  105. Stronka jak najbardziej ok. Ale niestety dodatki AJAXowe nie na miejscu :(

  106. Ja mam chyba jakąś inną przeglądarkę niż Wy. :D

    Dziękuję wszystkim za komentarze. Postaram się poprawić to i owo… kiedy to nie wiem, ostatnio już mi się rozwijanie tego bloga od strony koderskiej przejadło. ;)

  107. @Riddle: Może masz Riddfox’a ;-).

    A tak w ogóle to mi wszystko działa i dobrze wygląda ;D.

  108. perfectionorvanity.com – 23 znaki
    riddle.jogger.pl – 17 znaków

    Nie mozna było jakoś krócej? ;)

  109. No i widzę, że ludzi z 800×600 masz w nosie…

  110. @Winhelp. Nie do końca. Mam pomysł na ludków z mniejszymi reskami (ew. sidebarami), ale nie miałem już siły go implementować. Jeśli ten layout miałby wykorzystywać 100% pomysłów jakie miałem do dzisiaj, to bym wpadł w nieskończoną pętlę. :>

    Choć tak, 800×600 jest tutaj marginalne (90% userów tych resek (4% gości) to organic traffic)

  111. Jak to tak można było upublicznić projekt, na który czekałem tak długo akurat gdy mnie nie było? ;-)

    Jest ładnie, choć komentarze mi nie odpowiadają, za to wyszukiwarka jest wreszcie działająca, co znacznie mam nadzieję ułatwi sprawę wskazywania ludziom treści odpowiedniej. Widać, że jest dopieszczone z każdej strony (wystarczy spojrzeć na style <img> czy <blockquote>) – rzeczywiście perfekcjonizm bije po oczach.
    Świetna robota panie Piotrze!

    Popraw tylko te &amp;y i jeden niezamknięty <meta>, bo ta niewalidatywność (właśnie wymyśliłem nowe słowo) psuje troszkę Twój obraz entuzjasty standardów :-)

  112. @Dorian: a u mnie na Firefoksie pod Ubuntu śmiga elegancko ;) A komputer nie taki nowy :D

  113. O. To może przestanę czytywać tylko via RSS, a zacznę zaglądać :].

  114. Muszę przyznać, że całkiem nieźle Ci to wyszło ;) Najgorzej wyglądają komentarze, pewnie przez to, że rzuciłeś dane użytkownika na prawo, przez co stają się zupełnie niezauważalne.

    Powiem tak, dla mnie wyglądają te komentarze tragicznie, jedna długa szpalta tekstu z jakimiś kreseczkami. Jakbyś dał tło pod komentarzem na zmianę jasny – ciemny – jasny i zrobił coś żeby tam nie było tak czarno i zaznaczyć punkt gdzie zaczyna się komentarz (wrzucić nazwę użytkownika z ikonką) i zacznie to wyglądaj normalnie.

    Reszta jest ok.

  115. Komentarze to chyba raczej kwestia gustu, mi np. bardzo się taki układ podoba :) (Chociaż jasne – ciemne mogloby byc jeszcze lepiej)

  116. Panie! Cud miód i orzeszki. Znowu nabrałem motywacji do kodowania.
    Jest tylko jeden mankament: mam pasek po prawej, przez co widzę poziomego scrolla. Szczegół, ale kopie po oczach, przynajmniej mnie :P

  117. Strona się validuje pozytywnie. Mi jeszcze ze 20 błędów zostało na stronie z komentarzami i ze 3 na głównej. Jak ustawiłeś nagłówki MIME ?

  118. Po kliknięciu na ‘X Zmoderowano’

    Rozumiem, że to nie jest zamierzony efekt :)

  119. Kiedy pierwszy raz czytałem komentarze nagle zauważyłem czarny blok i pomyślałem że to stopka

    Miałem to samo.

    Poza tym właśnie coś się sypie jak u kolegi wyżej po kliknięciu na zmoderowany koment. Przynajmniej na Ubuntu, Firefox.

    Pozdrawiam

    PS. Odnośnie moich wypocin o ponownym wpisywaniu kodu z obrazka – już przy tamtym komencie, po wciśnięciu Podgląd w input Kod wskakuje napis http

  120. Tyhagara 120 15 lipca 2007, 13:34

    Przyjemnie, czysto, schludnie, jednak jest kilka rzeczy, do których się przyczepię.

    Logo jest nieczytelne, wiem, że to nie jest „do czytania”, bo to logo, ale mimo wszystko. Sam napis jest ok, nawet ładny, ale jako logo moim zdaniem nie najlepiej spełnia swoją rolę.

    Mały rozmiar czcionek na prawym sidebar, dodatkowo z niskim kontrastem. Nawigacja jest czytelna tyle o ile, ale jak dla mnie i tak zamałe literki. Co do innych napisów w ramkach z tłem, to już jest źle, są małe mają niski kontrast i kolorowe tło we wzorki. I znowu powie ktoś, że to nie jest „do czytania”, zagląda się tam raz, mimo wszystko ja nie przeczytam tego nawet raz, jeśli nie będę musiał.

    To samo tyczy się miniaturowych przycisków na których nic nie widać, w headerze po prawej to już w ogóle i co z tego że to jest skipper? może lepiej to ukryć, wywalić poza ekran.

    Przycisk dodaj komentarz, bardzo trudno zauważyć, o ile człowiek nie spodziewa się go i to na dodatek tam na dole, o tyle będzie miał z tym problem. Ja musiałem szukać, teraz wiem gdzie jest, ale nie poprawia mi to humoru bo słabo go widzę (nie każdy ma monitor LCD z super kontrastem)

    Komentarze – taki układ widziałem już wcześniej, wpis po lewej dane po prawej. Uważam to za mało użyteczne, a przynajmniej w tej formie jaką tutaj zaprezentowano. To jest nieintuicyjne i niewygodne, jedyna zaletą jest oszczędność miejsca, ale kosztem czytelności.

    To tak na szybko. Zaś o zaletach nie będę pisał, bo już chyba wszystko zostało napisane. Wspomnę tylko, że bardzo dobrą zmianą było zastosowanie nagłówka H1 jako nagłówka artykułu.

  121. @Tyhagara: W związku z umieszczeniem kontrolek do powiększania tekstu Wojtek Zając podesłał mi link do artykułu When accessibility is not your problem. O ile ja zmieniarkę font-size umieściłem, bo wiem że bez antyaliasingu 14px tekst jest brzydki jak noc, tak kwestia kontrastu (o której notabene już pisałem) nie jest moim problemem – czemu przeczytasz w artykule Joe Clarka.

    Reszta jest kwestią subiektywną. Należałoby przejrzeć wyniki ankiety żeby zobaczyć jak diametralnie różnicie się w poglądach na różne funkcjonalności i wygląd. Nie dogodzę wszystkim.

    @404: A jaki pasek? Podaj screena jak możesz (Textilem! :D)

    Sprawa z kodem przy podglądzie nie leży w moim zasięgu – musiałbym wysłać request do administratora Joggera. Ale tak, nie powinno być 2x sprawdzania.

  122. Slowa uznania, chociaz uwazam, ze poprzedni design byl ladniejszy. Cholernie mi sie podobaly te ornamenty.

  123. Hmm czy to dlatego twoje komentarze są na czarno?
    Po odkryciu powyższego tylko czarne komentarze pasują do Tytułu ;)

  124. Się przyczepili do komentarzy no. Ok, pomyślę jak je rozjaśnić.
    A inspiracja co do nazwy chyba jest oczywista. Uwielbiam Dimmu Borgir.

  125. @Riddle: według mnie nie trzeba rozjaśniać, ten czarny kolor bardzo fajnie Cię wyróżnia. ;-)

  126. Sie przyczepiłem do czepiania sie komentarzy ;) , uważam że komentarze są ok. :)

  127. Bardzo ładnie. Zastanawia mnie tylko nazwa – jest niezbyt trafna, jeśli nie będziesz pisał tylko po angielsku.

  128. no fajnie fajnie. gratulacje. mi się najbardziej podoba link do yashke w blogrollu

  129. Nazwa jak najbardziej trafna i jak najbardziej pasuje do Riddle’a. Tak BTW, to dużo osób z Polski na w domenie angielski slogan. Moim zdaniem, z domeną Riddle trafił jak nic. Nie obrażę się jednak, jeżeli notki będą po angielsku. Wręcz przeciwnie ;)

  130. (Komentarz zmodyfikowany 15.07.2007 o 20:48)

    Jeżeli Riddle zacznie pisać niektóre notki tylko po angielsku, to dla mnie równie dobrze mógłby je pisać w języku Indian keczua, i tak nic nie zrozumiem :) Najwyżej jakoś to przeboleję ;)

    Co do długiej domeny, to zrobiłem sobie przekierowanie – pov.ciah.pl :)

  131. (Komentarz zmodyfikowany 15.07.2007 o 20:49)

    Winhelp: Jakie ty praktyki stosujesz.
    Riddle: nie będzie tu emotikon ?

  132. (Komentarz zmodyfikowany 15.07.2007 o 20:49)

    Jakie praktyki? :) Jeżeli to jest żart, to nie rozumiem, jeżeli nie, to tez nie rozumiem :o

  133. (Komentarz zmodyfikowany 15.07.2007 o 20:49)

    Nie ładnie, tak robić przekierowywania bez zgody autora ;P
    link

  134. (Komentarz zmodyfikowany 15.07.2007 o 20:49)

    http://tnij.org/5pb

  135. @Kuba: Teraz mam miejsce na pełnowymiarowego blogrolla. ;-)

    Dziękuję za komentarze, dzięki za oceny. Zaraz się biorę za todo i poprawię najbardziej uciążliwe błędy.

    PS: Do paru osób… tutaj offtopiku i czatu nie będzie, bardzo tego nie lubię.

  136. Mistrzu nie rozjaśniaj komentarzy, plis. Czarny do Ciebie najbardziej pasuje, zdecydowanie(!). ;]

  137. Vanity!

    Wiem, jestem wredna, czepliwa, samopromująca się świnia. Zróbcie ze mnie bekon :P
    Rid, mam nadzieję, że się nie obrazisz :P

  138. Naprawdę dobra robota. Podręcznikowa można rzec stronka – blog :)

    Życzę powodzenia…a może lepiej zdrowia?:)

    pozdrawiam
    Mateusz

  139. sunlifter 139 16 lipca 2007, 09:21

    O shit… no to żeś odwalił... :]

    Tylko to dżinsowe tło mi nie podchodzi zbytnio…
    Ale jest super :)

  140. Cholernie mi się podoba. Wielki plus za przejrzystość i pomysłowe rozplanowanie strony. No i w końcu normalne [boczne] menu. Bosko!

    Co do rozjaśniania tła Twoich komentarzy – jestem za. Straszny kontrast wali po oczach, ale t tylko moja opinia.

    P.S. Co się stało z poprzednim layem?

  141. Ślicznie jest! :)

  142. Muszę przyznać, że nie mam się do czego ‘przyczepić’ ;)

    Podoba mi się rozciągnięcie komentarzy – jednak przy krótszych wpisach komentarze trochę uciekają (Tak jak tutaj), jednak przy obecnych wpisach to nie powinno przeszkadzać.

  143. impressive!

  144. Co ja będę mówił. Ładnie, przjerzyście i do tego z klasą. Pewnie kila rzeczy jeszcze wymaga dopieszczenia (ja tam bym jednak ostylował jakoś te buttonki). ;) Pierwsza klasa, Riddle. Gratulacje świetnej roboty!

  145. Czy ja wiem?
    Strona jak wiele innych.
    Jest sens chwalic zeby bylo pochwalone?
    1. Brakuje stronicowania komentarzy (chocby na ajaxie)
    2. podpowiedzi w wyszukiwarce nie znikaja jak klikne obok.
    3. Czesc czionek nieczytelna (za duza roznica pomiedzy sasiadujacymi ze soba)
    4. Wielkie toporne przyciski np „dodaj komentarz” i mikroskopijne „link”, „cytat”
    Generalnie jest „prawie” ok, ale „doskonala robota”, „sliczne”, „rewelacyjne” to za mocne slowa.
    Jest w miare przejrzyscie z kilkoma uwagami.

  146. MS: imho to ŧeż kwestia gustu, mi np. przypadł bardzo ten layout do gustu, a tak w ogóle to skoro tak krytykujesz, to pewnie sam masz się czym pochwalić, więc podaj linka ;)

  147. @MS – pokaż jak można zrobić stronicowanie komentarzy na joggerze, a myślę, że wielu joggerowców będzie Cię ubóstwiać przez lata…

    z pozostałymi błędami się zgodzę, ale to są drobiazgi, a nie poważne błędy…

  148. Dziudek – mówisz poważnie? Bo to da się nawet łatwo zrobić ;]

  149. @D4rky – ale bez JS :P

  150. Dziudek: „1. Brakuje stronicowania komentarzy !(chocby na ajaxie)!” ;]
    Ale nadal da sie zrobic

  151. @D4rky – wiesz mi chodzi o to, żeby nie były ładowane wszystkie komentarze od razu… Jak potrafisz to zrobić to loguj się do PA i pisz notkę :P

  152. Śledzę od dłuższego czasu tego bloga, ale nigdy nie miałem okazji zabrać głosu w dyskusji. Jednak przy okazji re-designu pozwolę wtrącić swoje trzy grosze. Po pierwsze bardzo bawi mnie ten konkurs na wynajdywanie najmniejszych potknięć itp. Proponuję zacząć od siebie bo daleko wam do autora tego blogu. Ludzka (a może polska?) mentalność ma to do siebie że jak ktoś zrobi coś naprawdę fajnego to u większości włącza się zwykła zazdrość. Nie ma rzeczy idealnych, bo każdy z nas jest inny i ma odmienny gust. Coś może sie podobać znaczącej większości ale nigdy wszystkim. Gdzie jest dwóch koderów czy designerów tam trzy zdania. Na mnie akurat ten design wywarł olbrzymie wrażenie i uważam, że jest jednym z lepszych jakie w swoim życiu widziałem. A trochę ich było. I tym wesołym akcentem pragnę zakończyć swoją dość rozbudowaną wypowiedź :)

    Riddle, trzymaj tak dalej. Pozdrawiam.

    PS. Mnie brakuje możliwości zamawiania jedzenia on-line :P

  153. kresh – nie mow ze jeszcze sobie tego nie zalatwiles we wlasnym zakresie ;>

  154. Tło ciut za ciemne, a czcionka loga (i tych elementów z boku) zbyt nieczytelna.

    A tak na marginesie co do komentarzy niektórych: nieznajomość „webdeveloperki” nie zabiera prawa do krytyki – to tak jakbym nie mógł krytykować polskich piłkarzy, bo sam gram gorzej od nich…

  155. I jeszcze dwie uwagi:

    A Twoje ciemne komentarze mi się podobają :).

  156. Akurat te wchodzenie pod tą szarfę wygląda tak „coolowo” :P (chociaż sprawdzałem to pod Fajerfoksem, więc pod Operą może jest inaczej), a zresztą kiedyś ta szarfa zniknie (tak mi się wydaję), a razem z nią problem :D

  157. Zastanawiam się czy mógłbyś udostępnić Twoją pracę jako szablon, czy może zależy Ci na oryginalności lub zachowaniu pełni praw do źródeł?

  158. Poprzedni design – możliwe. Ten – na pewno nie.

  159. Z poprzedniego ja bym skorzystał ;)

  160. Panowie wstydu nie macie ;D Riddle włożył mnóstwo pracy w oba designy, a teraz znając niektórych byście chcieli to kropka w kropkę skopiować...

    @Riddle – ja bym tamten poprzedni layout ciut dopieścił tam gdzie uważasz – bo sam pisałeś, że ma jakieś niedociągnięcia i komuś go sprzedać, to naprawdę świetna praca i myślę, że byś za nią dostał porządne pieniądze, a tak obawiam się, że zaraz powstanie mnóstwo Riddle’opodobnych stronek… Po prostu szkoda by było ;) No chyba, że żyje w Tobie mocno idea Open Source itp. ;)

  161. Ja oczywiście, żartowałem. Możliwe, że Riddle by udostępnił poprzedni layout, jakby się go poprosiło. Jednak wyzyskiwanie ludzi nie leży w mojej naturze.

  162. Bardzo, bardzo duże robi wrażenie. A co do „dżinsu” w tle to mnie tam dżins nie przypomina, ale to drobiazg ;p Najważniejsze że Ci się to podoba.
    Beżowe kolory też są ładne.

  163. jestem pod wrażeniem…

  164. Grzesiek 164 18 lipca 2007, 01:59

    Witam,

    nowy layout bardzo mi sie podoba i widac ogrom pracy jaka w niego wlozyles – jest na pewno duzym krokiem do przodu w dobrym kierunku w stosunku do poprzedniego, ktoremu tez trudno bylo cokolwiek zarzucic.

    Z niecierpliwoscia czekam na nowe wpisy o technikach i sztuczkach, ktore wykorzystales przy budowie tej strony.

    Pozdrawiam

  165. sunlifter 165 18 lipca 2007, 02:12

    Mam prośbę :) Mógłbym wykorzystać screena z newsa jako grafike do posta na swoim blogu? www.weboholic.wordpress.com

  166. Sunlifter: Pewnie.

    Dzięki za miłe przyjęcie redesignu. :>

  167. Właściwie trudno się tu czegokolwiek przyczepić, wypadałoby tylko pochwalić. Wprawdzie w domu strona działa mi topornie wolno ale na szybszej maszynie już w porządku. W formularzu dodawania komentarza, w polu kod miałem wyświetlony adres mojej strony, jeszcze zanim wziąłem się za pisanie – nie wiem czy to błąd, możesz sprawdzić. Pomysł z umieszczeniem wszystkiego poza treścią komantarzy po prawej stronie jest genialny w swej prostocie i wygodzie – czytamy dyskusję pomijając nicki, daty itd.
    pozdrawiam,

  168. Riddle, możesz poprzedni design udostępnić, ale licz się z tym, że w taki wypadku jakieś 10% joggerowców może go użyć (; .
    Może go też oszpecić, co może u Ciebie spowodować zawał serca – zastanów się przez ew. podjęciem tej decyzji.

  169. Muszę przyznać, że nowy design jest niezły. Mam w zasadzie tylko jedno zastrzeżenie – mimo tego, że komentarze rozwiązane są ciekawie, to umieszczenie podpisu po prawej stronie jest nieco counter-intuitive, albo przynajmniej mi się tak wydaje.
    Jak użytkownik kończy czytać dany komentarz, automatycznie przemieszcza wzrok w dół i odruchowo zaczyna czytać drugi. Po kilku wyrazach przeważnie stwierdza, że warto by było wiedzieć, kto się wypowiada, aby móc dany tekst lepiej przyswoić (przypisanie odpowiedzi do konkretnej osoby może dość znacznie wpłynąć na jej odbiór). Dopiero po sprawdzeniu po prawej, kto dany komentarz napisał, użytkownik wraca do czytania treści wypowiedzi.

    Wydaje mi się to mimo wszystko nieco mniej intuicyjne niż umieszczenie podpisu nad komentarzem lub ew. po lewej.

  170. Wg mnie akurat jest ważniejsze to co ktoś powiedział, a nie to kto jest autorem tych słów.
    Dodatkowo umieszczając nick w takim miejscu można uniknąć oceniania komentarza z góry, bo np. dany autor jest w moim mniemaniu „oszołomem”, albo akurat go lubię...

  171. Livio napisał: „Może go też oszpecić, co może u Ciebie spowodować zawał serca – zastanów się przez ew. podjęciem tej decyzji.”
    Rzeczy piękne, są z natury delikatne xD

  172. ładnie, mobilizujesz :)

    // ale przemyśl raz jeszcze, czy aby na pewno dobrym pomysłem jest umieszczenie autorów komentarzy w sidebarze – mi osobiście utrudnia to śledzenie dialogów.

  173. Miło, ale:
    1. Trochę zamula na słabym sprzęcie.
    2. na 800×600 jest poziomy pasek przewijania, widocznie stwierdziłeś że nie warto, a szkoda.
    3. myślę że menu po lewej byłoby bardziej przejrzyste
    4. Żal trochę starej stopki, teraz sidebar jest trochę przerośnięty (stara stopko wróć!)
    5. Opinie typu, najlepsza strona bezflashowa jaką widziałem to przegięcie.
    5. Układ komentarzy kojarzy mi się z pudelkiem (nie żebym tam często bywał ;p).
    itd

    ale to twój blog, efekt jest estetyczny, czysty i świeży
    miło

  174. Ad2: Wyjaśnij czemu szkoda. Żeby