Открыто

[Lynda.com] Создание отзывчивого дизайна одностраничного сайта (Работа с Sass)

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

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

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

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

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

    Часть 1 (Работа с Sass)

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

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

    Продолжительность: 4ч 58м (2ч 11м)
    Дата релиза: 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. Monogatari
      Monogatari не участвует.
      3 июн 2022
    2. Grasshopper
      Grasshopper не участвует.
      17 ноя 2020
    3. le6ron23
      le6ron23 не участвует.
      13 фев 2020
    4. ownicc
      ownicc не участвует.
      13 авг 2018
  3. Обсуждение
  4. 22 окт 2015
    #2
    Малинкин
    Малинкин ЧКЧлен клуба
    Да, это, имхо, высший пилотаж лендингостроения. Вывод на основе быстрого анализа по диагонали.
     
  5. 11 май 2016
    #3
    dimac-24
    dimac-24 ЧКЧлен клуба
    курс неплохой но вот это разбиение на части сперва первая через месяц вторая через полгода последняя
    все желание пропадает участвовать
     

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