• Miałem trochę wolnego czasu,
• WordPress 3.0 i nowy defaultowy theme twentyten — korciło mnie, żeby po raz pierwszy na nim poeksperymentować (sporą część stylów tekstowych zostawiłem właściwie niezmienioną),
• CSS3 — jako że coraz więcej przeglądarek zaczyna sensownie to obsługiwać, czas był wielki nimi się pobawić,
• Od dawna miałem zamiar wdrożyć sobie skin skalowalny,
• Miałem zachciankę, żeby zmajstrować temat kompletnie pozbawiony grafiki dekoracyjnej.

To tyle

Nowa wersja - KP2

1. Rotujące najnowsze zdjęcia – te posty, w kórych pokazuję jakieś kolejne, pojedyncze (czasem 1 + kilka dodatkowych) zdjęcie. Rodzaj fotobloga.
2. Galerie - całe serie zdjęć – z jakiejś imprezy, spotkania, wycieczki, wyjazdu. Część z nich będzie wymagać hasła dostępu, jako że czasem będą to jakieś imprezy rodzinne i nie każdy może sobie życzyć widnieć na tej stronie (to nie Nasza Klasa ). Dlatego jeśli uważasz, że powinieneś mieć dostęp do danej galerii — daj znąć, a prześlę Ci hasło.
3. Zasadnicze posty – wszystko to, co nie jest „fotoblogiem” – podzielone na 3 kategorie: Obrazy (wpisy okołofotograficzno-designerskie), Technika (gadżety, Windows, PC itp.) i Inne (nie wymaga komentarza).
4. Ostatnie komentarze – 4 ostatnie komentarze z całego bloga.
5. Archiwum – sposób na przeglądanie całego archiwum poprzez wyszukiwanie lub oglądanie postów skategoryzowanych pod określonym tagiem.
6. RSS – linki do feedów z danej kategorii.

Cóż, that’s all folks . Mam nadzieję, że nowy design przypadnie do gustu tym kilku osobom, które tu czasem wpadają. Czekam na opinie (najchętniej te negatywne, bo od pozytywów to jest wspomniany portal ;)) i info o ewentualnych wyłapanych bugach.

Tym razem, dla odmiany, zapędziłem do roboty WordPressowe Custom Fields (do obrazka przy najnowszym poście). Kiedy obrazek nie jest zdefiniowany, następuje wstawienie domyślnej grafiki (logo) – jak przy tym poście. W przeciwnym razie dałem sobie do wyboru jeszcze możliwość ustawienia, czy obrazek będzie miał przezroczyste tło (na wypadek wyciętych grafik w 24bit PNG) – tak, żeby mógł nieco wystawać poza ciemnoszary obszar tła.

Ponadto zmniejszyłem ilość starszych postów wyświetlanych pod najnowszym oraz usunąłem z sidebara widgety z ostatnimi komentarzami i listą archiwalnych miesięcy.

Druga, kosmetyczna zmiana ma miejsce na stronie z fotkami. Zdjąłem ciemne tła z podstawowych albumów.

Pod Windows najwygodniej z SVN (moim przynajmniej zdaniem) korzysta się przy pomocy klienta zwanego Tortoise SVN, który bardzo ładnie integruje się z shellem, dając w menu kontekstowym wszystkie potrzebne polecenia, a status plików pokazując przy pomocy nakładek na ikony.

I wszystko pięknie, do momentu, kiedy do zarządzania plikami rzeczywiście korzysta się z Eksploratora Windows. Co wśród ludzi żyjących z pracy przy PCcie nie jest chyba zjawiskiem częstym (chyba że ktoś jest masochistą). Jeśli zatem ktoś używa, powiedzmy, Total Commandera (a trudno o lepszy wybór ) – ma problem. Przy domyślnej konfiguracji TC i TortoiseSVN nie zobaczy nakładek na ikonki oznaczających statusy wersjonowanych plików.

Do niedawna myślałem, że „tak to już jest” – a z SVN nie korzystam jednak na tyle często, żebym nie mógł przeboleć otwarcia okna esploratora od czasu do czasu dla sprawdzenia co jest a co nie jest zcommitowane. Ale ostatnio, podczas pracy nad redesignem Lokiego, coś mnie podkusiło, żeby jednak pogooglać temat. No i jednak da się

Oto co trzeba zrobić:

1. W Total Commanderze wybieramy w menu Konfiguracja > Opcje > Operacja, a następnie w sekcji „Wybieranie za pomocą myszki” upewniamy się, że zaznaczono „Lewy przycisk myszki (jak w Windows)”:
   

   W TC ustawiamy wybieranie za pomocą LPM

2. Wciąż w konfiguracji Total Commandera, w sekcji „Ikony” upewniamy się, że zaznaczona jest opcja „Pokaż nakładkę ikony”:
   

   W sekcji "Ikony" ustawiamy "Pokaż nakładkę ikony"

3. Klikamy w Ekploratorze Windows prawym przyciskiem myszy i z menu kontekstowego wchodzimy do ustawień TortoiseSVN:
   

   Wchodzimy do konfiguracji TortoiseSVN

4. W sekcji „Icon Overlays” upewniamy się, że opcja „Show overlays and context menu only in explorer” jest wyłączona:
   

   Wyłączamy pokazywanie overlayów ikon wyłącznie w Eksploratorze

5. Restartujemy TC – i mamy ikonki
   

   TC z widocznymi nakładkami statusowymi na ikonach

No i to właściwie tyle. Jeśli ktoś ma taką fantazję, może jeszcze zainstalować w Total Commanderze wtyczkę pt. ShellDetails i skonfigurować jakie kolumny z informacjami o SVN będą pokazywane w oknie TC.

