Archiwa kategorii: Menu

CSS3 menu – Darmowa aplikacja do generowania menu w CSS3

css3menu

Bardzo ciekawa aplikacja, dzięki której będziemy mogli wygenerować memu na naszą stronę. Program daje możliwość dowolnego zagnieżdżania pozycji w menu. Do wyboru mamy kilkanaście rodzai szablonów w stylu MAC i Android. W każdym szablonie możemy zmieniać kolory, wielkość i rodzaj czcionek, zaokrąglenia rogów. Każde z menu widać dobrze na wszystkich przeglądarkach. Na koniec warto wspomnieć, że kod memu nie zawiera kodu JavaScript., wszystko działa w oparciu o kod CSS3 i zdjęcia tła.  Program dostępny jest na systemach operacyjnych Windows i MAC za darmo.

css3menu

Wymagania: Windows lub MAC
Link: http://www.css3menu.com

Google X Pulled – mac menu dla wyszukiwarki google

googlex

Zawsze jak otwieram przeglądarkę, pierwsze kroki kieruje do paru najważniejszych stron, które odwiedzam zawsze. Są to takie aplikacje jak poczta itp. Dobrze by było mieć skróty do najważniejszych aplikacji pod ręką. Z pomocą przychodzi nam wiele aplikacji i usług które próbują nam pomóc ogarnąć nasze cenne linki. Sam miałem plan zrealizowania takiej usługi do kolekcjonowania linków i wpadłem na ten pomysł pół roku przed powstaniem serwisu delicious.com . No ale oni to lepiej zrobili niż ja chciałem :) Również przeglądarki nie próżnują. Przy otwieraniu się nowych zakładek możemy wybrać ostatnio odwiedzane strony. Ostatnio nawet przeglądarka chrome zaoferowała synchronizacje zakładek. Wydaje mi się jednak, że to cały czas za mało. W mojej głowie nie utkwił mi żaden spersonalizowany portal który mógłby zastąpić stronę główna. Próbowałem już z iGoogle ale to jeszcze nie to.

Przedstawiam prosty skrypt, który pokazuje jak zrobić menu znane z systemu operacyjnego MAC. Szkoda że brakuje w nim podpowiadaczki ale to chyba można rozwiązać dzięki google api (ale głowy nie dam). No ale taki mechanizm menu może przecież być wykorzystane do stworzenia ładnej strony www.

googlex

Link: http://elliottback.com/wp/google-x-pulled/
Demo: http://elliottback.com/wp/wp-content/google-x/googlex.htm
Licencja: Darmowa

Elegant Accordion elegannckie strony w jQuery i CSS3

Elegant Accordion

Libię takie bajery, proste i stylowe. Takie przesuwane zakładki ( z ang. akordeon) świetnie nadają się na stronę np. z meblami lub tkaninami. Prosty tutorials pokaże jak szybko umieścić komponent na stronie. Komponent wymaga jQuery oraz przeglądarka musi obsługiwać CSS3 w przeciwnym razie nie będzie widać całego efektu.

Elegant Accordion

Wymagania: jQuery, CSS3
Linki: http://tympanus.net/codrops/2010/04/26/elegant-accordion-with-jquery-and-css3/
Licencja: Darmowa

Pupunzi – zakładki w jQuery

mb_tabset

Zakładki to bardzo pomysłowa rzecz, rozwiązują kilka problemów natury koncepcyjnej :) Ten komponent zakładek udostępnia kilka ciekawych funkcji. Przede wszystkim można umieszczać jedną zakładkę w drugiej. Po drugie zakładki można ustawiać w kolejności. Zakładki nie przełączają się od razu, ale towarzyszy im szybkie i płynne przejście. Komponent korzysta z biblioteki jQuery.

mb_tabset

Wymagania: jQuery
Link: http://pupunzi.com/#mb.components/mb.tabset/tabset.html
Licencja MIT, GPL

Pupunzi – zaawansowane menu

pupunzi menu

To potężny kawałek kodu. Bardzo rozbudowany komponent. Pozwala tworzyć wielopoziomowe menu. Opcje w menu mogą otwierać inne strony lub formularze. Każda pozycja w menu może być poprzedzona ikoną. Bardzo duże możliwości i stylowy wygląd, czyni ten komponent wartym polecenie do najbardziej wymagających zadań związanych z menu. Komponent korzysta z frameworka jQuery.

pupunzi menu

Wymagania: jQuery
Link: http://pupunzi.com/#mb.components/mb._menu/menu.html
Licencja: MIT, GPL