W poszukiwaniu ładnych krojów czcionek

 

Nie od dziś wiadomo, że wybranie dla strony www ładnego, nietypowego stylu czcionek jest trudne. Oczywiście mówimy o tradycyjnym wyświetlaniu liter, nie biorąc pod uwagę takich wynalazków, jak ten. Być może dla niektórych jest to proste – dla mnie nie.

Nie lubię używać oklepanych, typowych i banalnych krojów. Jakkolwiek rozumiem użycie czytelnych ariala, verdany czy tahomy w akapitach, tak znalezienie odpowiedniego, ozdobnego kroju i stylu dla nagłówków i śródtytułów stanowi dla mnie zawsze wyzwanie.

Ostatnio zauważyłem (wiem – powinienem to wiedzieć), że niektóre kroje liter w stylu italic, wyglądają totalnie inaczej, niż styl prosty.

Na przykład Georgia:

Georgia prosta wygląda tak,

i wydawałoby się, że pochylona Georgia powinna wyglądać tak (symulacja przez przekrzywienie prostego kroju w Photoshopie):

tymczasem:

Georgia Italic wygląda tak

Jest różnica, prawda?

Takich przykładów jest więcej, tylko trzeba je odnaleźć. Postanowiłem zatem napisać prosty automat do wyszukiwania nietypowych ustawień dla czcionek.

Pod adresem https://uranik.pl/fonttest/ umieściłem prosty skrypt pokazujący kombinacje trzech z pięciu znaczących parametrów stylu dla wybranego kroju liter:

pochylenia, pogrubienia, kapitalików (small-caps), druku rozstrzelonego oraz zagęszczonego.

Kroje liter wybrać można z listwy rozwijanej u góry lub u dołu. Wybrałem najbardziej uniwersalne kroje, nazywane czasem mianem „websafe fonts”. Przy ich wyborze posiłkowałem się tą stroną. Oczywiście mogę tę listę rozszerzyć/zwęzić (proszę o ewentualne uwagi). Całość opisałem uniwersalnym językiem CSS, zrozumiałym dla każdego.

Mam nadzieję, że to małe narzędzie przyda się Wam tak, jak i mi.

Jak przenieść bloga z Bloxa na WordPressa?

Odpowiedź poniżej, boldem.

Decyzję o przeniesieniu podjąłem już pół roku temu. Pierwszy plan był taki, żeby za pomocą php sparsować blog na bloxie i przygotować plik do importu dla WordPressa. Kombinowałem, kombinowałem i przeliczyłem się :) W końcu siadłem i przekleiłem całego bloga… … ręcznie (176 wpisów z ilustracjami) . Komentarze także ręcznie (129 sztuk z linkami do stron autorów). Ręcznie także ustawiłem pierwotne daty publikacji.

Tak, bolało, ale warto było.  Już teraz czuję większą swobodę, chęci i plany. I żadnych ograniczeń. Jeszcze tylko szata graficzna, kilka udogodnień i zmian…

Będę kontynuował publikację bloga w dawnym charakterze – tylko ciekawe, krótkie i zwarte informacje. Takie, które mogą być przydatne. Jeśli zajmujesz się webmasterką w jakimkolwiek stopniu – warto tu wpadać. Zapraszam.

Ten blog został przeniesiony na blog.revolweb.pl

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.blog.revolweb.pl.
Zmienił się także adres kanału RSS – korzystających proszę o przepisanie subskrypcji na nowy kanał RSS: https://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.blog.revolweb.pl – Zapraszam!

Darmowe kształty

All Silhouettes 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!

Tworzenie czarno-białej wersji strony www

GrayBitPewien 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.

Nietypowe wykorzystanie CSS

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 ;)

Zbiór aplikacji on-line

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. :)

Ranking najlepszych rozmiarów boxów AdSense

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 120×600 niż szerszego – 180×600. 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.

Skuteczność AdSense

Polskie Pismo Amigowe

Polskie Pismo Amigowe #1 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.

Jaką część Twojej strony widzą użytkownicy?

Browser Size 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.