Miniblog

Refresh riddle.pl, 17.04

17:03:54

Znalazłem wczoraj trochę czasu i wreszcie umieściłem jakieś podstawowe dane na mojej stronie domowej. Dorobiłem później efekty. Wynik całkiem mi pasuje (co ważne, działa dosłownie wszędzie, czy to z JS czy bez). :) Gdyby się komuś chciało, może sprawdzić mi angielski. :D

#

Komentarze:

  1. 17:05:54Łukasz :]

    nie działa link w Last.fm Journal :P

    ładne :P

  2. 17:09:42Ktos

    Ładne całkiem.

    Ale gdyby nie to, że najechałem myszą na ten obrazek z gmailem i nie zobaczyłem jego tytułu to bym się nie dowiedział chyba jaki masz e-mail (gdybym nie znał of koz ;-)) – lekko nieintuicyjne jak dla mnie to jest. Można się niby domyśleć, że skoro to logo gmaila to to ejst na GMail, ale nie każdy zna to logo.

    Na IE7 się tak dziwnie przycina – ja klikam, a animacja dopiero po dłuższej chwili się robi.

    Tagi się rozpadają dziwnie na Pocket Internet Explorer na Windows Mobile 5 ;-P

    [added]
    I jeszcze na tym PIE na WM5 widzę adres e-mail surtep.rtoip :-D

  3. 17:13:51Winhelp

    To nie lepiej było zrobić stroną po polsku, a gdzieś w rogu malutka brytyjska flaga? ;)

  4. 17:22:55Dreamer

    Wow, niezłe! Może jeszcze jakieś logo na górze? :> A zmiana kursora po najechaniu na aktywny blok jest chyba nie potrzebna bo i tak się nic nie dzieje. :P

  5. 17:25:27cimlik

    Nieźle, tylko jakąś faviconę bym jeszcze dodał ;).

  6. 17:29:31jam łasica

    Fajne tęczowe przyciski :)

  7. 17:49:07doiy

    Hmmm, kiedyś chciałem zrobić w zasadzie to samo i pytałem Cię jak wycentrować blok o zmiennej wysokości.
    Jak znajdę chwile zobaczę jak to jest zrobione.
    Przy 768 wysokości ekranu i naprawdę skrojonymi toolbarami Fx(menu i taby) przy zmianie z udziałem ‘Writing’ na chwile pojawia się scrollbar no i przy 1Ghz przycina :D. IMO lepiej by było gdyby dwie sekcje zmieniały rozmiar w jednym momencie… jak na stronie moo.fx.

  8. 17:51:25camel

    Bardzo ładnie. Nawet zapamiętuje stan otwarcia belek. Zapewne jQuery :-)
    Pozdrawiam.

  9. 18:16:02zx

    A ja głupi liczyłem na to, że swoje portfolio zamieścisz online, a nie na życzenie… ;)

    Strona-wizytówka spełnia swoja zadanie, ładna jest. Ogólnie do przodu.

  10. 20:04:01Luke Mica

    to ja się przyczepię kilku szczegółów językowych.

    passionate – strasznie mi to słowo nie pasuje w tym kontekście. Ogólnie oznacza ono „żarliwy, płomienny” – a chodziło Ci o pasjonata, jak sądzę? to może lepiej „hothead” albo „enthusiast (for something)”?

    „Any other thought that is worth to be shared with world”

    Poprawnie: „Any other thoughts which are worth sharing with the world”.

    Przy Sinedelic: „...with few friendly designers.”

    „...with a few friendly designers”. Normalnie nie czepiam się takich szczegółów, ale tym razem zmienia to znaczenie zdania. Tak jak napisałeś, oznacza to „z niewieloma” a nie „z kilkoma”.

    No i chyba tyle. Przepraszam że tak chaotycznie, ale pisałem na szybko. :)

    A strona całkiem przyjemna w odbiorze, brawo Piotrze. Pozdrawiam.

  11. 20:43:49jackweb

    No, bardzo ładnie riddle. Nie mam zastrzeżeń co do wyglądu. Mam nadzieję, że coś jeszcze dodasz. :)

  12. 20:45:05jackweb

    camel: tak, jquery, zajrzałem do źródła :>, a zapamiętywanie otwartej zakładki to przez wtyczkę do jquery do obsługi cookies.

  13. 20:53:04jam łasica

    Czyżby po wielkim boomie blogów, powracała moda na klasyczne hołm-pejdże? ;)

  14. 20:54:40Jiobel

    A kiedykolwiek zapotrzebowania na owe nie było?

  15. 21:01:30Riddle

    #313517 Luce Mica: Dzięki za korektę. Passionate na razie zostawię, widziałem to w takim użyciu parę razy. I tak, to ma być mocne słowo, nie wypisałem tam wszystkich swoich hobby. ;-)

    Ktoś: Hehe, żartownisiu. :D Wiadomo, że chodziło mi o SMOK i IE. :] A z IE7 takich problemów nie mam… hmm.

    Jam Łasica: Hoho, ja homepage chcę mieć już od dawien dawna, nawet wpis mogę znaleźć w którym pytałem jak takie zwykle się buduje. :D

    Camel: Co więcej, nawet działają adresy z hashem.

    Winhelp: Poza swoim blogiem i komentarzami w polskiej blogosferze działam w necie po angielsk(iem)u. :D Popatrz sam na Em Calca – gdyby był po polsku nigdy by nie stał się tak popularny. No i wreszcie – kto teraz nie zna ang? :-)

    doIY: Tak, wiem… zastanawiałem się jak to zrobić i może masz rację z tym chowaniem i pokazywaniem na raz. Zawsze mogę też dać overflow-y na hidden, ale chyba to nie jest za dobry pomysł.

    Dzięki za komentarze.

  16. 21:05:34Winhelp

    @Riddle: Kto teraz nie zna angielskiego? Ja :) Bez użycia słownika nie rozszyfruję dużej częsci twojej strony :) W sumie wolę jak coś jest w moim ojczystym języku. No ale jeśli chodzi o twoją twórczość to perfectionorvanity.com mi wystarczy :D

  17. 22:22:59camel

    Riddle: ciekawie rozwiązałeś to zapamiętywanie (lastPanel). Ogranicza się to do jednego ciastka (bardzo dobre rozwiązanie kiedy ma sie dużo tych belek). Gorzej, jak chcesz, żeby otwartych było kilka… Ale w Twoim przypadku to raczej zbędne. Hash’e to też fajny bajer :-)

  18. 22:38:23kiero

    Śliczne ;) Też myślę nad zbudowaniem podobnego :>

  19. 00:31:46Jiuh Baoluo

    Hm, czyżby zabronili mówić językiem polskim? To że działamy po angielsku to swoją drogą, ale przynajmniej można by było zrobić i wersję strony w swym ojczystym jezyku…

  20. 00:33:23rotsap

    fajne, chociaż połączenie kolorów nie do końca w moim stylu

  21. 10:29:51Koziolek

    Riddle taka uwaga. Strona „skacze” przy przełączaniu się pomiędzy dwoma długimi boxami np. Writing i Skills. FF wyświetla na chwilę pasek przewijania i zwęża okno bardzo wkurzający efekt.
    Ale całość całkiem ładna :)

  22. 12:06:55Yano

    No, to ja się swoim zwyczajem czepnę czegoś, a co! ;)

    Kontrast – przy tych ciupeńkich literkach i ich kolorze tekst się trochę zlewa z tłem. Fakt, mogę sobie powiększyć, ale jednak.

    Zwijanie i rozwijanie – przy mniejszych rozdzielczościach pojawia się na chwilę pasek przewijania. Nie lepiej najpierw zwinąć aktywny panel a potem rozwinąć nowy? Efekt też ładny, a nie skacze tak bardzo.

    A poza tym chyba OK. :)

  23. 22:57:01kiero

    Potwierdzam wpis Koziolka, iż pojawia się ten pasek przewijania w firefoxie przy przełączaniu tych dłuższych działów i jest to naprawdę wkurzające. Reszta ok ;)

  24. 23:03:13kiero

    Sorry, że tak spamuje, ale zauważyłem to po opublikowaniu poprzedniego komentarza, a nie mogę go w żaden sposób edytować. Jak zrobiłeś to, że w źródle „Contact” jest napisane „surtep.rtoip”, a na stronie pisze „piotr.petrus” i przy kopiowaniu później wkleja się to pierwsze? Bo to ciekawe.

  25. 23:06:15Riddle

    CSS… direction: rtl i unicode-bidi: override. :) Jestem przewrażliwiony na punkcie mojego maila. :]

  26. 03:22:32Maciej Pawłowski

    Nie przesadzasz z tym emailem? ;) Poza tym, takie rozwiązanie powoduje kopiowanie odwróconego ciągu znaków, więc może teoretycznie wkurzyć i zniechęcić do napisania potencjalnego klienta/rozmówcę.

    (jak już jest hTagcloud to może warto by zainwestować w hCard? :))

  27. 03:24:03Riddle

    hCard, dobry pomysł, dzięki. A odwracanie maila zrobię w JS (tak jest dla Safari teraz) i dodam tylko info jak ktoś JS nie będzie miał. No ale to jutro (w sumie się zbieram, komentarz o wpół do czwartej mnie zaskoczył). :D

  28. 13:18:39kiero

    O nawet to w IE działa :) Jestem mile zaskoczony, chociaż nie wiedziałem, iż istnieją takie właściwosci w CSS. Może masz jakąś stronkę z rzadko używanymi i spotykanimi owymi właściwościami.

    O jakim hTagcloud i hCard mówicie? :>

  29. 13:19:17Riddle

    hTagcloud i hCard to mikroformaty

  30. 17:34:19jackweb

    Riddle: zauważyłem, że wyrażeniami regularnymi wyciągasz #kotwicę z adresu. Spróbuj może document.location.hash, nie jestem pewien czy w IE działa…

  31. 15:39:54Riddle

    Dodałem hCard, maila odwracam w JS (sorry :P) i poprawiłem animacje zwijania.

  32. 00:08:00Maciej Pawłowski

    <!— please notice that majority of class names in following
    HTML are part of hCard microformat specification.
    it’s not classitis —>

    Heh, to jest właśnie największy problem w implementacji microformatów – część ludzi (włacznie ze zleceniodawcą), nie ważne jak dokładnie się im to wytłumaczy, nazwie to classitis.

Dodaj komentarz:

W komentarzach działa formatowanie Textile.

captcha code