TechLife devBlog

Maj 2010

Google Font API

Internet, Techblog 19 maja 2010 23:29

Google pchnął dzisiejszego dnia sieć o dobre kilka kroków do przodu. Nie dość, że pojawił się projekt WebM, który prawdopodobnie raz na zawsze wydrze internetowe wideo z rąk Adobe i odda w ręce standardów, to jeszcze udostępniona dziś usługa Google Font API ma zamiar wzbogacić wreszcie strony w nowe fonty! Koniec cudowania z podmieniamiem tekstu przez obrazki, Flasha, canvasa czy inne cuda na kiju. Wreszcie wygląda to maksymalnie prosto i przejrzyście.

Wystarczy wybrać czcionkę z katalogu, wstawić odnoszący się do niej nagłówek:

‹link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'›

I już możemy korzystać z czcionki w CSS-ie:

h1 { font-family: 'Yanone Kaffeesatz', arial, serif; }

Wynik:
Wynik

No wreszcie! Czyżby Google nadrabiało za wpadkę z WIFI?

PlayFlash czyli YouTube i MPlayer

Internet, Linux, Techblog 19 maja 2010 22:14

Jak wiemy VP8 jest już w drodze, jednak do czasu pełnego wdrożenia pozostanie nam jeszcze użerać się z Flashem na nie bardzo wspieranych przez Adobe platformach tj. Linux czy Mac. Ułomność obsługi Flasha widoczna jest zwłaszcza przy wideo w wyższych rozdzielczościach.

Powstało już wiele rozwiązań tego problemu jak np. podmiana playera Flashowego na MPlayera lub wywoływanie w konsoli skryptów, które jako parametr dostają adres URL do filmu na YouTube.

Rozwiązania te nie są jednak jak dla mnie zbyt wygodne, ponieważ MPlayer nie jest w stanie zastąpić playera Flashowego, z racji tego, że np. nie zbuforuje filmu od wybranego fragmentu czy też nie umożliwi nam zmiany rozdzielczości filmu. Natomiast uruchamianie skryptu z podaniem mu adresu URL jest co by nie mówić nieporęczne, bo po co klikać dziesięć razy skoro można dwa.

Wiadomo, że ładujący się film z YouTube'a tworzy plik w katalogu /tmp/ o nazwie FlashXX... Wystarczy więc wyłapać najnowszy plik z tego katalogu o takiej nazwie i uruchomić go za pomocą naszego ulubionego odtwarzacza. Całe sterowanie można wykonać za pomocą standardowego Flashowego playera YouTube np. wybór rozdzielczości i ustawienie odpowiedniego miejsca startu filmu (np. od 2 minuty) a później skryptem ukrytym w ikonce lub skrócie klawiszowym uruchomić nasz natywny player i rozsiąść się wygodnie w fotelu.

Skrypt jest banalnie prosty:

/usr/bin/mplayer /tmp/`ls /tmp/ -tr | grep Flash | tail -1`

Ja mam go podpięty pod ikonkę dzięki temu używanie wymaga dwóch kliknięć (pauza w playerze YouTube i odpalanie skryptu).

PlayFlash w akcji

Snippety dla webdevelopera

Kodowanie, Linux, Techblog 13 maja 2010 19:24

Od czasu publikacji poprzedniej porcji snippetów dla mojego ulubionego edytora Geany minęło okrągłe 2 lata i 6 dni. Przez ten czas snippety uległy ewolucji (wykorzystuję je codziennie) jak również nowsze wersje Geany pozwoliły na umieszczenie w snippecie więcej niż jednej pozycji kursora.

Z racji tego, że pracuję jako webdesigner/programista/administrator oprócz zestawu HTML-a dodałem również kilka skrótów dla CSS-a oraz szczyptę udogodnień dla Django (głównie modele i szablony). Scaliłem również inne dostępne dla Geany snippety m.in. dla PHP, Pythona, LaTeX-a i Tlc oczywiście (z informacjami o ich autorach). Prawdę mówiąc, miałem nadzieję, że w ten sposób będzie można uporządkować dodatki na stronie Geany, tak aby do pobrania był jeden plik a z boku zbiorowa informacja o autorach, no ale z autorami strony trochę trudno się dogadać. Już nawet dorwałem ich bezpośrednio na IRC-u ale widocznie godzina była za późna i już mało kontaktowali.

W każdym razie dzięki Dropboksowi plik będzie teraz leżał zawsze w tym samym miejscu i w razie czego będzie na bieżąco aktualizowany, ponieważ mam go podpiętego bezpośrednio pod edytor.

snippets.conf

W szybki sposób można je pobrać tak:

$ wget http://dl.dropbox.com/u/668529/conf/snippets.conf -O ~/.config/geany/snippets.conf

Tradycyjnie dołączam mały przegląd. Oczywiście tylko pobieżnie.

Autorzy snippetów:

  • PHP - Atanas Beloborodov
  • Python - inspirowane snippetami z Gedita
  • LaTeX - Frank Lanitz
  • Tlc - Witek Mozga