Yahoo UI календарь
Автор: Константин1 Ноя
Разбираем очередной, полезный компонент библиотеки Yahoo User Interface - Yahoo UI Calendar. Сколько примеров других календарей я перепробовал, но вот Yahoo не перестают удивлять своими “идеалами”. Календарь совершенно гибкий, настраивается по-своему как угодно, при всём этом он полностью cross-browser, в прочем как и все части библиотеки Yahoo UI.
Итак, кто еще не успел скачать библиотеку Yahoo UI полностью (что всем советую сделать), то вам понадобится всего три файла:
- calendar.css
- yahoo-dom-event.js
- calendar-min.js (или просто calendar.js, если кто побаловаться хочет).
Подключаем их в нашу страничку (можно с сайта yahoo, не важно):
1 2 3 | <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/calendar/assets/skins/sam/calendar.css"> <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/calendar/calendar-min.js"></script> |
Затем, нам нужно родительскому элементу нашего будущего календаря присвоить класс yui-skin-sam. Если боитесь ошибиться, то присваивайте в body:
<body class="yui-skin-sam">
Теперь определяем место на странице, куда мы будем вставлять наш календарь (где мы его “рендерить” будем) и запоминаем его id, в моём случае - yui_calendar.
<div id="yui_calendar"></div>
Ну и как только элемент у нас определён, пихаем туда наш календарь:
1 2 | var yuiCalendar = new YAHOO.widget.Calendar("yui_calendar"); yuiCalendar.render(); |
И получаем стандартный Yahoo UI календарь со стандартным YUI скином. Это всё легко изменяется, настраивается как вам угодно. Система скинов в Yahoo UI достаточно интересная вещь, постараюсь рассказать о ней в следующий раз.
Изменять параметры календаря тоже достаточно просто, список всех настроек можно найти на странице Yahoo UI Calendar (англ.).
Yahoo UI: Rich Text Editor
Автор: Константин1 Окт
Недавно пришлось написать небольшую админ панель для простого редактирования статических HTML файлов. Долго листал так называемые WYSIWYG (what you see is what you get) javascript редакторы. Из платных не понравилось ничего, а вот из бесплатных остановился на одном хорошем варианте - YUI Rich Text Editor от компании Yahoo!
Посмотреть это чудо в действии можно на официальном сайте: YUI Rich Text Editor
Для того, чтобы установить данный редактор у себя на сайте, требуется всего лишь включить несколько скриптов и каскадных стилей от Yahoo:
Yahoo CSS Grid Builder
Автор: Константин29 Авг
Кому надоело с каждым новым дизайном начинать писать CSS разметку с чистого листа, предлагаю воспользоваться хорошой службой от компании Yahoo - CSS Grid Builder. Этот простой online сервис, доступный из любого браузера, позволяет на лету генерировать CSS разметку страниц. Несколько вариантов меню, колонок и разметки контентной части. После всего этого вы получаете готовый, чистый и валидный код.
Попробуйте сами: Yahoo CSS Grid Builder
RSS ленты
Категории
- ajax (9)
- css (4)
- google (13)
- javascript (4)
- mysql (5)
- php (13)
- prototype (4)
- scriptaculous (2)
- wordpress themes (3)
- yandex (2)
- разное (41)
Облако меток
adsense ajax analytics apache blog css design domains editors fedora flickr freelance google google chrome hosting ide javascript last.fm linux microsoft mysql netbeans php plugins prototype rss scriptaculous seo subversion svn themes trac tutorial twitter user interface video web 2.0 wiki wikipedia windows live wordpress xml yahoo yandex yuiСсылки
Архивы
- Январь 2009 (2)
- Декабрь 2008 (11)
- Ноябрь 2008 (19)
- Октябрь 2008 (13)
- Сентябрь 2008 (8)
- Август 2008 (28)
