Subiektyw - Blog Webmastera

Po prawie 4 latach istnienia bloga, zdecydowałem się usamodzielnić i przenieść go na własną domenę, na skrypt nad którym będę miał władzę.

Od dzisiaj nowe wpisy będa pojawiały się jedynie na blogu pod adresem www.uranik.pl.

Zmienił się także adres kanału RSS - korzystających proszę o przepisanie subskrypcji na nowy kanał RSS: http://www.uranik.pl/feed.

Przeniesienie bloga to także krok motywujący mnie do częstszego i bardziej pożytecznego dla Użytkowników pisania. Myślę że własna domena i Wordpress da mi większą chęć, swobodę i radość pisania.

Do zobaczenia więc na www.uranik.pl - Zapraszam!

Gratka dla grafików: Na stronie all-silhouettes.com autor zebrał pokaźny zbiór wektorowych kształtów, pogrupowanych tematycznie.
I tak są tu kleksy, florale, ikony, seksowne panienki, płomienie i wiele, wiele innych. A wszystko za darmo i w niezłej jakości, gotowe do użycia. Nic tylko ściągać i używać.
Aha - najważniejsze: Licencja pozwala na używanie tych grafik także w projektach komercyjnych!

Pewien Klient, któremu wykonałem dosyć złożoną szatę graficzną i szablon portalu www (ponad 2000 linii kodu CSS, około 200 pilków graficznych) zlecił mi wykonanie jej wersji w odcieniach szarości. Czarno-białe miało być wszystko - od kolorów zdefiniowanych w CSS, poprzez grafiki, a kończywszy na favikonce.

Początkowo szukałem w Internecie webaplikacji, która by to wszystko (albo prawie wszystko) zrobiła za mnie automatycznie. Może źle szukałem, może za krótko, ale - nie znalazłem. Znalazłem jedynie webaplikację GrayBit, która rzeczywiście przekształca stronę na pozbawioną kolorów, ale 1) działa strasznie wolno, 2) robi to dla celów podglądu, a nie użycia w dodatkowej wersji strony 3) pobieranie przekształconych przez to narzędzie plików jest bardzo utrudnione.

Mimo to postanowiłem z tej aplikacji skorzystać i udało się - po zabawie z pobieraniem wielu plików, zmianie adresów w pobranych plikach CSS i HTML udało mi się w ciągu kilkunastu minut stworzyć wersję szarą portalu (cz-b pliki JPG ze względu na stratę jakości stworzyłem od nowa). Jednak wciąż nie mogę uwierzyć że w Internecie nie istnieje webaplikacja robiąca to szybko, łatwo i przyjemnie. Marzeneim jest narzędzie pobierające pakiet zip z szablonem i "wypluwające" taki sam pakiet, tyle że z plikami i definicjami kolorów przekształconymi w odcienie szarości.

Jeśli znasz taką aplikację - daj znać w komentarzach. Zapewne nie tylko ja będę Ci wtedy wdzięczny.

Jestem i zawsze byłem fanem nietypowych, oryginalnych i niepowtarzalnych projektów, wykonywanych przy użyciu powszechnych technologii. Takie twórcze pomysły (jak na przykład ten, prezentowany jakiś czas temu na Subiektywie) bardzo mnie motywują.

Poniżej przedstawiam przykład ciekawego wykorzystania CSS w celu zaprogramowania interaktywnej animacji. Pomysł jest bardzo prosty (chociaż wykonanie żmudne i pracochłonne), a efekt moim zdaniem powala. Powtórzmy: Żadnego Javascriptu, tylko HTML i CSS (najedź na poniższe zdjęcie aby zobaczyć efekt):


http://www.romancortes.com/ficheros/meninas.html
Zdaję sobie sprawę że dla niektórych to odgrzewany kotlet - ten link pojawił się na Wykopie już jakiś czas temu - jednak chciałem po prostu to mieć na swoim blogu ;)

Tematyka tego bloga zobowiązuje mnie do zamieszczenia linka do sporego zbioru darmowych aplikacji on-line do edycji muzyki, wideo i grafiki. Dobrze mieć te linki pod ręką.

Nawiasem mówiąc, zastanawiam się czy dałoby się już teraz przesiąść całkowicie na aplikacje on-line i realizować wszystkie projekty i zamówienia, korzystając tylko z nich. A jeśli jeszcze nie teraz, to kiedy? Przyznam, że kusi mnie ta możliwość i być może w 2010 roku przeprowadzę próbny eksperyment w tym zakresie. :)

