Открыто

[Lynda.com] Создание отзывчивого дизайна одностраничного сайта (Анимация макета)

Тема в разделе "Программирование", создана пользователем smarly_net, 10 авг 2015.

Цена: ----
Взнос: ----

Основной список: 1 участников

Резервный список: 2 участников

  1. 10 авг 2015
    #1
    smarly_net
    smarly_net ОргОрганизатор (П)
    Создание отзывчивого дизайна одностраничного сайта

    Часть 3 (Анимация макета)

    Lynda.com на русском

    Оригинальное название: Building a Responsive Single-Page Design
    Автор: Ray Villalobos

    Продолжительность: 4ч 58м (1ч 50м)
    Дата релиза: 23 сентября, 2014 год
    Перевод: голос + субтитры



    Внимание читать всем, прежде чем задавать вопросы!!!

    Курс "Создание отзывчивого дизайна одностраничного сайта". Разбивается на 3 части.

    1. Работа с Sass
    2. Создание отзывчивого сеточного дизайна с Susy
    3. Анимация макета (текущая складчина)

    Содержание текущего курса

    1. Введение
    2. С чего начать
    3. Работа с Sass (Не входит в текущую складчину, организованна тут)
    4. Создание отзывчивого сеточного дизайна с Susy (Не входит в текущую складчину, организованна тут)
    5. Анимация макета
    6. Заключение

    Складчина будет проведена по мере набора желающих, не зависимо от 2-х остальных складчин.

    --------------------------------------------------------------------------------------------------------------------------------------------------

    Научитесь создавать динамический, отзывчивый дизайн одностраничного сайта с помощью HTML, JavaScript и CSS. Продемонстрированный в этом курсе веб-сайт сочетает в себе плавающую навигацию, столбцы, которые подгоняются, не захламляя при этом макет сайта или HTML-разметку, и анимированные эффекты прокрутки, реагирующие на указания пользователя. Автор Рей Виллалобос показывает, как все это реализовать. Он начинает со скудного, легко-читаемого шаблона, а затем объясняет, как с помощью четырех перечисленных ниже фреймворков добавлять функции, которые сделают дизайн одностраничных сайтов настолько искусными:
    • Compass, чьи Sass-примеси способствуют запуску таких CSS3 функций, как Flexbox
    • Susy 2 – фреймворк, отделяющий математику от отзывчивого сеточного дизайна
    • ScrollMagic, используемый для добавления волшебных эффектов прокрутки
    • Breakpoint, который позволяет моментально писать медиа-запросы в Sass

    Но этот курс посвящен не только инструментам. Это реальный проект, в котором кратко изложено множество дизайнерских задач, с которыми ежедневно сталкиваются разработчики веб-сайтов. Приступите к просмотру курса прямо сейчас и узнайте, как использовать HTML, jQuery и CSS для создания собственного динамического, отзывчивого дизайна.

    Темы курса:
    • Предварительный анализ проекта
    • Создание базовых стилей
    • Создание собственных Sass-примесей
    • Кодирование навигации
    • Как с помощью сеток сделать навигацию отзывчивой
    • Использование разделенного макета
    • Создание промежуточной анимации
    • Управление сценами с помощью прокрутки
    Заинтересовались – подписывайтесь!

    Демо:



    Складчины по теме
    1. [Lynda.com] Создание Адаптивного WEB взаимодействия
    2. [Lynda.com] Управление рабочими процессами для веб-проектов с Gulp.js, Git и Browserify
    3. [Lynda.com] Администрирование Apache Web Server
    4. [Lynda.com] Основы UX: Доступность
    5. [Lynda.com] Основы UX: Дизайн для различных устройств
    6. [Lynda.com] Методы UX дизайна: планирование реализации
    7. [Lynda.com] Эффективный дизайн RESTful API
    8. [Lynda.com] Настройка Bootstrap 3 с помощью LESS
    9. [Lynda.com] Язык программирования C: самое необходимое
    10. [Lynda.com] Создание защищенных веб-сайтов на PHP
    11. [Lynda.com] Ubuntu Desktop Linux с самого начала
    12. [Lynda.com] Backbone.js с самого начала
    13. [Lynda.com] C# с самого начала
    14. [Lynda.com] Создание анимационных ролловеров при помощи jQuery
    15. [Lynda.com] Создание интерактивной карты при помощи jQuery
    16. [Lynda.com] Осваиваем CoffeeScript
     
    Последнее редактирование: 10 авг 2015
  2. Последние события

    1. le6ron23
      le6ron23 не участвует.
      13 фев 2020
    2. ownicc
      ownicc не участвует.
      13 авг 2018
    3. Vassalei
      Vassalei не участвует.
      8 июн 2018
    4. ar0wn
      ar0wn не участвует.
      23 июн 2017

Поделиться этой страницей