Filtry w CSS3

CSS3 wprowadza spore możliwosci co do definiowania wyglądu elementów. Jedną z nowości są filtry, które pozwalają tworzyć różne transformacje. Wsród predefiniowanych filtrów znajdują się m.in. skala szarości, blur, sepia czy odwracanie kolorów. Dzieki temu możemy oszczedzić sporo czasu (np. poprzez dodanie filtrów do obrazków po stronie klienta, bez konieczności używania elementu canvas).

Google Developer Day 2011

Kolejny Google Developer Day w Pradze i kolejne świetne prezentacje o tematyce tworzenia stron/aplikacji internetowych w oparciu o najnowsze technologie. Dla mnie najciekawszy był potok prezentacji pod tytułem Chrome & HTML5. W trakcie wystąpień była mowa zarówno o zastosowaniach HTML5 w życiu codziennym jak i HTML5 z tzw. bleeding edge (WebRTC, WebIntents) itp. Zatem co słychać w technologiach internetowych wg Google? Oto krótka lista tego co mogliśmy zobaczyć na GDD.

Mozilla Dev Derby

Promocja nowych możliwości HTML5 staje się coraz mocniejsza i coraz ciekawsza - szczególnie dla developerów. Poszczególni producenci przeglądarek starają się organizować różne konkursy, żeby zachęcić nas do skorzystania z technologii takich jak CSS3 czy znaczników <video>. Jednym z ciekawszych konkursów tego typu jest Mozilla Dev Derby.

Google+ API

Google nie dawno wystartował z serwisem społecznościowym, a dzisiaj udostępnia pierwszą wersję API do Google+. Funkcjonalność trzeba przyznać nie jest jeszcze zbyt duża, ale daje na próbkę możliwości tego w jaki sposób będziemy mogli wkrótce tworzyć aplikacje na platformę Google.

Typy pola <input> w HTML5

HTML5 oprócz specyfikacji nowych tagów, możliwości i rozszerzeń, dodaje także nowe funkcjonalności do istniejących już elementów. Jednym z nich są formularze i specyfikacja HTML5 poświęca im cały dział HTML5 Forms. W nowościach m.in. znajdują się nowe typy pola <input>. Przyjrzyjmy się zatem jakie one są.

document.styleSheets, czyli bezpośredni dostęp do stylów z JS

Dostęp do stylów elementów poprzez JavaScript nikogo nie dziwi - w końcu sam DOM daje nam możliwości edytowania stylów dla poszczególnych elementów poprzez obiekt style. Dodatkowo metody takie jak getComputedStyle pozwalają nam na dostęp do aktualnych, "obliczonych" wartości przypisanych do elementów. Po co w takim razie bezpośredni dostęp do arkuszy stylów?

Piewsze wrażenia z Google+

Nareszcie Google wypuszcza swój serwis społecznościowy - zupełnie inny produkt niż dotychczasowy Orkut. Po części sprawdziły się też plotki o nazwie Circles (w tłumaczeniu kręgi), które jak się okazało nie są nazwą produktów, a jedynie narzędziem do grupowania znajomości. Sam serwis nosi nazwę Google+. Wszystko wygląda ładnie prosto, choć nie dało się uniknąć wielu zapożyczeń od największego konkurenta - Facebooka.

Zdarzenie onclick w CSS3

W CSS3 zostały wbudowane pseudoklasy, które m.in. pomagają obsłużyć takie zdarzenia jak znane z JavaScriptu onmouseover, onfocus. Ale czy istnieje możliwość obsługi kliknięcia, które jest jednym z najczęściej wykorzystywanych zdarzeń? Okazuje się, że częściowo można...

+1 do Twojej strony - nowy widżet Google

Google powoli próbuje wejść na rynek mediów społecznościowych - tym razem wprowadził przycisk +1, który jest mniej więcej odpowiednikiem facebook'owego Lubię to. Do +1 otrzymujemy także przejrzysty generator, który utworzy nam kod do wklejenia na stronę. Ale po co nam dodatkowy przycisk społecznościowy na stronę?

Zmiany w usługach Google API (Maps, Translate,...)

Google przyszykował nieco zmian w swoich usługach typu Google API. Oprócz serii nowych i ulepszaniych usług na liście uakualnień znalazła się także spora grupa wycofywanych i zamykanych API. Wśród nich znalazł się m.in. tłumacz Translate API, który był powszechnie stosowany w różnych aplikacjach internetowych. Zobaczmy co Google przygotowało dla developerów podczas tegorocznej wiosny.

HTML5 na Google I/O 2011

Coroczna wielka impreza sponsorowana przez Google pod nazwą I/O w tym roku skupiła się na dwóch aspektach - Androidzie i Chrome/HTML5 (a w każdym razie te dwie sesje były transmitowane). W moim przypadku główne zainteresowanie wzbudził drugi potok prezentacji - a znalazły się wśród nich bardzo ciekawe i dobrze omówione zagadnienia związane z tworzeniem gier w HTML5, zastosowaniem niestandardowych czcionek, przyszłością standardów internetowych czy tworzeniem mobilnych stron internetowych. Oto krótki przegląd prezentacji, które mnie szczególnie zainteresowały.

Pseudoklasy CSS3

CSS w wersji 2 oferował zaledwie kilka, ale jakże przydatnych pseudoklas dla różnych znaczników stron. CSS3 zdecydowanie rozszerza te możliwości dzięki czemu mamy większą kontrolę nad elementami, co pozwala nam zaoszczędzić w kodzie szablonu oraz dodawania dodatkowych klas, a także używania JavaScriptu. Oto krótki przegląd pseudoklas dostępnych w CSS3.

