Z każdym dniem rynek urządzeń mobilnych, a co za tym idzie przeglądarek mobilnych, zdecydowanie się zwiększa. Jednocześnie dla wielu z nich standardowe strony są zbyt duże, zawierają zbyt dużo JavaScript'u itp. - przez co nie mogą być poprawnie wyświetlone. Rozwiązaniem jest przygotowanie osobnej strony dostosowanej do tego typu urządzeń. A najlepiej by było automatycznie przekierować użytkowników przeglądarek mobilnych na taką stronę.
Opera 11: wtyczki do webdevelopmentu
Najnowsza wersja Opery - już 11 edycja - wprowadza sporo nowych udogodnień i funkcjonalności, w tym długo wyczekiwane wtyczki. To właśnie pluginy uczyniły przeglądarki konkurencji doskonałymi środowiskami do webdevelopmentu. Opera oferuje co prawda Dragonfly'a, ale jak wiadomo nie z samym debuggerem się współpracuje. Postanowiłem więc przyglądnąć się co ciekawego oferuje katalog pluginów dla webdevelopera.
Przeglądarki mobilne a Google Analytics
Przeglądarki na urządzeniach mobilnych niestety nie zawsze obsługują JavaScript. Może to być spowodowane ich ograniczeniami lub działaniem użytkownika, który celowo wyłączył uruchamianie skryptów na stronach. Niestety takie działanie powoduje, że standardowe śledzenie Google Analytics przestaje działać. Jednak jest sposób, aby nie rezygnować ze statystyk dla urządzeń mobilnych - wystarczy uruchomić kod śledzący po stronie serwera.


Tagi:
google,
google analytics,
mobile

FoxCards czyli prezenty od Mozilli
Mozilla obchodziła ostatnio szóste urodziny przeglądarki Firefox oraz uruchomiła mobilną wersję tej przeglądarki dla systemów Android i Maemo. Dodatkowo z okazji tych dwóch wydarzeń została ogłoszona akcja FoxCards - Mozilla prosi użytkowników, aby przysyłać do ich biur (we Francji lub USA) kartki pocztowe - w zamian będą wysyłane przesyłki z gadżetami z serii Firefox Mobile Kit. Właśnie odebrałem taką przesyłkę... :)
Jak połączyć przycisk 'Lubię to' ze stroną lub aplikacją na Facebook'u
Przycisk 'Lubię to' został zaimplementowany w celu przyspieszenia możliwości polubienia (a jednocześnie podzielenia się) jakieś strony/artykułu/wpisu na bloga. Czasami może się jednak zdarzyć, że będziemy chcieli go wykorzystać w celu polubienia naszej strony lub aplikacji na Facebook'u - głównie ze względu na jego mniejszą wielkość niż boks 'Like-box'. Pozostaje jednak zasadnicze pytanie - czy jest to możliwe, skoro jedyne definiowalne dowiązanie to adres URL.


Tagi:
facebook,
lubię to,
social plugin

Pole tekstowe z możliwością wypełniania głosem / Chrome
Google wprowadził do swojej przeglądarki Chrome ciekawą opcję uzupełniania pola tekstowego głosem. Wcześniej podobne rozwiązania były stosowane na platformie mobilnej Android - gdzie wybieranie głosem zostało udostępnione dużo wcześniej. W celu uruchomienia tej funkcjonalności konieczne jest wprowadzenie drobnej modyfikacji do kodu HTML.
Tagi:
google,
google chrome,
html5

Google Developer Day 2010 - Praha
Podobnie jak w zeszłym roku czeski oddział Google zorganizował konferencję z cyklu Google Developer Day w Pradze. Pomimo sporej ilości ludzi rejestrujących się na GDD oraz krótkiego terminu rejestracji udało mi się otrzymać zaproszenie i uczestniczyć w tym ciekawym wydarzeniu. W tym roku tematami przewodnimi były: przyszłość internetu - czyli HTML5 i poniekąd przeglądarka Chrome, cloud computing - Google App Engine oraz platforma Android.
Tagi:
google,
Google Developer Day

