Сегодня наткнулся на Хабре на статью «Создание Responsive Landing Page на WordPress от А до Я» и решил перепостить видео, что бы оно не потерялось у меня в закладках. Надеюсь, что автор особо не расстроится. Ему огромное спасибо за проделанную работу.
1 урок видеокурса
Курс состоит из 13 уроков. Автор удачно разделил курс на части, что бы можно было осваивать постепенно, хотя для более опытных разработчиков такое разжевывание может показаться весьма затянутым. Исходя из того, что автор хочет рассказать более подробно, считаю, что такая подача материала весьма уместна.
2 урок
3 урок
4 урок
5 урок
6 урок
7 урок
8 урок
9 урок
10 урок
11 урок
12 урок
Заключительный (13) урок
Что было использовано:
- 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 🙂
- pixelcog.github.io/parallax.js — Параллакс эффект
- dimsemenov.com/plugins/magnific-popup — Респонсив попап менеджер
- github.com/malihu/page-scroll-to-id — Плагин навигации по Landing Page
- imakewebthings.com/waypoints — Триггер для скролла
- daneden.github.io/animate.css — Анимация элементов на странице
- mixitup.kunkalabs.com — Сортабельные анимированные плитки в портфолио
- bourbon.io — Коллекция миксинов для SASS
- sass-lang.com — Препроцессор SASS
- koala-app.com — Компилятор для препроцессоров
- fontsquirrel.com/fonts/raleway — Бесплатный шрифт для нашей темы
- sublimetext.com — Редактор для фронт-енда
- jetbrains.com/phpstorm — Редактор для бэк-енда
- formspree.io — Отправка заявок с сайта
Ссылки
Материалы на GitHub: https://github.com/agragregra/wordpress-landing-page-lesson
Демо фронтенда: http://dev.webdesign-master.ru/_wp_html/