Problem aktualizacji przeglądarek - analiza

Aktualizacja przeglądarek to w dzisiejszych czasach rzecz najzupełniej normalna. Jednak, aby użytkownicy chcieli dokonać aktualizacji potrzeba im motywacji (usunięte błędy bezpieczeństwa lub nowe możliwości i większa prędkość) lub sprowadzić cały ten proces do jak najprostszych czynności (np. autoaktualizacja w tle). W ten sposób osoba korzystająca ma aktualny program, a producent nie musi się troszczyć o wspieranie/łatanie poprzednich wersji. Jednak niektóre firmy mają z tym zdecydowany problem.

Generowanie dźwięku w HTML5

HTML5 od samego początku był projektowany pod kątem ścisłej integracji z multimediami takimi jak dźwięk czy wideo. Jednak przeglądając dokumentację brakuje pewnych metod - m.in. do generowania dźwięku. Co prawda Mozilla oraz Google już pracują nad rozszerzonym API do dźwięku, ale na ostateczną wersję musimy jeszcze trochę zaczekać. W międzyczasie powstała biblioteka, która omija ten problem przekazując jako źródło bezpośrednio dane binarne.

SSL dla Google Maps API

Połączenie szyfrowane dla Google Maps API do tej pory było dostępne w płatnej wersji Google Maps - Premier API. Z dniem wczorajszym Google zdecydowało jednak, że dostęp do wielu swoich API, w tym do Google Maps, będzie dostępny poprzez łącze szyfrowane bez dodatkowych opłat. Drobna modyfikacja w adresie URL do API pozwala nam szybko przełączyć się na warstwę SSL.

Google Analytics w Picasa Web, Google Docs oraz Google Code

Google Analytics jest jednym z najpopularniejszych narzędzi do śledzenia ruchu na stronach internetowych. Wykorzystując pewne narzędzia Google jak Picasa Web Albums, Google Docs (np. w formie prezentacji czy formularza) czy umieszczając swój program na Google Code dobrze byłoby również otrzymywać dane statystyczne. Wprowadzenie odpowiednich danych w ustawieniach tych aplikacji pozwala na włączenie statystyk Google Analytics.

Przegląd 5 edytorów online dla JavaScriptu

Głównym środowiskiem uruchomieniowym dla JavaScriptu jest przeglądarka internetowa. Samo kodowanie może odbywać się przykładowo poprzez konsolę Firebuga, więc nic nie stoi na przeszkodzie, aby stworzyć swój własny edytor online, który będzie umożliwiał podświetlanie, uruchomienie oraz testowanie kodu JavaScript bezpośrednio na stronie internetowej. Oto przegląd moim zdaniem najciekawszych narzędzi tego typu.

Aplikacje JavaScript na Androidzie z Operą Widget Manager

Współczesne przeglądarki wyposażone w środowisko JavaScript potrafią utworzyć doskonałe środowisko uruchomieniowe nie tylko dla aplikacji jak klient poczty, ale także dla bardziej zaawansowanych - czego doskonałym przykładem mogą być Dokumenty Google. Opera poszła o krok dalej - umożliwiła uruchamianie aplikacji (widżetów) napisanych w HTML/JavaScript jako niezależne aplikacje desktopowe pośrednio poprzez Opera Widget Manager. Od niedawna możemy się także cieszyć taką maszyną uruchomieniową dla systemu Android.

Tablica Mendelejewa Google'owych produktów i API

Google słynie z często nietypowych prób wizualizacji swoich serwisów. Przykładem może być system Android z sympatycznym robocikiem jako logo oraz nazwami różnych słodkości w odniesieniu do poszczególnych wersji. Oprócz charakterystycznych znaków swoich produktów Google przygotowuje ciekawe filmy i prezentacje swoich produktów. Ostatnio trafiłem na tablicę przypominającą tablicę Mendelejewa - ale zamiast pierwiastków znajdziemy tam produkty i API wprost od Google.

Nowe metody do obsługi AJAX w jQuery 1.5

Nowa wersja jQuery wprowadza nowe metody, które pozwalają na bardziej intuicyjne zarządzanie żądaniami AJAX. Wśród nich znajdziemy zarówno rozszerzone możliwości funkcji $.ajax, jak i dodanie obiektu Deferred Object, który przechowuje status aktualnego żądania - a także pozwala łatwo łączyć metody obsługi żądania. Jak widać zmiany w obsłudze AJAX'a są dość spore - ale wiązało się z całkowitym przepisaniem tego modułu.

HTML5 ma własne logo

Prace na HTML5 stają się coraz bardziej zaawansowane - może o tym także świadczyć fakt, że przygotowana została pierwsza wersja loga, a także reprezentacje graficzne poszczególnych technologii zawartych w ramach przygotowywanego standardu. Całość jest umieszczona na bardzo ładnie przygotowanej stronie internetowej - oczywiście zgodnej z HTML5.

Kursor -moz-grab dla każdej przeglądarki

Mozilla wdrożyła w swojej przeglądarce Firefox dodatkowe kursory - np. -moz-grab. Jest to standardowy kursor przypisany (w systemach operacyjnych) do obsługi zdarzenia drag'n'drop. Jako, że do czasu HTML5 zdarzenie to nie było oficjalnie wspierane przez przeglądarki, więc i obsługa wyglądu nie była potrzebna. A co zrobić w momencie, kiedy wykorzystujemy jQuery UI lub wspomniany HTML5 i chcemy udostępnić użytkownikowi kursory znane z jego systemu operacyjnego?