Serwer do WebSocket'ów
Wraz z nadejściem HTML5 jest wprowadzana obsługa WebSocket'ów - czyli strumieniowych połączeń do serwera. Po stronie klienta implementacja jest banalna - kilka linijek i połączenie ustanowione. Częściej problemem jest znalezienie serwera, który mógłby nam posłużyć chociażby do celów testowych. W tym celu wybrałem dwa serwery (w Pythonie i PHP) i uruchomiłem na nich echo serwery.


Jak zmienić język social plugin'ów Facebook'a
Język dla gadżetu Facebook'a jest wybierany automatycznie. Jednak czasami może zdarzyć się sytuacja, kiedy chcemy wymusić język w jakim będzie wyświetlany nasz widżet. Można to zrobić zarówno osadzając go iframe albo jako znacznik XFBML.
Tagi:
facebook,
locale,
social plugin

Redesign bloga
Ostatnimi dniami blog nieco zmienił swoją oprawę. Oprócz zmiany nazwy na JS CodeBlocks (bardziej związaną z tematyką bloga) została odświeżona grafika oraz układ i dobór elementów w menu górnym oraz bocznym.


Tagi:
blog

Szablony Bloggera
Blogger jako jeden z niewielu produktów Google posiada dziwnie rozsianą dokumentację. To co znajduje się na stronach code.blogger.com, często nie posiada kompletnych informacji (np. co jest wymagane) ani przykładów. Dodatkowo polska część dokumentacji obejmuje tylko stare szablony (Classic Templates), więc jeśli chcemy dotrzeć do dokumentacji w nowszej wersji czasem trzeba w linku zamienić z hl=pl na hl=en. Jak w takim razie zacząć?

Moje własne Street View
Google wprowadzając usługę Street View wywołał rewolucję - masowe pojawienie się interaktywnych panoram zrobiło wrażenie. Ciekawy jest także silnik, który pozwala na podział obrazka na mniejsze z większą rozdzielczością - co przyspiesza ściąganie widocznej strony panoramy. Najlepsze jest jednak to, że możemy użyć tej technologii bezpośrednio u siebie na stronie.

Tagi:
google,
google apis,
google street view

Co nowego u jQuery
jQuery Project - organizacja przygotowująca jeden z najpopularniejszych framework'ów do JavaScriptu wypuściła ostatnio dwa produkty - kolejną mniejszą wersję z serii 1.4 - oznaczoną kolejno 1.4.3. Drugą rzeczą jest przygotowanie specjalnej wersji framework'u na platformy mobilne - jQuery Mobile, póki co w wersji alpha.

Tagi:
jquery,
jquery mobile

Wyszukiwarka po własnej stronie - szybko i bezpłatnie
Jeśli myślimy o wyszukiwarce internetowej to najczęściej mamy na myśli Google. A w momencie, kiedy na stronie mamy umieścić wyszukiwarkę to czemu nie skorzystać z dobrodziejstw, które oferuje ta usługa? Zwłaszcza teraz, kiedy można bezboleśnie umieścić wyniki wyszukiwania po naszej stronie praktycznie nadając im dowolny styl - przez co integracja strony zostaje zachowana. Zatem zapraszam do Google AJAX Search API.


Opera Widgets - jak to się robi
Opera wprowadziła już całkiem dawno możliwość robienia widżetów na przeglądarkę. Wbrew pozorom termin 'widżet na przeglądarkę' nie oznacza tworzenia wtyczek - Opera stała się platformą uruchomieniową aplikacji. Widżety programujemy jak zwykłą stronę internetową (HTML, CSS, JavaScript) - z tą różnicą, że JavaScript posiada rozszerzone API m.in. o dostęp do plików, a silnikiem jest wydajny Carakan z wsparciem dla najnowszych rozwiązań HTML5 - a całość wyświetla się jako aplikacja okienkowa. Wszystko pięknie - ale jak zacząć?
![]() |
Przykład widżetu na Operę - Toppler |
Tagi:
opera,
opera widgets,
wgt

