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

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

Открыто [Lynda.com] Создание отзывчивого дизайна одностраничного сайта

Тема в разделе "Переводы курсов", создана пользователем InfoNews, 29 сен 2014.

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

Метки:
Этап:
Набор участников
Цена:
1.00 руб.
Участников:
3 из 10
Организатор:
требуется
30%
Расчетный взнос:
44 руб.
  • Участники покупки:
    1. Train, 2. bronis, 3. belyana;
  1. InfoNews

    InfoNews Модератор

    Сообщения:
    17.815
    Симпатии:
    19.709
    Создание отзывчивого дизайна одностраничного сайта
    Lynda.com на русском
    Оригинальное название: Building a Responsive Single-Page Design
    Автор: Ray Villalobos
    Продолжительность: 23, 2014
    Дата релиза: 4ч 58м
    Перевод: голос + субтитры


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

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

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

    Заинтересовались – подписывайтесь!

    Складчины по теме
    1. [Lynda.com] Основной курс по ASP.NET MVC 5
    2. [Линда.ком] Создание Адаптивного WEB взаимодействия
    3. [Линда.ком] HTML5: Графика и Анимация с Canvas
    4. [Lynda.com] Bootstrap 3: Добавь интерактивности на свой сайт
    5. Основы AngularJS за 60 минут
    6. [Lynda.com] Администрирование Apache Web Server
    7. [Lynda.com] Основы UX: Доступность
    8. [Lynda.com] Основы UX: Дизайн для различных устройств
    9. [Lynda.com] Методы UX дизайна: планирование реализации
    10. [Lynda.com] Эффективный дизайн RESTful API
    11. [Lynda.com] Настройка Bootstrap 3 с помощью LESS
    12. [Lynda.com] Язык программирования C: самое необходимое
    13. [Lynda.com] Создание защищенных веб-сайтов на PHP
    14. [Lynda.com] Ubuntu Desktop Linux с самого начала
    15. [Lynda.com] Управление рабочими процессами для веб-проектов с Gulp.js, Git и Browserify
    16. [Lynda.com] Backbone.js с самого начала
    17. [Lynda.com] C# с самого начала
    18. [Lynda.com] Создание анимационных ролловеров при помощи jQuery
    19. [Lynda.com] Создание интерактивной карты при помощи jQuery
    20. [Lynda.com] Осваиваем CoffeeScript
    21. (Lynda.com) - Советы по продуктивности для веб-дизайнеров
    22. Lynda.com - Основы макета и композиции
    23. (Lynda.com) - Инструменты дизайна UX: Axure
    24. UX Техники дизайна: Формирование идей
    25. Основы UX-проектирования: Прототипы
     
Оценить эту тему:
/5,
Поделиться: