Archiwa kategorii: Framework

Raphaël – biblioteka JavaScript to grafiki wektorowej

raphael

Raphaël to biblioteka JavaScript, która w znacznym stopniu upraszcza pracę z grafiką wektorową. Pozwala na tworzenie  w prosty sposób własnych wykresów, animacji galerii itp. Biblioteka Raphaël używa SVG, który jest standardem ustalonym przez W3C i VML jako bazy do tworzenia grafiki. Oznacza to, że do każdego obiektu graficznego tworzony, jest obiekt DOM, dzięki temu można dołączyć obsługę zdarzeń JavaScript.  Raphaël działa na przeglądarkach Firefox 3.0 +, Safari 3.0 +, Chrome 5.0 +, Opera 9.5 + i Internet Explorer 6.0 +.

 Demo: http://raphaeljs.com/
Licencja: MIT

Adapt.js – dostosowuje CSS do wielkości strony

Adapt.js

Adapt.js to bardzo użyteczny skrypt. Za jego pomocą można zbudować interfejs strony w zależności od wielkości okna przeglądarki. Skrypt w czasie ładowania strony sprawdza rozmiar okna i wczytuje odpowiednie style CSS. Kiedy rozmiar okna jest zmieniany skrypt wczytuje inne style CSS co powoduje zmianę układu strony. Taki skrypt może być bardzo przydatny w sytuacji, kiedy strona www ma być wyświetlana nie tylko na ekranach komputerów, ale również na ekranach telefonów komórkowych i tabletów.

 

Adapt.js

Link: http://adapt.960.gs/
Licencja: GPL, MIT

Not Just A Grid – framework CSS

not just a grid framework CSS

Not Just A Grid jak chcą twórcy jest frameworkiem CSS, to znaczy że stanowi podstawę (ramę) tworzenia wyglądu dla serwisów WWW. Umiejętność posługiwania się frameworkami CSS znacznie przyspiesza nam tworzenie serwisy. Nie musimy skupiać się na pisaniu stylów css, ale na przypisywaniu znacznikom odpowiedniej klasy (class).

Not Just A Grid zawiera:

  • style służące do budowy układu strony, czyli tak zwanego Gridu
  • style do wyświetlania tekstu, nagłówków, cytatów, podkreśleń, kolumn
  • style do wyświetlania tabeli
  • style do wyświetlania dymków informacyjnych (ToolTips) i przycisków
  • style do wyświetlania formularzy
  • style do wyświetlania bloków z uwzględnieniem zaokrągleń i cieni.

not just a grid framework CSS

 

Demo: http://www.notjustagrid.com/demo.asp
Link: http://www.notjustagrid.com/
Licencja: MIT

Treesaver – multimedialny magazyn z użyciem JavaScript

treesaver JavaScript

Treesaver to biblioteka JavaScript umożliwiająca budowanie multimedialnych magazynów, książek, prospektów itp. Do treści artykułów możemy dodawać zdjęcia, dźwięk, oraz wideo. Skrypt automatycznie dzieli treść na stronie oraz automatycznie dostosowuje wielkość do okna przeglądarki. Jest to o tyle ciekawe, że multimedialne magazyny można przeglądać na rożnych urządzeniach, nie tylko na komputerze stacjonarnym, ale na urządzeniach mobilnych.

treesaver JavaScript

 

 

Link: http://treesaverjs.com/
Demo: http://demo.nomadeditions.com/real-eats/
Tutorial: https://github.com/Treesaver/treesaver/wiki/Walkthrough
Licencja: GPL, MIT

Spritely – animowane logo z użyciem jQuery

spritely jQuery

To jeden z ciekawszych skryptów napisanych w jQuery. Dzięki niemu możemy tworzyć ciekawe animowane tła lub animowane logo. Stosując dodatkowo bibliotekę jQuery IU, możemy umieszczać w animacji obiekty, które możemy przesuwać po stronie za pomocom myszki. Skrypt działa na wszystkich popularnych przeglądarkach oraz na telefonach iPad i iPhone. Na stronie skryptu znajduje się dokumentacja jak używać skrypt oraz znajduje się na niej dużo odnośników do innych stron które wykorzystują ten skrypt.

Wymagania: jQuery
Demo: http://spritely.net/
Licencja: MIT, GPL

PrimaryCSS – generator layoutu w CSS

primarycss

Dzięki PrimaryCSS zaoszczędzimy 10 min pracy na przygotowaniu głównego układu strony (nagłówka, menu, stopki itp.).  Wystarczy że skopiujemy potrzebny layoutu, style CSS, a koniec zostaną nam już tylko drobne potrawki i gotowe.  Do wyboru mamy 22 layouty, wszystkie mają domyślą szerokość 960px. Layouty są kompatybilne ze wszystkimi głównymi przeglądarkami.

primarycss

Link: http://www.primarycss.com/
Licencja: Darmowa

HTML5 Reset – framework HTML

html5reset

Pisałem niedawno o frameworkach. Kilka dni temu wygrzebałem z sieci Framework HTML o nazwie HTML5 Reset. Co nam daje taki Framework? Przede wszystkim jak każdy Framework narzuca nam pewną organizacje projektu. Wyznacza katalogi odpowiedzialne za kod, style, js itp. Po drugie resetuje wszystkie przeglądarki pod względem stylów CSS, to znaczy że style w każdej przeglądarce będą widziane tak samo.  Framework HTML to ciekawe rozwiązanie dla tych którzy piszą statyczne stronki WWW. Projekt ma tez za zadanie przybliżyć nas nieco do standardu HTML5.

Link: http://html5reset.org/
Licencja: BSD