Видеокурс по созданию адаптивного одностраничного сайта и посадке на CMS WordPress. В процессе обучение рассмотрены такие моменты, как проектирование интерфейса, создание скетча, адаптивная верстка и подключение Front-End плагинов, посадка на WordPress и создание опций шаблона. При разработке темплейта учитывалась возможность дистрибуции и распространения темы.
Результат прохождения урока: Смотреть
Материалы урока, исходники, результат: Скачать
Что использовалось:
- ru.wordpress.org - Собственной персоной
- elementary.io - Спасибо за логотип
- getbootstrap.com/css - Адаптивная сетка
- jquery.com - Популярная javaScript библиотека
- unsplash.com - Сервис качественных бесплатных фотографий для веб-дизайна
- wireframe.cc - Отличный сервис для скетчинга
- gist.github.com - Сервис для хранения полезного кода
- inkscape.org - Векторный редактор SVG
- linea (лежат в libs/) - Тонкие векторные иконки
- fontawesome.com/v4/get-started/ - Векторные иконки. Использовали для соц. сетей
- 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 - Триггер для скролла
- animate.style - Анимация элементов на странице
- mixitup.min.js в папке libs/ - Сортабельные анимированные плитки в портфолио
- bourbon.io - Коллекция миксинов для SASS
- sass-lang.com - Препроцессор SASS
- koala-app.com - Компилятор для препроцессоров
- fontsquirrel.com/fonts/raleway - Бесплатный шрифт для нашей темы
- sublimetext.com - Редактор для фронт-енда
- formspree.io - Отправка заявок с сайта
Премиум уроки от WebDesign Master
Другие уроки по теме «CMS/Framework»
- Как создать тему для WordPress. Грамотная посадка верстки на WordPress (Right Way)
- Быстрое создание красивых сайтов на WordPress. Layers Style Kit на реальном примере
- Руководство по созданию тем на WordPress и StyleKit's с использованием Layers Framework
- Layers. Быстрая разработка сайтов на WordPress #1. Знакомство с Layers WP
- Посадка типовой секции Landing Page на MODx с использованием MIGX (добавляемые поля)