Nowy plugin jQuery CK_SlideShow

W ostatnim czasie nauczyłem się tworzyć w pełni poprawne pluginy do jQuery. Wcześniej wszystko tworzyłem pod postacią zwykłych javascriptowych funkcji. Teraz moje skrypty będzie łatwiej zaimplementować na stronie, będą bardziej elastyczne i w pełni zgodne z frameworkiem jQuery.  Na pierwszy ogień poszedł plugin zamieniający zbiór obrazków w ciekawy baner, który można umieścić np w nagłówku strony. Na raz pokazywane jest jedno zdjęcie a kolejne są na przemian wyświetlane co kilka sekund. Do tego można włączyć efekt płynnego przejścia między kolejnymi obrazkami tzn. fade, oraz animację, dzięki której, jeśli obrazek nie mieści się w całości w bloku z banerami gzie ma być umieszczony, będzie on automatycznie przewijany, w pionie lub w poziomie zmieniając za każdym razem kierunek przewijania. Ogólne demo, krótka dokumentacja jak i paczka z skryptem do pobrania znajduje się w tym miejscu link.

Osoby które pobiorą plugin, prosiłbym o wypisanie problemów z działaniem skryptu, oraz propozycji na jego rozwój, w komentarzach.

Na zakończenie tego krótkiego postu, dodam, że wkrótce, pewnie napiszę tutorial o tym jak tworzyć własny pluginy do jQuery.

Czy warto rezygnować ze wsparcia IE7?

Pamiętam, gdy zaczynając pierwszą pracę w zawodzie webdevelopera, postanowiłem, że moje strony nie będą wspierały IE6 wszędzie gdzie było by to możliwe. Był to lipiec 2009 roku. Internet Explorer 6 miał wtedy według statystyk firmy Gemius ok 12% użytkowników w Polsce.  Początki były trudne gdyż 12% to nadal całkiem spora grupa osób wśród których byli także klienci firmy w której pracowałem. Nie każdemu dało się przetłumaczyć, że przeglądarka której używa jest zbudowana tak niedbale, że strony które działają poprawnie w każdym innym programie, w IE6 po prostu nie ma szans aby działały bez dodatkowej pracy z naszej strony. Czytaj dalej »

Nowy styl wyświetlania kodów źródłowych

Jak pewnie niektórzy już zauważyli w ostatnich dniach na blogu pojawia się wiele zmian. Wczoraj zmieniony został wygląd bloga, a dzisiaj pojawił się nowy sposób wyświetlania kodów źródłowych. Od teraz będzie on bardziej wyróżniać się od pozostałej treści oraz dzięki podświetlania składni będzie bardziej przejrzysty.  Poniżej widać przykład nowego stylu dla kodu źródłowego.

function() {
   echo "Hello World!!";
}

To pewnie nie koniec zmian i jeśli przyjdzie mi jakiś ciekawy pomysł jak uprościć korzystanie z mojego bloga czytelnikom to na pewno go wprowadzę.

Duże zmiany

Witam

Wiele już miesięcy mineło od mojego ostatniego wpisu. Wiele się też zmieniło w moim prywatnym jak i zawodowym życiu od tego czasu. Cięzko mi teraz znaleźć chwile na systematyczne prowadzenie bloga.

Czytaj dalej »

Dodatek do Prestashop o nie wspieraniu IE6

Jak pewnie zauważyliście z moich poprzednich wpisów, chętnie angażuję się w walkę z przyzwyczajeniami użytkowników do przestarzałych przeglądarek, zwłaszcza IE6. Dziś chce zaprezentować i udostępnić dodatek do systemu e-commerce Prestashop, który napisałem jakiś czas temu. Dzięki niemu możemy powiadamiać użytkowników IE6 oraz innych przeglądarek,  że używają ich przestarzałych wersji. Dodatek wystarczy wrzucić do katalogu modules w naszej instalacji prestashop i aktywować go w panelu administracyjnym. Czytaj dalej »

Moja wersja żarówki z tutoriala Vector tuts+

Witam

W dzisiejszym wpisie pochwale się tylko krótko wektorową żarówką którą wyprodukowałem za pomocą programu Inkscape  na podstawie tutoriala Vector tuts+ . Oto moja żarówka.

Zapraszam do przerobienia tego tutka .

slider jquery z efektem fade – tutorial

W dzisiejszym wpisie chce zaprezentować tutorial, w którym pokaże w jaki sposób można utworzyć modne ostatnio slidery na stronę internetową.