Za forum TortoiseSVN.

Pierwszą i podstawową zmianą, z której jestem bardzo zadowolony, to wreszcie możliwość wykorzystania dużych panoramicznych monitorów w czasie pisania postów. Trzeba przyznać, że wąziutki edytor WYSIWYG w rozdzielczości 1920×1200 w poprzedniej wersji WP wyglądał po prostu żenująco. Tym razem jest juz znacznie lepiej – cały layout panelu administracyjnego wreszcie się skaluje w poziomie.Druga bardzo ważna sprawa – wreszcie działa flashowy uploader plików na FlashPlayerze 10 :). Nie trzeba już uploadować po jednym pliku.

Z rzeczy, które na pierwszy rzut oka podobają mi się trochę mniej wymienić muszę mocną „macosxizację” designu. Dla jednych to zaleta, dla innych wada. Dla mnie chyba jednak to drugie. Poniżej kilka screenów:

Dashboard

Edycja posta

Lista postów

Z innych zmian (za wphacks.com):

• możliwość przeciągania meta-boxów na stronie edycji posta. Boksy te mogą być minimalizowane/maksymalizowane, jak również całkowicie ukrywane,
• możliwość ukrywania kolumn na stronach z listami postów, komentarzy itd.,
• inline’owa edycja postów i stron na stronach z listami tychże,
• komentowanie przez XMLRPC (czyli np. z desktopowych aplikacji do blogowania),
• odpowiadanie na komentarze z poziomu panelu administracyjnego,
• skróty klawiszowe do zarządzania komentarzami (tego akurat nie byłem w stanie znaleźć),
• ustrukturalizowane komentarze (drzewko) i nowe API dla wp_list_comments(),
• przyklejane posty (coś mi mówi, że jak ktoś dłubał z loopem – jak np. ja – do się może z tym pożegnać ),
• zintegrowana przeglądarka/wyszukiwarka pluginów,
• automatyczne upgrade’y całego WordPressa do nowszych wersji (!)
• (kilka innych technicznych spraw, mało interesujących dla normalnego uzytkownika)
  

Po pierwsze i najważniejsze – inna platforma. Zamieniłem Drupala na WordPressa. Doszedłem po prostu do wniosku, że do moich skromnych wymagań nie potrzeba aż takich możliwości, jakie daje D.

Ponadto znalazłem fajny plugin do galerii (NextGen Gallery), a i panel administracyjny WP jakoś bardziej zachęca mnie do postowania.

Kolejna sprawa – olałem tym razem kompletnie IE6. Wiem, że to wciąż najbardziej popularna przeglądarka (przynajmniej ogólnie rzecz ujmując), ale nie prowadzę tego sajtu dla szerokiego ogółu, a i tak wszyscy, którzy tu zaglądają (czyli w sumie może z 4 osoby ) używają normalnych przeglądarek. Do tego sam M$ zaczął wpychać IE7 przez autoupdate, więc szkoda mi było czasu i nerwów, a możliwość korzystania z PNG z 24-bitową przezroczystością i wszystkich selektorów CSS 2.1 (jak np. „input[type=text]„) była zbyt wielką pokusą.

Jeśli idzie o typografię, postanowiłem tym razem trochę zaszaleć (kosztem Waszych procesorów) i skorzystać z sIFR3, dzięki czemu mogłem w nagłówkach zastosować jedną z moich ulubionych czcionek (Myriad Pro). Nie przyspiesza to niestety renderowania strony, ale co tam – na lepsze rozwiązanie i tak przyjdzie pewnie długo czekać.

Wprawdzie zostało mi jeszcze kilka rzeczy, które chciałbym dopracować (jak np. tooltipy) ale myślę, że mogę się tym zająć już „live”. Poza tym nie mogłem się już doczekać :P .

No cóż, mam nadzieję, że tym razem dłużej będzie mi się podobał ten design. Poza tym zostawiłem sobie kilka furtek do ciekawych – myślę – updateów okolicznościowych. Zobaczymy, co z tego będzie ;).

UPDATE: Byłbym zapomniał – przy okazji zmieniłem również hosting. Długo zastanawiałem się między Bluehost a Dreamhost. Koniec końców wybrałem ten drugi, z kilku względów. Po pierwsze, można u nich hostować repozytoria SVN, co z pewnością może przydać się w pracy. A po drugie – trafiłem akurat na promocję i dostałem nielimitowaną pojemność dysku i bandwidth

• 1920 x 1200
• 1680 x 1050
• 1440 x 900
• 1280 x 1024
• 1024 x 768
• QVGA (Windows Mobile)

via Wykop

Minął już ponad tydzień od odpalenia nowego Helldesign, czas więc na małe podsumowanie.

Póki co, nasz nowy serwis znalazł się w 9 10 galeriach webdesignu :)! Oto one (w kolejności alfabetycznej):

• CSS Clip
• CSS Creme
• CSS Mania
• CSS Moon
• CSS Remix
• Design Creme
• Link Creme
• Unmatched Style
• W3C Sites
• Web Creme

Dla porządku wspomnieć by też należało, że Google poinformował mnie (poprzez Google Alerts), że na blogu Sentences w jednym z najnowszych wpisów zostaliśmy ochrzczeni mianem „Sajtu Tygodnia” ;). Oto co dokładnie autor pisze:

Helldesign is one of the best websites I’ve seen in a long time. It’s innovative. It’s got a great portfolio layout and navigation. I love the way they’ve set up their website because it also makes it bold. It’s clean, professional, and I could’ve easily fit it into any of the categories above. This is hands down the site of the week. Great job Helldesign, I can’t wait to see what else you got up your sleeve.

No cóż, z grzeczności nie będę polemizował ]:>.