Bower

Как в Bower установить Fancybox
Как в Bower установить Fancybox

Для того чтобы установить jQuery скрипт галерении (попап окна) Fancybox, выполните следующую команду в консоле:

bower i fancybox

Но прежде чем устанавливать библиотеку, убедитесь что у вас установлен nodejs и npm. Как это сделать, вы можете прочесть в этой статье.

Кастомная верстка на Bootstrap 3
Кастомная верстка на Bootstrap 3

Здравствуйте! В этой статья, хочу описать свой опыт кастомной верстки, с использованием фреймворка Bootstrap 3.

Чем именно мы займемся?

  1. Научимся устанавливать SCSS версию Bootstrap через Bower
  2. Настраивать сетку бутстрапа и другие параметры фреймворка (по необходимости)
  3. Включать те или иные компоненты Bootstrap в «результативный» файл стилей

Конфигурация проекта

Для начала, давайте определимся со структурой каталогов нашего проекта. Возьмем к примеру следующий:

[sourcecode]
/_data
/scss
/bootstrap //В этом каталоге находятся измененные нами файлы Bootsrap
_bootstrap.scss //Подключенные компоненты
_variables.scss //Переменные
style.scss //Содержит подключения других файлов
template.scss //Стили проекта
.bowerrc
bower.json
gulpfile.js
package.json
/assets //Содержит загруженные бовером скрипты
/image //Изображения и стили проекта
index.php
[/sourcecode]

читать полностью...

Как установить NodeJs, Gulp и Bower под *ubuntu (кратко)
Как установить NodeJs, Gulp и Bower под *ubuntu (кратко)

Данная статья скорее необходимость, чем подробное руководство по node, gulp, bower и npm. Дело в том, что последующие пару статей затронут материал касающийся верстки. А я последнее время все больше и больше использую такие «механизмы» для облегчения и оптимизации рабочего процесса.

Краткое описание:
Gulp — сборщик проектов написанный на node.js
Bower — менеджер пакетов для фронтенда в web. Так же написан на node.js
Node.js — программная платформа, основанная на движке V8 (транслирующем JavaScript в машинный код)
Npm — пакетный мендежер для node.js (а Gulp и Bower являются его пакетами)

И так, что нам нужно в итоге? - установленные и рабочие Gulp и Bower. Которые в последствии позволят нам увеличить производительность в плане web разработки.

А для этого, нам потребуется установить Node.js и Npm. Поехали.

Установка

Установка NodeJs:

[sourcecode]
$ sudo apt-get install nodejs
[/sourcecode]

Устанавливаем менеджер пакетов Npm:

[sourcecode]
$ sudo apt-get install npm
[/sourcecode]

Не знаю как под Windows, но под ubuntu это делается очень просто :). Даже ничего предварительно не нужно скачивать. Ввел команду, и вуаля — все готово.

читать полностью...