Na początek chciałbym podkreślić, że inspirowałem się, oraz opierałem na tutorialu tego slidera autorstwa Soh Tanaki.

Slider ten używa efektu przewijania obrazków z prawej do lewej strony i odwrotnie. Mój tutorial pokaże za to jak stworzyć podobny skrypt, ale używający efektu fadein i fadeout biblioteki jQuery. Efekty te polegają na stopniowym zanikaniu i pojawianiu się obiektów. Czytaj dalej »

ViBoard w wersji 1.06. – kilka poprawek

Właśnie wydałem aplikację ViBoard w wersji 1.06, w której poprawionych zostało kilka błędów oraz dodana jedna funkcja. Błędy te były związane przede wszystkich z kursorem tekstowym, który nie zawsze zachowywał się tak jak tego oczekiwaliśmy, tak jak choćby opisany w poprzednim poście Chrome.

Nowa funkcja to rozbudowanie działania klawisza backspace, który potrafi teraz usuwać litery wewnątrz tekstu bez przeskakiwania na sam koniec ciągu znaków po usunięciu. Dodatkowo może on teraz usuwać zaznaczony tekst, więc możliwe jest usunięcie więcej niż jednego znaku za jednym kliknięciem.

To w sumie tyle co do opisu zmian. Pozdrawiam i zapraszam do pobierania:

Viboard – wirtualna klawiatura

Duże zmiany w ViBoard 1.05

Właśnie udostępniłem nową wersję ViBoard, (czyli mojej wirtualnej klawiatury  w javascripcie) do pobrania. Tym razem przeszła ona sporo zmian w kodzie. Poprawiłem w niej wiele błędów w wersji czysto-javascriptowej oraz kilka w wersji jquery, ale także dodałem nową funkcję. Od tej pory będzie można łatwiej edytować już wpisany tekst, ponieważ będzie można zaznaczyć miejsce w którym chcemy dodać tekst i w tym miejscu wstawić np. brakującą literę. We wcześniejszych wersjach tekst można było wstawiać tylko na końcu, więc aby wyedytować środek tekstu, należało najpierw usunąć całą jego część, aż do edytowanego miejsca i potem wprowadzić ją ponownie.

Zapraszam do pobierania  ViBoard – wirtualnej klawiatury

Jako nowość, choć już nie w samej aplikacji a ogólnie w projekcie, chciałem pochwalić się, że cały projekt jest teraz dostępny poprzez serwer SVN, dzięki czemu każdy będzie mógł pracować nad jego rozwojem. Dostęp do serwera można uzyskać według danych na stronie: http://sourceforge.net/scm/?type=svn&group_id=304318 . Jeśli ktoś chciałby mieć możliwość edycji repozytorium, proszę o kontakt mailowy na: cesar_ck1986[malpa]o2[kropka]pl lub w komentarzach pod tym wpisem.

Lista zmian:

- poprawiony błąd niedziałających przycisków alt, shift, capslock w wersji clear-javascript pod IE

- poprawiony błąd zaznaczenia w IE

- poprawione działanie spacji we wszystkich przeglądarkach

- drobne poprawki kompatybilności w IE

- dodana funkcja edycji wewnątrz tekstu

- dodana możliwość zamiany zaznaczonego tekstu na literę

Znane problemy:

- problem z kursorem tekstowym w chrome, który nie przesuwa się wraz w wprowadzanymi literami,

- rozne problemy przy wstawianiu i edycji wewnątrz wpisanego tekstu.

Nowa wersja ViBoard 1.04 już do ściągnięcia

Witam serdecznie.

Na początek wpisu wyjaśnię czemu dość dawno nic tutaj nie pisałem. Otóż najnaturalniej w świecie zabrakło mi na to czasu no i może troche inwencji twórczej. Choć z tą inwencją to nie do końca, ponieważ zacząłem ostatnio  tworzyć równolegle kilka projektów (to jest zresztą przyczyna braku czasu). Uczę się między innymi ExtJS, w której to bibliotece chce zacząć tworzyć interfejsy użytkowników. Jest to bardzo ciekawa biblioteka zawierająca różne gotowe obiekty, które tworzą zgrabny i jednolity interfejs, mocno przypominający desktopowe systemy operacyjne. O nich opowiem jednak innym razem i wstępnie zapowiadam, także tutoriale na ten temat, więc będzie można się czegoś nowego nauczyć. Czytaj dalej »