Gdzie zdobyć oficjalne gadżety Google, Mozilla i innych znanych firm branży IT
Wraz z wzrostem rozpoznawalności marek firm z branży komputerowej użytkownicy zaczęli przywiązywać się do nich a nawet utożsamiać. Doskonałym przykładem jest firma Google i jej wszechobecna gadżetomania - małe piłeczki, notesiki, koszulki, kubki itd. itd. wymieniać można w nieskończoność. Inne firmy także nie zostają w tyle - Mozilla oferuje pluszową maskotkę lisa, Oracle figurkę pingwina. Ale gdzie znaleźć takie rzeczy? Oto spis oficjalnych sklepów firm informatycznych z gadżetami.
![]() |
Czapka z oficjalnego sklepu Google Store |
Tagi:
google,
google store,
koszulki,
kubki,
mozilla

Pierwsza animacja w KML
Rozszerzenie Google'a do standardu KML pozwala na definiowanie własnej animacji po Ziemi. Dzięki temu możemy przygotować prezentację najciekawszych miejsc i udostępnić je na swojej stronie lub jako osobny plik. Dodatkowo w trakcie trwania animacji możemy zmieniać niektóre właściwości obiektów umieszczonych na globie - takie jak kolor, wielkość czy widoczność.

Tagi:
google,
google earth,
gx:flyTo,
gx:Playlist,
gx:Tour

Płaszczyzny w KML
Standard KML pozwala na definiowanie płaszczyzn z dowolną liczbą wierzchołków. Dodatkową opcją jest możliwość wykonywania otworów w płaszczyźnie - poprzez dodawanie wewnętrznych krawędzi. Podobnie jak w przypadku linii, płaszczyzna także może posiadać atrybut extrude, co powoduje, że jej wierzchołki są sprowadzane do powierzchni - co umożliwia łatwiejsze tworzenie modeli np. domków o płaskim lub jednospadowym dachu.


Tagi:
google,
google earth,
kml,
polygon

Jak zrobić domek w KML
Google Earth pozwala generować obiekty 3D na podstawie linii. Dzięki temu możemy utworzyć modele ścian, ogrodzeń, wyciągów narciarskich czy innych prostych modeli. Dodatkowo wykorzystując obiekt Polygon możemy uzupełnić model 3D o płaszczyzny poziomy i utworzyć na ich podstawie np. model domku.

Tagi:
google,
google earth,
kml,
lineString,
polygon

Linie w Google Earth (KML)
Ostatnio była mowa o punktach - teraz czas na elementy charakterystyczne dla grafiki dwuwymiarowej - czyli liniach ale oczywiście w trójwymiarze. Dzięki temu oprócz x (wysokości) i y (szerokości) mamy dostęp do osi z czyli wysokości oraz innych bonusów płynących z 3D jak np. odniesienie linii do powierzchni, tworzenie "ścian" na podstawie linii, a co za tym idzie generowanie prostych modeli 3D.


Tagi:
google earth,
kml,
lineString

Nowe narzędzia testujące do Google Analytics
Google nareszcie udostępniło narzędzie do weryfikacji czy kody Google Analytics zostały poprawnie wpięte na naszą stronę internetową. Główną motywacją do używania narzędzia ma być przejście na nowy system kodów asynchronicznych. Google Analytics Tracking Code Debugger, bo taka jest pełna nazwa narzędzia, pozwala m.in. na weryfikację wpiętych kodów, sprawdzanie zliczania zdarzeń oraz sprawdzenie, czy gole ustawione są poprawnie.