Na Webhosting.pl pojawił się ciekawy artykuł, w którym przedstawiono i zanalizowano wyniki badań zależności skuteczności (CTR) boxów reklam AdSense do ich rozmiarów i rodzajów.

Wbrew pozorom wyniki nie są oczywiste - okazuje się na przykład że bardziej opłacalna jest publikacja bionowego bannera 120x600 niż szerszego - 180x600. Oczywiście to nie koniec takich kruczków.

Aby nie kopiować treści, wkleję tutaj tylko ogólny wykres, a po bliższą analizę zapraszam do arta na Webhosting.pl.

Jako fan i użytkownik komputerów legendarnej marki Amiga, uważam że moim obowiązkiem jest donieść o powstaniu po latach posuchy, w pełni polskiego, papierowego czasopisma o tematyce okołoamigowej.

Jest to magazyn PPA - Polskie Pismo Amigowe, przygotowywany przez redaktorów serwisu PPA.pl.

Mój egzemplarz mam już przed sobą i muszę przyznać, że merytorycznie i pod każdym innym względem prezentuje dość wysoki, jak na pierwszy numer, poziom.

Koszt może nie jest mały - 19zł za 24 kolorowe strony A4, ale nie żałuję tych pieniędzy. Zapraszam do kupna tego numeru, tutaj.

Spece z Google opracowali bardzo proste i na swój sposób genialne w swojej prostocie narzędzie, pokazujące jaki procent użytkowników podanej witryny widzi daną część witryny po jej wczytaniu. Taka wiedza jest bardzo istotna na stronach, w których zmiana położenia kluczowego elementu (na przykład przycisku "Kup teraz") lub innego typu optymalizacja ułożenia/wielkości elementów strony może znacząco zwiększyć dochody lub współczynnik konwersji.

Idea jest bardzo mało skomplikowana: Na obraz podanej strony nałożony jest wykres-diagram, ilustrujący obszary widziane przez użytkowników korzystających z konkretnych rozdzielczości ekranu i okna przeglądarki.

Może wygląd tego narzędzia nie jest najprzedniejszy, jednak nadrabia funkcjonalnością i jakością informacji, jakich dostarcza.
Adres aplikacji: http://browsersize.googlelabs.com.

Podczas projektowania szaty graficznej zdarza się często, że brakuje nam odpowiedniego schematu barw. Czasami bywa też tak, że zmiana jedynie kolorystyki w gotowym już layoucie znacząco poprawia jego wygląd i czytelność.

Webaplikacja Color Scheme Designer to przejrzysty interfejs, umożliwiający szybkie i łatwe określenie kolorów w schemacie, w którym dominują dwa, trzy lub cztery kolory główne (w różnych konfiguracjach wzajemnych). Dodatkowo otrzymujemy kolory dodatkowe, których warto używać do tworzenia np. gradientów lub ikon.

Nie wiem jak Wy, ale ja od dziś będę korzystał prawie codziennie z tej aplikacji. Problem doboru barw od zawsze był dla mnie barierą trudną do przeskoczenia.

Czy da się zmniejszyć wielkość pliku PNG? Szczerze przyznam że moja wiedza do dzisiaj wykluczała taką możliwość. Dzisiaj u RAFiego znalazłem link do webnarzędzia PunyPNG. Oferuje ono bezstratną kompresję plików JPG, GIF i ... PNG właśnie. Sposób działania jest prosty: Aplikacja oblicza, który format będzie najekenomiczniejszy dla danej grafiki, a następnie bezstratnie kompresuje wybraną grafikę. Z moich trestów wynika że można zmniejszyć wielkość grafiki na średnio-przeładowaną graficznie stronę o 30-40%. Warto więc skorzystać.

Wielu z Was tego serwisu prawdopodobnie nie trzeba przedstawiać, jednak ujednolicenie i upgrade szaty graficznej Ling.pl to bardzo zasobny, podobno największy darmowy słownik internetowy polsko-angielsko-hiszpańsko-włosko-niemiecko-rosyjsko-francuski. Po liftingu działa i wygląda naprawdę dobrze i funkcjonalnie, obsługa jest intuicyjna, a reklamy już nie przeszkadzają jak kiedyś. Polecam - wraz z translatorem Google stanowi znakomity tandem lingwistyczny na miarę (przynajmniej moich) potrzeb.

