Скрыть объявление
Более 45000 материалов для скачивания в нашем приватном разделе. Не пропусти, возможно данную складчину уже выкупили и выложили для ознакомления.
Скрыть объявление
Гость отличная новость! Мы открыли доступ к ранее скрытому контенту.

Вам доступно более 44 000 видео уроков, книг и программ без VIP статуса. Более подробно ЗДЕСЬ.

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

Тема в разделе "Программирование", создана пользователем Солнышко, 19 янв 2016.

0/5, Голосов: 0

Этап:
Набор участников
Цена:
1.00 руб.
Участников:
0 из 10
Организатор:
требуется
0%
Расчетный взнос:
44 руб.
  • (Записывайтесь, чем больше участников, тем меньше расчетный взнос)

  1. Солнышко

    Солнышко Команда форума

    Сообщения:
    19.288
    Симпатии:
    33.883
    Создание отзывчивого дизайна одностраничного сайта

    Часть 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-примесей
      - Кодирование навигации
      - Как с помощью сеток сделать навигацию отзывчивой
      - Использование разделенного макета
      - Создание промежуточной анимации
      - Управление сценами с помощью прокрутки
    Заинтересовались – подписывайтесь!

    Демо:
    ----


    Складчины по теме


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