#Фото дня на Яндекс.Фотках

Приложение "Фото дня на Яндекс.Фотках".

Показывает последние 30 Фото дня на сервисе Яндекс.Фотки.

Слайды с доклада

##Мимикрия Приложение имеет 4 состояния:

pages/index/index.html - состояние ядра, доступна базовая функциональность просмотра фото ;
pages-fb/index/index.html - состояние мимикрии под Facebook, отличается от ядра внешним видом, содержит в себе дополнительную функциональность - возможность "шарить" понравившуюся фотографию друзьям ;
pages-vk/index/index.html - состояние мимикрии под Vkontakte, отличается от ядра внешним видом, основной фон приложения сделан серым цветом, содержит в себе дополнительную функциональность - возможность "лайкнуть" понравивщуюся фотографию друзьям, использует для этого JS API Vkontakte;
pages-mr/index/index.html - состояние мимикрии под Мой Мир, отличается от ядра внешним видом, содержит в себе дополнительную функциональность - возможность "показать" понравивщуюся фотографию друзьям, для кнопки-лайка используется CDN Mail.ru.

##Структура проекта

###Уровни переопределения

На проекте используется 5 уровней переопределения - их можно считать исходным кодом:

bem-bl - библиотека блоков от Яндекса;
blocks - базовый уровень переопределения, его достаточно для сборки ядра;
blocks-fb - уровень переопределения для Facebook, в нем переопределяется и доопределяется поведение приложения в Facebook;
blocks-vk - уровень переопределения для Vkontakte, в нем переопределяется и доопределяется поведение приложения во Vkontakte, инициализируется и используется API Vkontakte;
blocks-mr - уровень переопределения для Vkontakte, в нем переопределяется и доопределяется поведение приложения в Моём Мире, инициализируется и используется API Maii.ru;

###Сборка файлов

Сборка проекта происходит с помощью make файла. Что делает make файл?

подключает и обновляет на проекте bem-bl;
собирает HTML из *.bemjosn,js и *.bemhtml файлов -> index.html;
собирает CSS в один файл -> index.css;
собирает JS в один файл -> index.js;
оптимизирует и минимизирует CSS -> _index.css;
минимизирует JS -> _index.js.

Команды, доступные в make:

make -B - обновить bem-bl и собрать проект полностью со всеми состояниями;
make fb -B - собрать приложение для Facebook;
make vk -B - собрать приложение для Vkontakte;
make mr -B - собрать приложение для Мои Мир.

##Используемые технологии

bem-tools - инструменты для работы с файлами, написанными по БЭМ-методу;
bem-bl - библиотека блоков от Яндекса;
jQuery - в представлении не нуждается;
Fotorama - javascript галерея, на базе которой построено приложение;
CSSO - CSS оптимизатор и минимизатор;
borschik - сборщик CSS и JS файлов в один;
UglifyJS - минимизатор JS.

##Лицензия

Весь код проекта, за исключением Fotorama.js, распространяется по BSD лицензии.

Обратите внимание, что у скрипта Fotorama.js есть своя лицензия, разрешающая использовать Fotorama.js на личных сайтах. Иное использование, в том числе на любых других сайтах (корпоративных, коммерческих, политических, религиозных и др.) возможно только с согласия Артёма Поликарпова.

banzalik/yasubb-kiev2012

ErrorLooks like something went wrong!

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages