Nowości

Dodano projekt: Przeróbka nagrzewnicy 18 czerwca 2008

Fotorelacja z przeróbki nagrzewnicy do chłodzenia wodnego komputera.

miniaturka miniaturka miniaturka
Trzeci design strony 8 czerwca 2008

Po tym, jak nieco ochłonąłem z samozachwytu nad poprzednim designem, stwierdziłem, że jednak wymaga kolejnych poprawek. Na dodatek miałem nowe pomysły i chciałem je wprowadzić w życie.

  1. Zakupiłem domenę http://tonic-lab.com, czyli adres oznaczający laboratorium Tonic'a :-) Myślę, że adres jest niezły - w pełni oddaje charakter witryny, jest krótki i ma odjazdową końcówkę .com.
  2. Razem z domeną wykupiłem płatny serwer Starter firmy ProHost. Jak na razie, nie budzi u mnie większych zastrzeżeń - pomoc zaskoczyła mnie refleksem. Sprawdziłem jakie są różnice w opóźnieniach między aktualnym serwerem a poprzednim oraz szybkość konta FTP. Wyniki zapowiadają się przyjemnie - darmowe konto OVH ma średnio 50ms opóźnienia, a nowy serwer jakieś 20ms. Poruszanie się po koncie FTP jest bardzo szybkie - w porównaniu do OVH'a czy Insane'a, to jak między niebem a ziemią. Serwer kupiłem z dwóch powodów - primo, serwer ma dużo większą przestrzeń dyskową, wynoszącą 950MB, co jest ważne ze względu na charakter witryny, gdzie jest dużo zdjęć oraz plików, głównie dokumentów PDF, a także sporadycznie, filmy na wypadek np. problemów z pluginem Flasha ze strony czytelnika. Dodatkowym argumentem są plany umieszczenia drugiej witryny o plastyce. Secundo - serwer zapewnia obsługę mod_rewrite. Ustawiłem tę funkcję, tak, aby konwertowała uproszczone adresy na takie, jakie serwer rozumie. Wpisanie, na przykład, http://tonic-lab.com/newsy będzie równoważne http://tonic-lab.com/index.php?id=newsy. Nie ma zbędnych identyfikatorów, znaków i co tam jeszcze - adresy są o wiele przejrzystsze, intuicyjne i łatwiejsze do zapamiętania.
  3. Zmieniono kod PHP, który służy do ładowania podstron. Zasadniczą zmianą jest dynamicznie zmieniający się tytuł podstrony wyświetlany na górze przeglądarki. Wcześniej była tylko nazwa strony, co sprawiało, że wyniki Google miały właśnie tylko tę nazwę. Liczę, że taki zabieg zapewni lepszą pozycję w wyszukiwarkach i ułatwi dostęp do informacji zawartej na stronie. Kod został napisany przez Xnivera, za co mu dziękuję.

    poprzedni design aktualny design

  4. Wyświetlanie newsów. Stwierdziłem, że poprzedni sposób ich wyświetlania był zbyt toporny, ciężki. Teraz jest lżej i bardziej elegancko, a przynajmniej w moim odczuciu.

    poprzedni design aktualny design

  5. Nawigacja w podstronach - zmieniłem wygląd nawigacji znajdującej się na końcu każdej podstrony. Przede wszystkim elementy nawigacji są w jednej linii i nie rozwalają się zależnie od przeglądarki. Poza tym, lepiej to wygląda. Pomysł zaczerpnąłem z Perfection or Vanity.

    poprzedni design aktualny design

  6. Zmieniłem stylistykę i kod do wyświetlania filmów Flash. Po pierwsze, kod jest krótszy i zgodny z standardami (kawałek kodu otrzymany od YouTube sprawiał, że walidator wprost rzygał komunikatami), po drugie wygląda schludniej.

    poprzedni design aktualny design

  7. Przeźroczystość szarej ramki wokół strony. Brzydki, jednolity szary kolor przyprawiał mnie o mdłości, toteż postanowiłem to zmienić. Dodatkowo zacieniowałem niebieską ramkę, aby nadać wrażenie glębi. Na Internet Explorerze, z przyczyn technicznych, przeźroczystość nie występuje.

    poprzedni design aktualny design

  8. Tło obrazkowe dla strony - sądzę, że daje klimat. Wcześniej tłem był jednolity kolor.
  9. Jeśli odnośnik odwołuje się do pliku PDF, będzie oznaczony ikoną przedstawiającą ten typ dokumentu.

    prezentacja ikony

  10. Sposób wyświetlania elementów listy linków także uległ zmianie.

    poprzedni design aktualny design

  11. Wprowadzenie stałych (px) i zmiennych (em) wielkości czcionek. Postarałem się, aby czcionka była jednakowo wyświetlana na różnych przeglądarkach. Testy na Operze 9.5, Firefoksie 2.0, Konquerorze oraz Internet Explorerze 6.0 wypadły pozytywnie.
  12. Zrobiłem strony komunikacyjne dla błędu 404 oraz 500. Mam nadzieję, że mniej ludzi będzie się zniechęcać do strony ;)
  13. Popracowałem nad stylistyką stopki. Uznałem, że w poprzednim designie zbyt dużo miejsca zajmowała i za bardzo rzucała się w oczy.

    poprzedni design aktualny design

  14. Kolejnym elementem do odstrzału stylistycznego była dekoracja nagłówków tutułowych h1.

    poprzedni design aktualny design

  15. Pojawił się nowy dział - Czytelnia. Jak można się domyśleć z nazwy, można znaleźć w nim artykuły, które, w zależności od zainteresowań, są warte przeczytania, bądź przejrzenia. Większość z nich została napisana po angielsku.

