HashTabber

HashTabber to prosty plugin JavaScript do zakładkowej nawigacji z uwzględnieniem hashowych linków.

Plugin został wyróżniony m.in. na:

W wolnej chwili zbudowałem proste logo bazujące na kształtach znaków “#” i “T” oraz samym interfejsie zakładkowym. Wizualnie ubrałem go w jadeitową zieleń i przestrzeń cieplejszych szarości.

logo

palette

Modus operandi skryptu jest dokładniej-techniczniej opisany na stronie projektu, ale w skrócie można go opisać poniższym diagramem:

  1. Aktywujesz zakładkę (zwykłym hashowym linkiem)
  2. Adres przeglądarki zmienia się
  3. Skrypt wyczekuje zmian adresu, skąd pobiera nazwę nowej zakładki
  4. Skrypt paruje zakładkę z jej zawartością
  5. Skrypt wyłącza starą zakładkę z zawartością i włącza nowe

Może to brzmieć banalnie, ale dzięki hashowym linkom strona nie przeładowuje się a zakładki można zmieniać z zewnątrz. Do tego cała funkcjonalność jest minimalistyczna, zręczna i gotowa do użycia przy bardzo niewielkich wymaganiach.

diagram

Sama strona nie potrzebowała praktycznie nic poza sprawną typografią – użyłem Source Sans Pro od Paula Hunta, zgrabnej skali modularnej i kilku sprytnych media queries dla urządzeń mobilnych.

website-1

website-2

website-3

website-4

A w dodatku cały skrypt jest udostępniony w Domenie Publicznej, czyli za darmoszkę.