Web developing na Operę Mini i Mobile
Opera Mini oraz Mobile stanowią większość rynku przeglądarek internetowych dla urządzeń mobilnych. Jednocześnie Opera Mini, która jest dostosowana nawet do najmniej "wypasionych" telefonów tylko częściowo obsługuje JavaScript - kosztem minimalizacji wielkości strony, a co za tym idzie mniejszym transferem. Dlatego ważna jest możliwość przetestowania strony wcześniej - zanim wrzucimy ją na serwer. Opera Mobile z kolei jest pełną przeglądarką internetową - tutaj działa JavaScript itd., natomiast problemem może być mała rozdzielczość ekranu - dlatego zawsze warto przetestować.
Tagi:
mobile,
opera,
opera mini,
opera mobile

Obsługa zdarzenia mouseover dla placemark'ów - Google Earth KML
Google Earth nie posiada możliwości dołączenia zdarzeń chociażby w taki sposób jak jest to robione w JavaScript'cie. Zamiast tego posiada zdefiniowane akcje - na kliknięcie pojawia się tekst, zaś na najechanie myszą tekst oraz ikona nieco się powiększa. Odpowiednia definicja stylów oraz ich podpięcie do placemark'a pozwala podmienić jego wizerunek.


Tagi:
google,
google earth,
kml,
placemark

Markery/placemarki w Google Earth (KML & API)
Podobnie jak w Google Maps, Google Earth oferuje dodawanie na powierzchni Ziemi swojego własnego markera. Nazwa co prawda została zmieniona na placemark, ale główny cel obiektu pozostaje taki sam jak w Google Maps - posiada jednak kilka dodatkowych funkcji, najczęściej bezpośrednio związanych z możliwościami Earth'a. Jednocześnie markery możemy dodać zarówno z poziomu JavaScript API oraz KML.


Tagi:
google,
google earth,
kml

Jak umieścić Google Earth na stronie lub blogu
Dzięki wtyczce Google Earth do przeglądarek możemy umieścić na swojej stronie ten oto obiekt, korzystając z wszystkich korzyści płynących z plików KML, a dodatkowo otrzymujemy API do JavaScriptu. Google Earth można osadzić jako obiekt Google Earth poprzez metody JavaScript udostępnione w ramach Google Earth API. W zaledwie kilku linijkach możemy uruchomić wirtualny świat 3D na własnej stronie.

Tagi:
google,
google apis,
google earth

Button 'Udostępnij' na Facebooku - wakacyjny kurs Facebook'a
Jak wszystkim wiadomo Facebook pozwala publikować na ścianie różnego typu informacje - m.in. linki do stron WWW. Aby ułatwić użytkownikom serwisu umieszczanie linków na swojej ścianie często dodawane są specjalne buttony, które wyświetlają ilość wpisów na tablicach facebook'owiczów - tym celu FB stworzył widżet Facebook Share.

Tagi:
facebook,
facebook share,
kurs facebook,
udostępnij

Fan Box - boks z fanami - wakacyjny kurs Facebook'a
Komponent Fan Box dostępny w XFBML'u jest bardzo zbliżony do social pluginu Like Box - posiada praktycznie tą samą funkcjonalność - natomiast FB dołączył Fan Box'a w miarę dokładną specyfikację oraz do niedawna oferował możliwość łatwej integracji z platformami blogowymi takimi jak Blogger, TypePad. Niestety obecnie kreator Fan Box'a przenosi nas do kreatora Like Box'a.


Tagi:
facebook,
fan box,
kurs facebook,
social widgets

Wizytówka strony - wakacyjny kurs Facebooka
Ostatnim komponentem z serii wizytówek jest wizytówka strony. W przeciwieństwie do innych elementów z tego działu - możemy posiadać tylko jedną wizytówkę dla jednej strony (domyślnie są one utworzone). Edycja wizytówki umożliwia podobnie jak w pozostałych elementach ustalenie układu oraz wybór jednej z czterech opcji definiowanych dla strony.


