Archiwum dla kategorii ‘Case studies’

mustache-js

Mustache JS na przykładzie aplikacji Express. Część 2/2.

Witamy w II części tutoriala o Mustache JS i Express. Dziś dokończymy dzieło rozpoczęte w części I. Mustache JS i jQuery w akcji Dotąd omówiliśmy podstawy pracy z biblioteką Mustache, przygotowaliśmy dane testowe oraz serwer w node.js. Teraz pora na oprogramowanie warstwy front-end. W naszym przypadku użyjemy: Bootstrap v3.3.5 jQuery v1.11.3 jQuery Easing v1.3 plugin […]

mustache-js

Użycie Mustache JS na przykładzie aplikacji Express. Część 1/2.

Dziś stworzymy aplikację Web w oparciu o wspaniałe narzędzia – html5, Bootstrap, jQuery, Mustache JS i Express. Krok po kroku. Użyjemy także ionicons do wyświetlenia ikon. Mustache JS Nie każdy (w tym ja) przepada za systemami szablonów np. w PHP. Tutaj jednak sprawa wygląda znacznie inaczej. Mustache JS to implementacja dla języka JavaScript mini-engine szablonów […]

jQuery

Pluginy jQuery, biblioteki JavaScript, tutoriale i kody – nowa strona

Już działa! Zapraszamy na nową stronę z interesującymi zasobami. Znajdziemy tam pluginy jQuery, różne przydatne biblioteki JavaScript, tutoriale i wiele więcej. Publikujemy materiały naszym zdaniem godne uwagi, aby w jednym miejscu zarówno Web Developer jak i Web Designer mogli znaleźć rozwiązania do wykorzystania we własnych projektach. A może nawet nowe pomysły. Obok przydanych i interesujących […]

udontsay-128

Tutorial node.js i socket.io – system komentarzy „real-time”

Poprzednio pisaliśmy o tym jak pracować z node.js i socket.io. Dziś rozwiniemy temat przykładem praktycznym. Stworzymy prosty, wydajny system komentarzy między użytkownikami, który będzie przetwarzał i odświeżał listę komentarzy wszystkim użytkownikom, którzy mają otwartą naszą aplikację web. Tutorial node.js i socket.io – real-time comments Krok po kroku, od podstaw. Oczywiście sama strona i funkcjonalność komentarzy […]

icon5

Gra na Halloween – piszemy szybko w jQuery i HTML5!

Uwielbiam klimat Halloween! Mając wolną chwilę, postanowiłem stworzyć prostą gierkę, aby pełniej ten klimat poczuć. Gra na Halloween w JavaScript Chodzi o czas, a nie o wymyślne wymagania. Na projekt (i opisanie go na blogu) było nie wiele czasu, więc cel to właśnie stworzenie gierki jak najszybciej. Najkrótszą drogą do celu tworzymy grę pamięć (Memory). […]

painting

HTML5 Canvas, JavaScript i operacje na obrazkach

Swego czasu dostaliśmy małe zadanie, którego przedmiotem było rozeznanie się i stworzenie podstaw edytora zdjęć online, na których można by operować z poziomu JS (więc i Canvas), a następnie przesyłać je w sieci. Dzisiaj prezentujemy podstawowe elementy i kilka przykładów z rozważań nad tym projektem. JavaScript, obrazki i HTML5 Canvas Podstawowo będziemy potrzebować (wszystkie biblioteki […]

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 […]