Alchemy Code

Jak zrobić jQuery Drag&Drop plugin w 5 minut

Plan jest prosty - zrobić plugin do jQuery, który umożliwi wykonanie drag & drop na dowolnym elemencie, by jednocześnie nie musieć korzystać z dostępnych rozbudowanych wtyczek. A wszystko w dosłownie 5 minut :) Działanie Działanie pluginu ma polegać na możliwości przeniesienia dowolnego elementu, pod który będzie podpięty plugin. Przenoszenie będzie aktywowane poprzez kliknięcie na element, następnie zostanie on wyśrodkowany względem kursora. Poruszanie kursorem...

Relacja z Google Developer Day 2010

Po wielkim WOW na zeszłorocznym Google Developer Day w Pradze i tym razem wybraliśmy się do tego fantastycznego miasta na całodniową konferencję, by zobaczyć, co nowego w tym roku szykuje dla nas Google, czy też co już zrobił, a co mogliśmy przeoczyć. Jak się okazało było tego całkiem sporo - ale po kolei. Rejestracja na Google Developer Day Podobnie jak w zeszłym roku, aby móc przyjechać na GDD wystarczyło wypełnić formularz na stronie eventu i czekać na...

8 frameworków do tworzenia aplikacji webowych na urządzenia dotykowe

W ostatnim czasie pojawia się coraz więcej urządzeń dotykowych i stają się one coraz bardziej powszechne i popularne, przez co wielu webdeveloperów jest zmuszona często zmieniać wymagania swoich aplikacji webowych pod te właśnie urządzenia. Na szczęście wraz ze wzrostem popularności iPhonów, iPadów , Samsungów Wave i innych, równolegle rozwijają się także liczne frameworki, dzięki którym w szybki sposób można zakodować natywne aplikacje na te urządzenia, z...

Wyskakująca ikonka na hover

W dzisiejszym artykule znów powracamy do CSS-ów. Co prawda nie będzie to kolejna demonstracja możliwości CSS3 (artykuł o tym zapewne już wkrótce :) ), ale dzisiaj zaprezentuję moim zdaniem równie ciekawą, acz prostą technikę pozwalającą dodać trochę życia do linków - np. w menu. Efektem końcowym będzie tzw. efekt bańki (ang. bubble) po najechaniu na link. Dodatkowo by uzyskać efekt wyskakującej ikonki na zdarzenie hover, posłużymy się techniką zwaną...

12 funkcji nowego Firefox-a 4 (beta)

Beta wersja nowej przeglądarki Firefox 4 rozpoczyna wprowadzać poruszenie w sieci, podobnie jak poprzednia jej wersja 3. Część nowych funkcji Firefox-a 4 już zostało zaprezentowanych w trakcie jej rozwoju, jednak dopiero beta wersja pokazuje prawdziwe oblicze nowej wersji przeglądarki. W dzisiejszym artykule zerkniemy na 12 najważniejszych funkcji nowego Firefox-a 4. 1. Interfejs oparty na zakładkach (tabach) Zdecydowanie najbardziej zauważalną zmianą w interfejsie nowego...

Pierwszych 10 sposobów na MySQL

Często bywa tak, że "wąskim gardłem" aplikacji webowych staje się baza danych. Oczywiście można w takich przypadkach rozważać zakup lepszego serwera, a nawet utworzenie dedykowanej instancji dla bazy danych (co może być słuszne w części przypadków), jednakże dobrze jest się zastanowić, czy jest coś co możemy zrobić, by zmniejszyć obciążenie bazy danych bez konieczności wydawania kolejnych środków. Dzisiejszy artykuł jest pierwszym z dwóch wpisów...

Własna wyszukiwarka z wykorzystaniem Google AJAX Search API

Google AJAX Search API pozwala w prosty sposób na wstawienie wyszukiwarki Googla na swoją stronę www. API zostało skonstruowane w taki sposób, by jego użycie było jak najprostsze, a jednocześnie by użytkownik z niego korzystający miał możliwość wyświetlania wyników w dowolny sposób, czy też wykorzystywać zwrócone wyniki wyszukiwania wedle uznania. W dzisiejszym artykule przyjrzymy się trochę bardziej podstawowym funkcjom tego API i zbudujemy własny skrypt, gotowy...

10 najlepszych tooltipów wykorzystujących jQuery

W dzisiejszym artykule zaprezentuje 10 najlepszych pluginów do jQuery realizujących tololtipy. Dlaczego tooltipy? Otóż dlatego, że są one często bardzo ważną, choć zazwyczaj niedocenianą formą przekazywania dodatkowych informacji w serwisie, dotyczących bezpośrednio elementów z którymi użytkownik wchodzi w interakcję. Wszystkie wtyczki posiadają linki do tutoriali i demonstracji, które mam nadzieję pomogą wam podczas realizacji przyszłych projektów, zwiększając...

Szybkie triki: centrowanie elementu w pionie i poziomie

Ten wpis otwiera cykl szybkich wpisów dotyczących JavaScriptu, jQuery, CSS, PHP i co tam mi jeszcze wpadnie w klawiaturę. Będą to wpisy prezentujące jakąś sztuczkę, szybkie obejście jakiegoś problemu i rozwiązanie zagadnienia - co z tego wyjdzie zobaczymy... :) Projektując strony na pewno w pewnym momencie natknęliście się na ten problem - dobre i szybkie wyśrodkowanie elementu w poziomie lub/i poziomie. W niniejszym mini artykule przedstawię 2 z możliwych rozwiązań...

Parsowanie XML-i w 5 minut z wykorzystaniem jQuery

Dokumenty XML są codziennością we współczesnych aplikacjach webowych. Czasem stanowią one statyczne ustawienia pluginów (np. dla flasha), ale najczęściej są one budowane dynamicznie, aby umożliwić wymianę dokumentów pomiędzy różnymi systemami. Jak zapewne spora część z was się przekonała, parsowanie XML-i bez dodatkowych bibliotek jest naprawdę uciążliwe - podobnie wyglądała sytuacja w przypadku JavaScriptu. Jednakże bibliotek jQuery naprawdę ułatwia nam...