Создание Responsive Landing Page на WordPress от А до Я

Новый видеокурс по созданию адаптивного одностраничного сайта и посадке на CMS WordPress. В процессе обучение рассмотрены такие моменты, как проектирование интерфейса, создание скетча, адаптивная верстка и подключение Front-End плагинов, посадка на WordPress и создание опций шаблона. При разработке темплейта учитывалась возможность дистрибуции и распространения темы.



Материалы на GitHub: http://ift.tt/1JBFxux

Демо фронтенда: http://ift.tt/1JBFuz7

Видеокурс:

Первый урок:

Второй урок:

Третий урок:

Четвертый урок:

Пятый урок:

Шестой урок:

Седьмой урок:

Восьмой урок:

Девятый урок:

Десятый урок:

Одиннадцатый урок:

Двенадцатый урок:

Заключительный урок:

Что использовалось:

• ru.wordpress.org — Собственной персоной


• elementary.io — Спасибо за логотип :)


• getbootstrap.com — Адаптивная сетка


• jquery.com — Популярнейший javaScript Framework


• stocksnap.io — Сервис качественных бесплатных фотографий для веб-дизайна


• wireframe.cc — Отличный сервис для скетчинга


• gist.github.com — Сервис для хранения полезного кода


• inkscape.org — Векторный редактор SVG


• linea.io — Тонкие векторные иконки


• fortawesome.github.io — Векторные иконки. Использовали для соц. сетей


• codepen.io — Много интересного кода. Спасибо за Sandwich :)


• http://ift.tt/1Gk71Qe — Параллакс эффект


• http://ift.tt/17SJJAo — Респонсив попап менеджер


• http://ift.tt/1Gk70M9 — Плагин навигации по Landing Page


• http://ift.tt/1JBFxuz — Триггер для скролла


• http://ift.tt/1bXmc6V — Анимация элементов на странице


• mixitup.kunkalabs.com — Сортабельные анимированные плитки в портфолио


• bourbon.io — Коллекция миксинов для SASS


• sass-lang.com — Препроцессор SASS


• koala-app.com — Компилятор для препроцессоров


• http://ift.tt/1Gk70Mb — Бесплатный шрифт для нашей темы


• sublimetext.com — Редактор для фронт-енда


• http://ift.tt/1JBFuPt — Редактор для бэк-енда


• formspree.io — Отправка заявок с сайта

Спасибо за внимание к материалу.

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.