Po wielu przemyśleniach podjąłem decyzję - przenoszę się na Wordpressa. Dlaczego? Po prostu ograniczony charakter i brak konfiguracji platformy Blox za bardzo mnie irytuje. Ja chciałbym najlepiej móc wszystko sam. :) Zatem za kilka(naście?) dni jedynym słusznym adresem mojego bloga będzie blog.grx.pl.

Myślałem też, żeby napisać swoją platformę blogową, ale chyba nie stać mnie na poświęcanie kilkunastu (co najmniej) godzin na wyważenie otwartych drzwi.

Aktualnie największym problemem jest: Jak bezboleśnie przenieść wszystkie wpisy wraz z ilustracjami, osadzonymi obiektami i komentarzami do nowej platformy, oczywiście z zachowaniem dat i chronologii? Jak na razie pobieżnie przejrzałem Sieć w poszukiwaniu automatycznego rozwiązania i ... fiasko. Jeszcze poszukam, ale przeczuwam że w końcu sam napiszę sobie skrypt który to zrobi.

Chciałbym zachować też layout, ale z tym nie powinno już być żadnych problemów. W końcu mam czarny brązowy pas w CSS. :)

A na razie od kilku dni męczy mnie grypa... Fervex rulez. :)

Na blogu webdesignerdepot.com zebrano i zestawiono chyba wszystkie infografiki dotyczące Internetu i e-biznesu. Wiadomo - niektóre są ciekawe, inne śmieszne, jeszcze inne - zaskakujące. Polecam chociaż przejrzeć - na pewno każdy się czegoś nowego dowie lub nauczy.

W ciągu kilku ostatnich miesięcy udało mi się przygotować kilka darmowych szablonów dla stron WWW, które prezentuje i oferuję do ściągnięcia w moim sklepie www.GRX.pl. Jedynymi warunkami używania tych szablonów są: zakaz płatnej dystrybucji (bezpłatna jest oczywiście wskazana :)), oraz umieszczenie linka zwrotnego w stopce każdej podstrony używającej szablonu. Warunki te nie są chyba specjalnie uciążliwe, zatem zapraszam do pobierania i używania.
Oferuję też bezpłatną poradę i drobne modyfikacje szablonów, na potrzeby użytkownika (w tym celu zapraszam do kontaktu mailowego).

Przy okazji przypomnę grafikom i projektantom, że, również na GRX.pl, oferuję Webdesignerom współpracę na bardzo korzystnych warunkach. Więcej na ten temat można przeczytać na tej podstronie: http://www.grx.pl/wspolpraca.php. Zapraszam!

Zapraszam także do rozszerzania tego zbioru darmowych szablonów - przecież nie muszą być tylko mojego autorstwa :)

Programista ze mnie nie najlepszy, więc gdy muszę coś zaprogramować, często szukam pomocy w Sieci. Dziś zapytanie o problemy z kodowaniem i zmianą kodowania za pomocą PHP zaprowadziło mnie na stronę Mynthon.net. Autor opisał rzeczowe, "podane na talerzu" rozwiązanie nie tylko mojego dzisiejszego problemu, ale też wielu innych z zakresu programowania w różnych popularnych skryptowych językach. I nie tylko. Dlatego postanowiłem stronę Mynthon.net wrzucić do mojej składnicy resource'ów przydatnych - jaką jest ten blog. Na Mynthona na pewno jeszcze zajrzę nie raz. Polecam, szczególnie programistom okazjonalnym. :)

Flash to technologia tworzenia i prezentacji treści, którą nie każdy zna i nie każdy stosuje. Jednak gdy o flashu masz blade pojęcie (lub nie masz odpowiedniego - drogiego - oprogramowania), a Twój Klient sygnalizuje, że projekt koniecznie ma zawierać jakiś błyszczący animowany bajer - możesz skorzystać z Generatora efektów flashowych on-line na stronie effectgenerator.com.

Edytor działa w całości w oknie przeglądarki i ma naprawdę duże możliwości - możesz tworzyć nawet skomplikowane tekstowe (setki krojów czcionek do wyboru) i obiektowe - efekty przejścia, animacji , manipulować kolorami, jasnością, alfą, cieniami, tworzyć slideshow'y, zagnieżdżać filmy, obrazy, obiekty. Słowem - nie przychodzi mi do głowy efekt prezentacyjny, którego za pomocą aplikacji EffectGenerator nie dałoby się utworzyć.

