keemor.comkeemor.com

jQuery fullscreen gallery using Google Plus Photos JSON feed

keemor — Wed, 25 Apr 2012 19:07:57 +0000

Two years ago I wrote a post on how to embed jQuery Picbox gallery using Picasa JSON feed. Over the time some things changed and I will show how to make full screen gallery using jQuery Supersized Plugin and Google Plus Photos JSON feed. CHECKOUT DEMO »» First you have to download JSON stream of… Continue reading →

Galeria jQuery Picbox i JSON z Picasy

keemor — Tue, 31 Aug 2010 14:59:13 +0000

INFORMACJE ZAWARTE TUTAJ SĄ NIEAKTUALNE Zobacz nową wersję na jQuery fullscreen gallery using Google Plus Photos JSON feed Prowadzę małą stronę mojemu przyjacielowi i co jakiś czas uaktualniam galerie zdjęć. Muszę wtedy wrzucić zdjęcia na serwer i poprawić JS. To strasznie nudne, niewygodne i nie mam na to czasu. Kolega używa Google Picasa Web Albums… Continue reading →

jQuery Picbox gallery using Picasa JSON feed

keemor — Thu, 22 Jul 2010 08:41:26 +0000

THIS POST IS OUT OF DATE Checkout new version at jQuery fullscreen gallery using Google Plus Photos JSON feed I’m running small website for my friend and there always be an issue with updating the gallery, because I had to manually upload photos and then change JavaScript code as well. Fortunately he’s using Google Picasa… Continue reading →

Twitter API: Strumień wpisów po słowie kluczowym w PHP, JSON i Prototype

keemor — Tue, 01 Dec 2009 12:36:21 +0000

W serwisie Twitter.com pojawia się bardzo dużo wpisów na wiele różnych tematów. Pokażę dzisiaj jak przy pomocy API Twittera, PHP, JSON’a i PrototypeJS zrobić prosty gadżet, który będzie co jakiś czas odpytywać się o nowe wpisy na dany temat i automatycznie je wyświetlać. ZOBACZ DEMO » Na początek tworzymy plik search.php, w którym użyjemy biblioteki… Continue reading →

Grafika, obrazki i zdjęcia ujarzmione

keemor — Wed, 18 Nov 2009 15:41:18 +0000

Tag img jest jednym z najpotrzebniejszych znaczników na stronach. Jednak gdy przychodzi do dynamicznego ładowania czy zmiany atrybutów często pojawiają się niespodziewane problemy, które chciałbym przedstawić razem z rozwiązaniami. Przykładowy obrazek: <img id="pic" src="http://cdn.contails.websgo.net/imgs/logo_beta6_3_pl.png" /> var pic = document.getElementById('pic'); Pobranie wysokości i szerokości obrazka osadzonego w DOM. var w = pic.width; var h = pic.height;… Continue reading →

Simple HTTP Streaming design pattern

keemor — Wed, 18 Nov 2009 13:53:47 +0000

If you want to stream server data in the response of a long-lived HTTP connection you can use HTTP Streaming design pattern. Check out simple DEMO » <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head id="my-head"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>keemor.com - Simple HTTP Streaming design pattern</title> </head> <body> Counter: <span id="counter"></span> </body> </html>… Continue reading →

Konkurencja najnowszych przeglądarek: Firefox 3.5, IE 8, Chrome 3, Opera 10 i Safari 4

keemor — Tue, 07 Jul 2009 15:24:49 +0000

Pierwsza połowa tego roku przyniosła najnowsze wersje różnych przeglądarek. W końcu zaczyna być widać, że konkurencja między Firefox 3.5, IE8 i chociażby Chrome 3 przynosi efekty w postaci długo oczekiwanych zmian dla użytkowników i twórców stron. Poza tym, że wyniki testu Acid3 są coraz lepsze, to pojawiło się parę nowych funkcjonalności, które zostały zaimplementowane przynajmniej… Continue reading →

Szybkie iteracje czyli przyspieszanie pętli

keemor — Wed, 24 Jun 2009 15:30:06 +0000

We wpisie Wydajne tworzenie elementów DOM C.D. pisałem o szybkim sposobie tworzenia elementów DOM w pętli. Zainspirowany częścią prezentacji Nicholasa Zakasa Speed Up Your JavaScript dotyczącą pętli przedstawie sposoby wydajnego iterowania po elementach. Specyfikacja ecma-262, 3. edycja z grudnia 1999 roku wprowadza cztery rodzaje pętli: for, do-while, while oraz for-in. Trzy pierwsze pętle służą do… Continue reading →

Ładowanie na żądanie i Google Maps API

keemor — Wed, 10 Jun 2009 11:58:36 +0000

Zdarza się, że funkcjonalność, którą udostępniam na stronie jest rozbudowanym modułem JS, ale jednocześnie może nie być w ogóle użyta po załadowaniu strony. Wtedy warto się zastanowić czy ładować kod od razu z całą stroną (co oczywiście wpływa na prędkość ładowania) czy dociągać go dopiero po akcji użytkownika. Przykładem realizacji wzorca projektowego ładowanie na żądanie,… Continue reading →

Tu Haczyk IStnieje – this cz. II

keemor — Mon, 01 Jun 2009 09:40:56 +0000

W pierwszej części Tu Haczyk IStnieje omówiłem sposób wykorzystania metody bind, tak aby panować nad zawartością this bez względu na kontekst wywołania funkcji. W drugiej części przyjrzymy się wykorzystaniu this do obsługi zdarzeń oraz metodzie bindAsEventListener, która jest szczególnym przypadkiem bind. Rozpatrzymy następującą listę trzech elementów oraz kawałek CSSa: <style> li {padding: 1em; width: 5em;… Continue reading →