Tagi:
badge,
facebook,
kurs facebook,
wizytówka strony,
wizytówki

Wizytówki zdjęć - wakacyjny kurs Facebook'a
Facebook udostępnia wizytówkę, która prezentuje nasze ostatnie zdjęcia. Miniaturki zdjęć umieszczone w wizytówce są automatycznie odświeżane i pobierane niezależnie od albumu - ich limit jest określany podczas tworzenia wizytówki. Jest to dobry pomysł na stworzenie czegoś w stylu Flick Photo Stream Badge - tyle, że z dużo mniejszą możliwością konfiguracji - ale za to połączony z Facebookiem.


Tagi:
badge,
facebook,
kurs facebook,
wizytówka zdjęć,
wizytówki

Znacznik "lubię to" - wakacyjny kurs Facebook'a
Kolejnym komponentem w dziale wizytówek jest znacznik `Lubię to`. W odróżnieniu od pozostałych wizytówek nie jest to generowany obrazek - a normalny boks. Stosując ten znacznik możemy wybrać jedną stronę, którą lubimy i pochwalić się nią na swojej stronie.
Do końca nie wiem jakie były zamierzenia tego komponentu - ale może akurat komuś się przyda :)

Do końca nie wiem jakie były zamierzenia tego komponentu - ale może akurat komuś się przyda :)

Tagi:
facebook,
kurs facebook,
wizytówki,
znacznik lubię to

Wizytówki profilu - wakacyjny kurs Facebook'a
Facebook oferuje przygotowanie różnego rodzaju wizytówek - informacji z Facebook'a umieszczonych w formie dynamicznie generowanych obrazków (oprócz znacznika lubię to). Dzięki takiemu podejściu mamy prawie 100% pewności, że każdy zobaczy je w takiej samej postaci (no może za wyjątkiem użytkowników przeglądarek tekstowych ;)). Zaczniemy od wizytówki naszego profilu - mamy możliwość umieszczenia w nim naszych informacji, zdjęć, wydarzeń w których uczestniczymy.


Tagi:
badge,
facebook,
kurs facebook,
wizytówka profilu

Przyjaciele na stronie - Friendpile - wakacyjny kurs Facebook'a
Ostatnim komponentem z serii social plugins jest Friendpile. Ma on za zadanie pokazywać zalogowanym użytkownikom listę znajomych, którzy przyłączyli się do aplikacji (wyrazili zgodę na dostęp do swoich podstawowych danych). W zasadzie działa to identycznie jak opcja show-faces przy przycisku logowania - jednak w momencie, kiedy użytkownik jest niezalogowany pozostaje puste pole zamiast przycisku Zaloguj się.


Tagi:
facebook,
friendpile,
kurs facebook,
social plugin

Logowanie z Facebook'iem - Login Button - wakacyjny kurs Facebook'a
Facebook udostępnia w ramach social plugin przycisk logowania - można go wykorzystać m.in. do zalogowania do komentarzy, a także po zalogowaniu użytkownika mamy dostęp do jego podstawowych informacji (jeżeli je udostępnił). Dane te można wykorzystać później np. w dostosowywaniu treści do zainteresowań użytkownika. Umieszczanie przycisku jest bardzo proste - a i możliwości dostosowywania są stosunkowo duże.

Tagi:
facebook,
kurs facebook,
login button,
social plugin

Komentarze - Comments Box - wakacyjny kurs Facebooka
Tak jak obiecałem kolejny post będzie o komentarzach. Facebook udostępnił możliwość umieszczania komentarzy do każdej strony dla zalogowanych użytkowników Facebook'a. Komentarze oprócz umieszczenia na naszej stronie mogą być także umieszczone na ścianie użytkownika. Jest to bardzo dobre rozwiązanie w momencie, kiedy nie chcemy sami implementować mechanizmu komentarzy, a jednocześnie chcemy lepiej poznać użytkowników - zwłaszcza, jeżeli nie pozwolimy umieszczać anonimowych komentarzy ;)