Wynik otrzymuje się w postaci gotowych do zagnieżdżania (także - bezpośrednio w popularnych serwisach społecznościowych) kodów i linków, co także jest bardzo wygodne.

Pobawiłem się generatorem 5 minut i pokusiłem się o stworzenie małej animacji, aby pokazać choć wycinek możliwości generatora. Odśwież stronę tego wpisu, aby sobaczyć ruchome efekty.

Prawie dwa lata temu prezentowałem stronę AjaxLoad, na której stworzyć można było "profesjonalną" animację typu "please wait".

Dziś u RAFiego znalazłem link do podobnego serwisu, jednak tam jest inny - wg mnie obszerniejszy i lepszy - wybór animacji. Najbardziej smakowite są animacje 3D, które można stosować chociażby w LightBoxie, czy innych *boxach.

Pozwoliłem sobie obok stworzyć małą mozaikę z typów animacji oferowanych właśnie przez Preloaders.net, aby lepiej Was zachęcić - wizualnie. :).

Już kilkanaście razy podchodziłem do tematu śledzenia zachowań użytkowników na stronie - za każdym razem kończyło się to fiaskiem instalacji, zbyt zasobochłonnym skryptem lub niezadawalającą prezentacją wyników.
Wczoraj przetestowałem skrypt UserFly, służący do tego celu, i jestem zachwycony. Dlaczego?

• UserFly rejestruje całą interakcję użytkownika z witryną (przewijanie, klikanie, wypełnianie formularzy itp.
• UserFly przedstawia tą interakcję w formie "naturalnych" filmików do oglądnięcia
• UserFly jest bardzo prosty w instalacji - w sekcji head należy wkleić tylko jedną linijkę (i to wszystko)

Ma tylko jedną wadę: nie jest za darmo - za nagranie powyżej 10 filmików trzeba zapłacić - jednak, jeśli komuś zależy na zbadaniu userów swojej strony - zdecydowanie polecam to narzędzie.

A o UserFly dowiedziałem się stąd.

Nauka tworzenia stron większości webmasterów wygląda mniej więcej tak:

• uczymy się podstaw HTML
• uczymy się programować tabelki w HTML
• uczymy się podstaw CSS
• zarzucamy tworzenie w tabelkach, uczymy się modelu pudełkowego
• uczymy się podstaw JS
• uczymy się lepszej obsługi JS i DOM
• udoskonalamy system pudełkowy - layouty wielokolumnowe itp.
• uczymy się AJAX
• ...gdzieś po drodze powyższych uczymy się podstaw PHP i MySQL oraz uczymy się tworzenia grafiki... być może także opanowywujemy podstawową obsługę flasha...
• ... i co dalej?

Umiemy bowiem w 100% zadowolić naszych Klientów. Nasze witryny zachwycają i (po odpowiedniej dozie pracy) mogą wyglądać i zachowywać się w dowolny wymyślony sposób. Właściwie nie ma granic.

Ależ granice są. Należy się rozwijać. Stagnacja to śmierć. Długo się zastanawiałem

Następnym krokiem, według mnie, powinna być nauka zaawansowanej obsługi dobrego frameworka JS/AJAX. Przejrzałem mozliwości wszystkich popularnych silników tego typu i wybór padł na jQuery. Dlaczego? Jego stosunek parametrów użyteczności, efektywności i efektowności jest po prostu najlepszy. Plus - maszyna jQuery jest naprawdę megałatwa do naumienia nawet dla osób mających tylko blade pojęcie o JS (fakt - jakieś pojęcie trzeba jednak mieć).

Uczę się jQuery namiętnie już od kilku tygodni i im więcej się uczę - tym bardziej opada mi szczęka. :) jQuery rządzi.

Tym, których przekonałem, polecam bardzo dobry kurs jQuery na Ferrante.pl, lub wpisanie jQuery w Google. Wyników będzie sporo.

Witam w 2009 :)
Webhosting.pl to serwis, któremu na początku nie dawałem dużych szans na przetrwanie. Jednak, jak się okazało, dzięki patronowi (i najprawdopodobniej hojnemu sponsorowi) tego serwisu - home.pl, na Webhosting.pl co jakiś czas pojawiają się bardzo ciekawe i przydatne artykuły.
Jednym z nich jest tekst Haki CSS i komentarze warunkowe dla niepokornego Internet Explorera, który w sposób (jak dla mnie) w zupełności wystarczający przekazuje większość wiedzy, jaką warto mieć, aby projektować strony wyglądające identycznie w nowoczesnych przeglądarkach i IE.
Polecam.

