Примеры использования фреймворков
Twitter Bootstrap. Простой и легко настраиваемый HTML, CSS, и Javascript инструментарий. Bootstrap включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения.Все что нужно сделать для его использования - это скачать и подключить к сайту нужные файлы.
Например, если подключить к html-странице файл стилей "bootstrap.css", получить красивую кнопку можно с помощью
такого кода:
<a class="btn btn-primary btn-large">Перейти</a>
Результат:Перейти »
Yii фреймворк.
- Примеры использования фреймворка yii
- Composer + Yii + Imagine: небольшое приложение для загрузки картинок. Статья от 2.02.13 с примером использования yii
- Создание блога с использованием 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'
}); });
var dd = new Y.DD.Drag({
node: '#drag'
}); });