Примеры использования фреймворков

Twitter Bootstrap. Простой и легко настраиваемый HTML, CSS, и Javascript инструментарий. Bootstrap включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения.
Все что нужно сделать для его использования - это скачать и подключить к сайту нужные файлы.
Например, если подключить к html-странице файл стилей "bootstrap.css", получить красивую кнопку можно с помощью
такого кода:
<a class="btn btn-primary btn-large">Перейти</a>
Результат:
Перейти »



Yii фреймворк.





Фреймворк YUI.

YUI - это JavaScript библиотека/фреймворк для создания приложений или/и пользовательского интерфейса.

Огромное число примеров использования можно найти на официальном сайте.

Рассмотрим некоторые из них:

→ Плавная смена цвета ссылки


Наведи

→ RGB ползунки

Красный
Зеленый
Синий
Hex:
RGB:
HSL:

→ Drag and Drop элементы

Перемести

Благодаря встроенным функциям фреймворка, такой элемент можно создать с помощью всего 4-х строчек js-кода.
YUI().use('dd-drag', function(Y) {
         var dd = new Y.DD.Drag({
            node: '#drag'
      }); });


Вверх