Przy okazji chciałbym pokazać, dlaczego warto pisać semantycznie. Z ciekawości sprawdziłem, jak wygląda strona w linuksowej przeglądarce tekstowej www-browser i porobiłem kilka screenshotów:

tryb tekstowy 1 tryb tekstowy 2 tryb tekstowy 3

Prawda, że jest czytelna? ;) Dla porównania zrobiłem screenshot portalu onet.pl. Co? Uważasz, że przeglądanie w trybie tekstowym to tylko bajer? Nic bardziej mylnego. Uwierz mi, zdarzają się sytuacje, że użytkownik jest pozbawiony graficznego systemu operacyjnego z powodu np. uszkodzonego systemu, albo zepsucia karty graficznej. Raz mi się zdarzyło być w takiej sytuacji. Wtedy zaczynałem raczkować w Linuksie i pewnego razu uszkodził się serwer nakładki graficznej (nie wiem czy z mojej winy, czy jego ;-) i nie miałem bladego pojęcia jak to naprawić. Na szczęście miałem połączenie internetowe i wbudowaną przeglądarkę tekstową. Po 10 minutach szperania na forum znalazłem rozwiązanie i wróciłem do kolorowego systemu.

Kolejne zmiany 28 listopada 2007]

Znów dokonałem zmian na stronie. Wykasowałem około 80% tabelek z kodu, a w to miejsce wstawiłem inny kod do sortowania rzeczy. Dużo mniej kodu a całość wygląda przejrzyściej dla mnie. Zmieniłem także sposób wyświetlania spisu zawartości, w szczególności w dziale z akwarelkami. Wygląda lepiej, czyż nie? To wszystko. Nici z nowych projektów tym razem.

Zmiany na stronie 25 listopada 2007

W końcu dokonałem zmian, które przeciągałem. Są to między innymi ciutkę poprawione angielskie tłumaczenia, nieco wyczyszczony kod strony (aż się zdziwiłem, że tyle błędów było) i bajer podkreślający obrazki flag w prawym górnym rogu. Nowych projektów nie mam, ale obecnie zajmuję się generatorem sygnału prostokątnego. Jest to uniwersalne i bardzo przydatne urządzenie, które znajdzie wiele zastosowań w wysokich napięciach - ba, własna cewka Tesli typu SSTC zbliża się raźniejszymi krokami ;-) Do tego projektu skłonił mnie oscyloskop, który kupiłem niedawno i opiszę go tu, w dziale Elektronika. Urocze urządzonko, kupa gałek, przycisków, podwójnych potencjometrów, a waży skromne 12kg, które musiałem taszczyć ze sobą do domu :)

Oficjalne otwarcie strony 17 listopada 2007

No i witam na mojej nowopowstałej stronie poświęconej moim pasjom. Projektów jest, jak na razie, niezbyt wiele, ale od czasu do czasu będę pisać kolejne wypociny. Tymczasem zapraszam do przejrzenia tego, co jest w tej chwili ;-) Uprzedzam, że mogą być nieścisłości związane z kodem strony - strona jest w dalszym ciągu w produkcji, a właściwie na etapie poprawiania drobnych błędów. Miło byłoby, gdyby ktoś jakieś zauważył i dał mi znać. Oczywiście zasugeruję korzystanie z przeglądarki innej niż Internet Explorer 6, gdyż z nią miałem najwięcej problemów przy dopasowaniu stron do kilku najpolularniejszych przeglądarek z powodu.. jej niedopracowania pod względem zgodności z światowymi standardami. Polecę Operę oraz Firefoksa.