Projektując nowoczesną witrynę w CSS, często natrafia się jednak na problemy, niedogodności, lub - najczęściej - na swoją własną niewiedzę/nieumiejętność. Wtedy sięga się do tutoriali.
Dla mnie, do niedawna takim miejscem, gdzie znajdowałem odpowiedzi na (prawie) wszystkie CSSowe pytania, był (zamknięty już niestety) blog Perfection or Vanity Riddle'a. Kilkanaście dni temu odkryłem jednak lepszą skarbnicę wiedzy CSSowej - zbiór linków na aComment.net. To naprawdę dobry resource - z takimi tutkami kolumnowe laye, fajne ostylowanie, efekty, przezroczystość, zaokrąglone rogi, wszelkie CSSSowe hacki i tricki to kaszka z mlekiem. Polecam.

Strona WebleedDesign.com jest przykładem witryny oryginalnej. Nie dlatego, że jest jednym wielkim, ciężkim flashem z milionem cukierkowych efektów - bo nie jest. Ani dlatego, że zawiera niesamowite treści (chociaż jest ciekawa także merytorycznie - przynajmniej dla mnie). Jest oryginalna z powodu nietuzinkowego wykorzystania prostych technologii, znanych wszystkim. Wejdź na tę stronę i przewijaj w dół. Mnie ten efekt powalił na kolana. Po raz kolejny przekonałem się, że 90% sukcesu - to sam pomysł.

Po około dwóch miesiącach milczenia - powracam. Wejścia na bloga nieco spadły - to zrozumiałe. Mam nadzieję, że choć część z Was zachowała do Subiektywa linki/subskrypcję RSS. Mam pomysły na kilka fajnych nowych wpisów, myślę więc, że będzie warto. Specyfika bloga (piszę błędnie bo "blogu" brzmi dla mnie pokracznie) się nie zmienia - dalej opisywał będę głównie narzędzia on-line i rozwiązania dla webmasterów. Przeplatał to będę z wysublimowaną rozrywką. Postaram się nie rozwlekać i pisać konkretnie. W końcu będę trzymał się głównej zasady - piszę tego bloga dla siebie, aby zebrać w jednym miejscu linki i opis do narzędzi, z których często korzystam podczas projektowania/tworzenia/wdrażania WWW. Za chwilę więc dodam kolejny wpis "na temat". Zapraszam.

Po pięciu latach od stworzenia mojej pierwszej strony w nie-darmowej domenie i jednocześnie mojego portfolio (stara wersja tutaj), pragnę przedstawić nową odsłonę mojego serwisu/sklepu z szablonami stron WWW - www.GRX.pl.

Oczywiście strona nie jest dokończona - brakuje implementacji płatności on-line, efektów graficznych, brakuje trochę ogłady i kilku moich pomysłów. Docelowo ma być maksymalnie przejrzyście, intuicyjnie i użytecznie.

Jednak już teraz wszystko, co widać - działa. Warto zauważyć pojawienie się całkowicie darmowych szablonów (po statystykach odsłon widzę, że cieszą się one dużym pobieraniem :)) oraz hipertanich - za 10zł (tu będzie można zapłacić SMSem).

Jak Wam się podoba?

Pamiętacie wpis z linkiem do strony, na której można robić fotomontaże (wstawiać swoje zdjęcie na billboardy, obok sławnych osób, jako astronauta, superman itp.)?

Takich serwisów do tworzenia fotomontaży fotek on-line jest więcej! oto one:

Photofunia.com - angielska wersja ukraińskiego serwisu, przedstawionego w poprzednim wpisie.

Dumpr.net - możliwości może niewielkie, ale efekty fotomontaży nie spotykane na innych serwisach.

WstawSie.pl - coś polskiego. Na razie także niewiele efektów (porównując do photofun'a), ale serwis się rozwija :) Nazwa jest trochę myląca - za pomocą tej strony nie można SIĘ wstawić, ale wstawić swoje zdjęcie :)

No.. to teraz możecie umieścić swoje zdjęcie gdzie tylko chcecie :) Jeśli znajdę jeszcze jakieś strony do zabawy ze zdjęciami - dodam je tutaj.