Posty otagowane ‘element’

isotope

Dynamiczne UI oraz efekty z użyciem jQuery Isotope plugin

Jakiś czas temu otrzymałem do wdrożenia w projekycie gotowy layout w HTML5. Ideą projektu było wyświetlanie albumów i zdjęć użytkowników. Mnie zaciekawił użyty tam plugin jQuery Isotope, dzięki któremu uzyskano bardzo efektowny i dynamiczny layout, realizujący także Responsive Web design (RWD). jQuery Isotope plugin Stroną domową projektu jest: http://isotope.metafizzy.co/index.html Plugin jest dostępny zarówno na licencji […]

jQuery

Porady i triki w jQuery

W dzisiejszym artykule zrobimy mały przegląd ciekawego zagadnienia, jakim są triki w jQuery. Framework ten sam w sobie daje programiście gigantyczne możliwości, które można jeszcze wyeksponować poprzez triki i dobre praktyki. Triki w jQuery Tym razem również skoncentrujemy się bardziej na praktyce i przykładach, niż na teorii. 1. Określenie rozmiarów naszego dokumentu Konkretnie chodzi tutaj […]

html5

HTML5 Canvas i JavaScript. Wprowadzenie.

Wstęp do HTML5 zaczniemy od jednego z najważniejszych elementów tej technologii, mianowicie HTML5 Canvas. Powiemy krótko o tym, jak wygląda programowanie w JavaScript w kontekście elementu Canvas (oraz innych elementów w przyszłych artykułach). HTML5 Canvas HTML5 daje nam wiele nowych możliwości, w tym nowy element Canvas, będącego częścią specyfikacji języka HTML5. Element ten to jakoby […]

Dojo Toolkit

Kurs: Dojo Toolkit w pigułce. Część 3 – podsumowanie.

W trzeciej części podsumowującej podstawowy kurs Dojo Toolkit, rzucimy okiem na tworzenie efektów wizualnych z użyciem tej biblioteki. Dojo Toolkit – efekty i animacje Każdy szanujący się framework JavaScript zawiera rozwiązania wspomagające programowanie efektów wizualnych. Nie inaczej jest w Dojo Toolkit. Biblioteka w wersji 1.9 udostępnia dwa moduły: dojo/_base/fx oraz dojo/fx. Moduł dojo/_base/fx daje programiście […]

Dojo Toolkit

Kurs: Dojo Toolkit w pigułce. Część 2.

W części 2. podstawowego kursu Dojo Toolkit przejrzymy przeróżne aspekty pracy z tym frameworkiem. Biblioteka Dojo Toolkit w praktyce O możliwościach biblioteki już mówiliśmy w części pierwszej, aczkolwiek słowa są zbędne gdy przejrzymy przykłady. Konfiguracja Na początek mechanizm konfiguracji Dojo. Obiekt dojoConfig jest głównym mechanizmem konfiguracji Dojo w naszej aplikacji / stronie WWW. W starszych […]

Dojo Toolkit

Kurs: Dojo Toolkit w pigułce. Część 1.

Dojo Toolkit to biblioteka programistyczna open-source dla języka JavaScript. Udostępnia programiście bogaty zestaw narzędzi. Biblioteka Dojo Toolkit W skład framework’u wchodzi wiele komponentów. Widżety (i system widżetów Dijit) Widżety Dojo składają się z kodu JavaScript, HTML i CSS, dostępne są między innymi: paski menu i tooltip’y, sortowane tabele, dynamiczne wykresy i dwuwymiarowa grafika wektorowa, animowane […]

ExtJS

Wprowadzenie do Ext JS

Do tej pory pojawiały się kursy framework’ów JavaScript w 2 lub 3 częściach. Ten jest nieco inny. Jest to jednoczęściowy mini kurs dotyczący biblioteki Ext JS. Ma na celu wprowadzenie do tego potężnego framework’u języka JavaScript. Ext JS Jest to framework dla języka JavaScript, wspierający budowanie interaktywnych aplikacji WWW, interfejsów użytkownika, używając technik takich jak […]

jQuery

Kurs jQuery część 1. Podstawy.

Kurs jQuery – podstawy framework’a Witamy w części 1. z serii Kurs jQuery. Pisaliśmy już o kilku różnych framework’ach JavaScript (jak Prototype JS czy MooTools). Teraz chcemy opisać kluczowe zagadnienia prawdziwego giganta – jQuery, tak aby wystarczyło to do używania, i dalszego zgłębiania tajników tej że biblioteki. Mówiąc gigant mamy na myśli możliwości oferowane przez […]

MooTools

Kurs: biblioteka MooTools w pigułce. Część 2 – podsumowanie.

Oto druga, podsumowująca część kursu, którego tematem jest biblioteka JavaScript: MooTools. Biblioteka MooTools Zacznijmy od dobrodziejstw dla wsparcia programowania obiektowego (OOP), jakie oferuje MooTools. Class i tworzenie klas Konstruktor: gdzie: properties (object) – to kolekcja właściwości dodawanych do klasy. Właściwości te można wprowadzić także poprzez Extends (rozszerz) i Implements (implementuj). Przykład – konstrukcja Class: Jest […]

MooTools

Kurs: MooTools w pigułce. Część 1.

MooTools to kolejna biblioteka, jak najbardziej godna uwagi i mogąca poszerzyć nasze spojrzenie na sam język JavaScript. „My Object-Oriented Tools” czyli MooTools Jest to modułowa (pod względem budowy) biblioteka JavaScript. Fundamentem jest tzw. rdzeń (Core). Pozostałe biblioteki są opcjonalne. MooTools składa się z wielu modułów, taka budowa pozwala użytkownikom pobrać tylko części biblioteki, które zamierzają […]