Вы изучили HTML5 и теперь готовы изучить аспекты внешнего вида веб-дизайна? Тогда вам понадобится немного магии CSS3, чтобы это произошло! Мы говорим о цветах, кнопках, тенях и градиентах, о всех модных вещах, которые сделают ваш сайт живым.
Между SitePoint и Learnable мы создаем растущую библиотеку, в которой вы можете получить нужные вам веб-навыки в одном месте.
Начальные курсы
Если вы только начинаете или чувствуете, что вам нужно освежить основы; эти обучающие премиальные курсы созданы специально для вас:
HTML5 и CSS3 для реального мира с Луи Лазарисом «Начните создавать перспективные веб-сайты, которые будут быстрее, мощнее и проще в обслуживании».
Изучайте CSS3 с Джоном Аллсоппом: «Вы даже не поймете, сколько вы узнали, когда закончите».
Начало работы с CSS с Рассом Уикли « Предварительное знание CSS не требуется»
Jump Start CSS от Louis Lazaris «Ваш старт в визуальный и яркий мир CSS»
Практический CSS с Рассом Уикли «Научитесь создавать макеты CSS с нуля!»
Основные понятия CSS3 Учебники
Вы ищете несколько бесплатных онлайн-учебников, которые охватывают определенную тему вместо этого? Вот наши выдающиеся уроки CSS3 от экспертов на SitePoint.com:
CSS3 анимации 101: что такое анимация? Крейг Баклер: «Преимущества CSS3-анимации такие же, как и у переходов: их легко создавать, а быстрые сложные эффекты обрабатываются браузером, а не вашим кодом».
Как создать лучшую кнопку в CSS3 от Крейга Баклера «Давайте создадим лучшую кнопку, используя стили CSS3, анимацию и преобразования»
Переходы CSS3 101: Что такое переходы? Крейг Баклер: «Переходы — наиболее часто используемый тип анимации CSS3».
Построение интерактивной навигационной панели Laura Athanasiou «Простая навигационная структура может повысить удобство использования вашего сайта и упростить поиск информации».
Актуальные темы
А для тех, кто готов глубже погрузиться в самые современные тренды и поднять свои навыки на следующий уровень:
Введение в Bootstrap с Killersites (KillerSites.com) «Используйте Bootstrap, чтобы быстро создавать адаптивные , независимые от платформы веб-сайты».
Учебник по Bootstrap в Твиттере — работа со сложными проектами Сайеда Фазла Рахмана «В наши дни много говорится и пишут о Twitter Bootstrap в мире веб-дизайна и разработки. Что бы это ни было, оно делает вещи проще и быстрее ».
Запустите LESS с Killersites (KillerSites.com) « Ускорьте разработку CSS с LESS»
Modernizr: фронт-энд разработка сделана правильно с Райаном Седдоном «Новые веб-технологии — это весело… пока вам не придется поддерживать старые браузеры. Модернизр может помочь »