Archiwa kategorii: Projektowanie

fullPage.js – prosty skrypt jquery do tworzenia ciekawych stron.

fullPage

Bardzo ciekawy skrypt jQuery dzięki któremu stworzymy stronę internetową z ciekawym efektem. Zamiast przechodzić przez strony w tradycyjny sposób skrypt pozwala na animowane przejścia pomiędzy stronami. Nie tylko możliwe są pionowe przejścia, ale również poziome. Użycie jest bardzo proste i wymaga paru linijek kodu. Dodatkowymi atutami jest to, że działa dobrze na tabletach. Skrypt świetnie nadaje się na strony z portfolio.

 

 

http://alvarotrigo.com/fullPage/

Background Image Generator – aplikacja internetowa do generowania tła na strony www

background image generator

Banalna w obsłudze aplikacja internetowa, przy pomocy której można generować powtarzalne tła tzw. Pattern. Na początku wybieramy kolor (możemy wpisać kod koloru). Następnie wybieramy wzór i dodatkowy wzór z którym tło będzie się mieszać.  Możemy ustalić intensywność wzoru oraz odwrócić wzór. Jest jeszcze opcja na końcu ale nie wiem do czego służy (pewnie jest dla ozdoby :) ).

 

http://bg.siteorigin.com/

Jarallax – plugin jQuery do tworzenia stron z efektem paralaksy

Paralaksa to ten… eeee…hhmmm. No nieważne, znajdziecie sobie definicje na wikipedii :). Najważniejsze jest to że dzięki temu pluginowi, możemy tworzyć podobne efekty paralaksy. Na blogu taipa.pl były już opisane z dwie czy trzy strony z użyciem innych podobnych pluginów. Oto kolejny do kolekcji. Na stronie pluginu prócz możliwości pobrania, można również zobaczyć przykładowe użycie kodu oraz film instruktażowy.

jarallax juery

Wymagania: jQuery
Demo: http://www.2gis.ru/dr/
Videotutorial: http://www.jarallax.com/?page=tutorial
Download: http://www.jarallax.com/?page=download
Licencja: GPL

SpritePad – aplikacja internetowa, która przyspieszy pisanie CSS

spritepad

Aplikacja internetowa, która wspomaga pisanie stylów CSS a dokładnie wstawiania obrazków jako tła. Dzięki wykorzystaniu w aplikacji techniki Drag and drop, możemy myszką nakładać obrazki na plansza, a kod CSS sam się generuje. Utworzony obrazek wraz z kodem CSS możemy ściągną w formie pliku zip. Program jest darmowy, ale jeżeli chcielibyśmy zapisać projekt do późniejszej edycji trzeba wykupić konto za parę dolarów.

Link: http://wearekiss.com/spritepad

Tinycon – animowany favicon

Tinycon

Prosty a zarazem ciekawy skrypt do zmian faviconu, czyli małej ikonki w zakładce strony. Pozwala on na dynamiczną zmianę na przykład numeru. Informacja zmieniana na ikonie favicon może informować użytkownika o jakiś zdarzeniu, gdy ten przegląda inne karty w przeglądarce. Takie rozwiązanie dynamicznej zmiany wykorzystuje poczta Gmail informując swoich użytkowników o nowych wiadomościach.

 

 

Link: http://tommoor.github.com/tinycon/
Licencja: MIT

Intype – fajny edytor kodu dla programistów

intype

Intype jest edytorem kodu dla programistów. Posiada  zarządzanie projektami. Umożliwia pisanie kodu w wielu językach i posiada do nich funkcje podpowiadania składni. Nic nie stoi na przeszkodzie, aby dodać swoje podpowiedzi. Program przypomina edytor Coda znany z systemów MAC, ale jest dostępny tylko pod Windowsy. Ja korzystam z Notatnik++, ale gdyby do Intype dorobić porządkowanie składni i edytowanie na FTP to od razu się przesiadam :)

System: Windows
Link: http://inotai.com/intype/

 

Icongal.com – baza ponad 300 000 ikon

icongal

Icongal.com to serwis z ikonami. Posiada wiele opcji wyszukiwania. Możemy przeglądać zasoby po kategoriach,  zestawach, rozmiarze, autorze oraz licencji. Nic nie stoi na przeszkodzie, aby szukać ikon na podstawie wpisanej frazy. Ikony możemy podejrzeć na białym tle, przeźroczystym i czarnym. Portal zebrał do tej pory ponad 300 000 ikon.

Link: http://icongal.com/