Tagi:
comments box,
facebook,
kurs facebook,
social plugin

Jak osadzić XFBML na własnej stronie - wakacyjny kurs Facebook'a
Każdy social plugin Facebook'a może być umieszczony za pomocą XFBML - niektóre tylko za jego pomocą. Co to jest i w jaki sposób go osadzić na własnej stronie? XFBML jest rozszerzeniem HTML'a, który pozwala na umieszczanie elementów Facebook'a za pomocą znaczników - są one tłumaczone i przekształcane np. w button like. Ich zasadniczymi plusami są:
- łatwiejsze osadzanie na stronie
- większe możliwości konfiguracji osadzanych obiektów
Minusem jest konieczność skorzystania z dodatkowej biblioteki Javascript SDK - i zaraz właśnie o tym...


Tagi:
facebook,
javascript sdk,
kurs facebook,
xfbml

Aktywności - boks Activity Feed - wakacyjny kurs Facebooka
Po weekendzie zajmiemy się boksem podobnym do rekomendacji - a nawet mogącym zawierać poprzednio omawiany komponent - Activity Feed. Aktywności prezentowane w boksie przedstawiają wpisy dokonane przez naszych znajomych z podanej domeny - w ten sposób możemy umieścić przegląd aktywności związanych z naszą stroną spersonalizowany do zalogowanego użytkownika.


Tagi:
activity feed,
facebook,
kurs facebook,
social plugin

Polecane - box Recommendation - wakacyjny kurs Facebooka
Facebook udostępnia nam możliwość umieszczenia boksu, który zawiera rekomendacje stron dla wyznaczonej domeny na podstawie informacji udostępnianych przez użytkowników. Jednocześnie jest to chyba jeden z pluginów z największymi możliwościami dopasowania. Dobrze nadaje się do promowania swoich postów w stylu 'najczęściej czytane' lub 'najpopularniejsze'.

Live stream - czyli współdzielone komentarze - wakacyjny kurs Facebooka
Co zrobić w sytuacji, kiedy chcemy udostępnić użytkownikom naszego serwisu coś w stylu Facebook'owej tablicy? Wówczas możemy zastosować Live stream - kolejny boks udostępniony przez Facebook'a, który tym razem służy do publikacji informacji pomiędzy użytkownikami. Docelowo wiadomość użytkownika trafia zarówno na ogólnodostępną tablicę, jak i na tablicę użytkownika - lub tylko na tablicę użytkownika.

Tagi:
facebook,
kurs facebook,
live stream,
social plugin

Boks Lubię to! - Like Box - wakacyjny kurs Facebooka
Ostatnio była mowa o przycisku Lubię to! - tym razem zajmiemy się całym box'em Lubię to! czyli Like Box. W odróżnieniu od przycisku jest on powiązany z profilem strony lub aplikacji na Facebook'u. Oprócz ikonki profilu i jej nazwy mamy do dyspozycji także listę osób lubiących naszą stronę, krótki przegląd treści, które umieszczamy na tablicy, a z elementów graficznych możemy włączyć lub wyłączyć nagłówek z logiem Facebooka.

Tagi:
facebook,
kurs facebook,
like box,
social plugin

Button 'Lubię to' na Twojej stronie lub blogu - wakacyjny kurs Facebooka
W ramach wakacyjnego kursu Facebook'a będziemy zajmować się social plugin'ami oraz innymi bonusami, które Facebook pozwala umieścić na swoich stronach. Na początek zajmiemy się magicznym przyciskiem Lubię to. Dzięki temu plugin'owi możemy lubić każdą stronę w Internecie, ale jest ona powiązana z Facebook'iem tylko poprzez adres URL - nie ma możliwości połączenia ze stroną lub profilem na FB.

Tagi:
facebook,
kurs facebook,
lubię to,
social plugin

