Wpisy z miesiąca: luty 2011

Garagedoor menu w jQuery

Garagedoor menu to bardzo oryginalny sposób prezentacji swojego menu na stronie. Menu jest proste i łatwe w zastosowaniu. Zapraszam poniżej.

ZOBACZ DEMO

Po pierwsze, korzystamy z biblioteki jQuery, którą umieszczamy na naszym serwerze:
<script src=”js/jquery-1.3.2.min.js” type=”text/javascript”>
</script>
<script src=”js/garagedoorjQuery.js” type=”text/javascript”>
</script>
<link href=’css/garagedoor.css’ rel=’stylesheet’ type=’text/css’/>

Następnie, tworzymy układ HTML:
<div class=’garagedoor’ id=’garagedoor’>
<div title=’linktofile’ class=’item’>
<div class=’underlay’>
[...]


Wysuwane/górne menu z jQuery i CSS

Wysuwane/górne menu to nie tylko zaokrąglone kształty, ale przede wszystkim  rozwijane menu po najechaniu na pole wyszukiwania. Dodatkowo pole oferuje różne opcje wyszukiwania, dzięki którym można wybrać i zawęzić wyszukiwanie.

ZOBACZ DEMO
Strukturę menu przedstawiam poniższy rysunek . Jak widać, menu oparte jest na liście nieuporządkowanej. Nasz UL składa się z czterech przedmiotów. Pierwszy z nich to [...]


Boczny/wysuwany panel menu w jQuery

Dzisiaj proponuję kolejny bardzo pożyteczny model menu, a mianowicie boczny/wysuwany panel menu.
Boczny i płynnie wysuwany panel menu będzie przyklejony z lewej strony okna przeglądarki i nawet przy przewijaniu treści pozostanie on w tym samym miejscu. Dodatkowym atutem tego menu jest to,  że będzie widoczne dla użytkowników z wyłączonym Javascriptem.

ZOBACZ DEMO
Pracę zaczynamy od [...]


Plugin Kalendarz do jQuery

W sieci istnieje coraz więcej stron korzystających z kalendarzy online. Część z nich jest prostą wtyczką, umożliwiającą wybranie daty z graficznego UI, zwiększając w ten sposób usability strony. Inne z kolei są pełnymi kalendarzami, wielokrotnie pełniące funkcję odrębnych aplikacji webowych. Dzisiaj przedstawię 2 proste i fajne pluginy kalendarz do jQuery.

1. FullCalendar
Kalendarz FullCalendar jest [...]