Półprzezroczyste tło nawet w IE
Niedawno wspominałem o rozciąganiu tła na całą stronę - tym razem chcę również poruszyć temat tła, jednak jednolitego i półprzezroczystego. CSS3 w swojej opracowywanej specyfikacji zawiera wsparcie dla kanału alpha, pozwalając definiować kolory w postaci rgba(255,255,255,0.8). Większość przeglądarek - jak Firefox, Opera czy Chrome posiadają już wsparcie dla tej metody od dłuższego czasu, ale jak zwykle pozostaje pytanie: co z IE? Otóż należy zastosować "magiczne" filtry Internet Explorer'a...
To jest demo półprzezroczystości (IE)
Tagi:
css3,
półprzezroczystość,
rgba,
tło

6 sposobów na dodanie własnej czcionki do strony internetowej
Problem z umieszczeniem własnej czcionki na stronie internetowej istniał od zawsze. Najpewniejszą metodą było wygenerowanie tekstu w programie graficznym, a następnie wstawienie go jako obrazka. Gorsza sprawa, kiedy generowany tekst jest dynamiczny. Na szczęście istnieje coraz więcej mechanizmów, które pozwalają na podmianę tekstu na stronie zgodnie z wyznaczoną czcionką - czy to przy użyciu Flash'a, PHP z biblioteką GD, czy mechanizmów grafiki wektorowej (SVG, VML, canvas).
Przykład z polskimi czcionkami
Google Font API - zażółć gęślą jaźń
Tagi:
cufon,
czcionki,
google font api,
typeface

Tło na całą stronę - CSS3 + Flash + tabelki
W momencie pojawienia się szybkich łącz zaistniała możliwość umieszczania coraz to większych (i cięższych w bajtach) zdjęć na stronach. Jedną z ciekawszych metod designerskich jest umieszczenie obrazka w tle - rozciągniętego na całą stronę. Przykładem strony nie zrobionej we Flashu, w której zastosowano rozciąganie tła jest Go To China. Innym rozwiązaniem - bardziej wydajnym jest zrobienie tylko komponentu tła we Flashu, zaś najnowszym - zastosowanie CSS3.
Tagi:
background-size,
css3,
full screen,
rozciągnięcie tła

Jak zmienić kolor map? - Google Maps 3
Wraz z wprowadzeniem trzeciej wersji map, Google zaoferowało nowe możliwości konfiguracji ich wyświetlania. Obecnie za pomocą stylów możemy kontrolować wyświetlanie dróg, rzek, terenów, granic administracyjnych, krajobrazu poprzez wybór sposobu wyświetlania (wyłączone, uproszczone, włączone) oraz definicję kolorów.
Tagi:
google maps,
google maps v3,
styler

Porównanie 8 bibliotek do generowania wykresów w przeglądarce
Poprzedni post dotyczący Google Maps odnosił się do pobierania danych o wysokościach punktów na mapie - na końcu krótko wspomniałem o metodach prezentacji. Dzisiaj skupimy się właśnie na metodach prezentacji danych - czyli wykresach, ale tylko tych, które możemy wygenerować z poziomu przeglądarki (czyli JavaScript lub ew. zdalne usługi jak Google Charts).
Tagi:
flot,
google charts api,
javascript,
jqplot,
jquery,
jquery plugins,
wykresy

Przycisk 'Lubię to' w aplikacji na Facebooku
Od niedawna Facebook udostępnił w ramach Social Plugins możliwość umieszczania przycisku Lubię to (dawnego Zostań fanem) na swoich stronach. Dobrym pomysłem byłoby umieszczenie takiego przycisku w naszej aplikacji działającej na Facebook'u - czy to do naszej strony, czy do strony aplikacji. Niestety sam komponent fb:like może służyć tylko do linków zewnętrznych. Wówczas z pomocą przychodzi nam komponent fb:like-box przystosowany właśnie do aplikacji oraz stron - przy odrobinie ustawień możemy zrobić kontrolkę, która będzie całkiem schludnie zachęcać użytkowników do polubienia naszej aplikacji.
![]() |
Podgląd plugin'u Lubię to dla bloga |
Wysokości punktów na mapie z Google Elevation Web Services
Tym razem artykuł będzie o pobieraniu dodatkowej informacji w zakresie map - wysokości. Google udostępnia specjalną usługę, która pozwala pobrać wysokość dowolnego punktu. Oprócz pobierania pojedynczych wartości dla punktów, istnieje także możliwość pobrania serii wyników dla linii (do 512 punktów).
Skuteczny upload plików z Plupload oraz jQuery
Twórcy znanego edytora WYSIWYG dedykowanego dla JavaScriptu tym razem zaprezentowali komponent do uploadu plików na serwer - Plupload. Oprócz opracowanych już przez innych metod wrzucania plików przy wykorzystaniu iframe'mów czy wykorzystaniu elementów Flash skupia w sobie 6 różnych metod - jedna z nich jest wybierana, w zależności od dostępności.
Prima Aprilis w Google
W dniu wczorajszym mieliśmy wesoły dzień - Prima Aprilis. Niezwykle aktywny w robieniu żartów okazał się Google - od wprowadzaniu nowych funkcjonalności na serwisie YouTube (TEXTp) po serię wpisów na swoich blogach - w tym o zmianie nazwy na Topeka oraz nowych wynalazkach jak translator do mowy zwierząt ...
Tagi:
google,
prima aprilis,
textp,
topeka

Darmowe czcionki w internecie (polskie i zagraniczne)
Chciałem przedstawić kilka źródeł darmowych czcionek, z których korzystam zarówno przy przygotowaniu layoutów stron, jak i do prezentacji i innych materiałów, które przygotowuję. Do wykorzystania są zasoby polskie (uboższe ale z polskimi znakami) oraz zagraniczne (dużo większe, ale ogonki trzeba dorysować).
Tagi:
czcionki,
darmowe czcionki,
fontsquirrel

Własne markery w Google Maps i Google Earth
Używając map Google często zachodzi potrzeba utworzenia własnego markera. W tym celu możemy użyć zarówno narzędzi Google - takich jak Charts API, wykorzystać ikony dostępne w programie Google Earth, skorzystać z gotowych rozwiązań, lub stworzyć własny niepowtarzalny marker (używając innych generatorów).
Tagi:
google charts api,
google maps,
marker

Mapy Google - kreator ścieżek - ulepszanie UI
Po serii ulepszania i dodawania nowych funkcjonalności do naszej aplikacji, pora na drobne poprawki i usprawnienia w ich obsłudze. Tym razem na tapecie znajdzie się dopasowywanie okna do rozmiaru narysowanej linii, wyeliminowanie dodawania kilku linii po wielokrotnym naciśnięciu przycisku 'Nowa linia' oraz zamiana tego przycisku na menu kontekstowe.
jQuery PhotoShoot - efekt robienia zdjęć na jQuery
Całkiem nie dawno zaprezentowano ciekawy plugin do framework'u jQuery umożliwiający tworzenie efektu robienia zdjęć - a dokładnie widoku wizjera na tle rozmazanego obrazka. Przykład dołączony do rozszerzenia pokazuje także, w jaki sposób przygotować "podgląd" zrobionych zdjęć.
Tagi:
css3,
efekty javascript,
javascript,
jquery,
jquery plugins,
photoshoot

Mapy Google - kreator ścieżek - zarządzanie wieloma liniami
Tym razem zajmiemy się metodami zarządzania wieloma ścieżkami, które zostały utworzone w naszym edytorze. Opracujemy elementy odpowiedzialne za listowanie ścieżek, wyświetlanie współrzędnych aktywnej ścieżki oraz usuwanie wybranej linii.
Tagi:
google,
google maps,
GPolyline,
wiele polyline
