Создание адаптивного веб-сайта для разных экранов — Lynda.com [RUS]

Складчина завершена. Можно записаться в ПОВТОР

Создание адаптивного веб-сайта для разных экранов
(Creating an Adaptive Web Site for Multiple Screens)
Lynda.com [RUS]
​

Автор: Ray Villalobos
Переводчик: Силя Сильхи
Продолжительность: 3:09 ч

В этом курсе показано, как построить веб-сайт, который автоматически адаптирует свой макет под различные размеры экранов, ориентации, и разрешения. Рэй Виллалобос показывает, как дизайнеры и разработчики могут создать один документ HTML и изменить его отображение в десктопных браузерах и мобильных устройствах, наподобие iPhone, смартфонов Android, и планшетов. Курс охватывает создание базовой структуры HTML5, использование шаблонов сброса (reset), и стилизацию сайта с помощью CSS.
​

Темы:

• Настройка тестового сервера и эмуляторов
• Создание и настройка шаблона сайта
• Использование бесплатных шрифтов Google
• Подготовка графики
• Создание файлов стилей
• Загрузка внешних страниц при помощи AJAX
• Создание мобильных вкладок
• Определение мобильных устройств
• Использование JavaScript для решения проблем скроллинга и изменения ориентации
• Тестирование и отладка кода сайта

Спойлер: Содержание

• 0. Вступление 3m 33s
  • Приветствие 53s
  • Использование файлов упражнений 2m 11s
  • Использование файла с заготовками кода 29s
• 1. Подготовка 27m 50s
  • Установка локального сервера на Mac 3m 24s
  • Установка локального сервера на Windows 5m 44s
  • Установка симулятора iPhone 2m 21s
  • Установка эмулятора Android на Mac 3m 45s
  • Установка эмулятора Android на Windows 5m 48s
  • Работа с удалённым сервером 2m 26s
  • Тестирование на настоящих устройствах 1m 28s
  • Тур по завершённому проекту 2m 54s
• 2. Подходы к созданию дизайна для разных экранов 8m 34s
  • Понимание подходов к созданию дизайна 3m 1s
  • Создание дизайна для мобильных устройств 2m 22s
  • Работа с адаптивным дизайном 3m 11s
• 3. Создание и настройка шаблонов сайта 13m 44s
  • Шаблон сброса HTML5 2m 39s
  • Настройка шаблона HTML 4m 32s
  • Использование бесплатных веб-шрифтов Google 2m 10s
  • Модифицирование оставшейся части шаблона 2m 28s
  • Подготовка графики для веб-сайта 1m 55s
• 4. Создание адаптивного сайта 13m 57s
  • Создание шаблона страницы 3m 23s
  • Создание страницы меню ресторана 5m 8s
  • Разработка страницы "about us" 1m 14s
  • Отображение карты Google на странице 4m 12s
• 5. Создание стилей для настольных компьютеров 32m 54s
  • Создание файла стилей 3m 22s
  • Построение стилей для секции body и хедера 5m 37s
  • Настройка стилей футера 2m 24s
  • Составление меню 10m 21s
  • Стилизация страницы "about us" 3m 5s
  • Стилизация страницы с картой 1m 24s
  • Настройка дополнительных элементов 6m 41s
• 6. Добавление интерактивности для десктопных мониторов 25m 29s
  • Загрузка внешних страниц с помощью AJAX 12m 40s
  • Отображение слоя с фото высокого разрешения 12m 49s
• 7. Стилизация страниц для экранов смартфонов 23m 58s
  • Сброс и скрытие элементов 4m 56s
  • Создание кнопок меню в футере для смартфонов 6m 14s
  • Модифицирование списка меню 3m 33s
  • Создание мобильных вкладок 5m 17s
  • Модифицирование остальных страниц для мобильного макета 3m 58s
• 8. Добавление интерактивности JavaScript для мобильных устройств 23m 43s
  • Работоспособность вкладок 4m 2s
  • Определение мобильного устройства клиента 6m 58s
  • Правильное отображение элементов с фиксированным позиционированием в мобильных браузерах 8m 6s
  • Центрирование изображений 2m 2s
  • Возможность изменения ориентации 2m 35s
• 9. Стилизация страниц для планшетов 7m 3s
  • Изменение кода CSS страницы меню на планшетах 5m 22s
  • Изменение CSS для правильного отображения остальных страниц на планшете 1m 41s
• 10. Исправление проблем 6m 25s
  • Тестирование и отладка 6m 25s
• 11. Заключение 2m 20s
  • Следующие шаги 2m 20s

Стоимость перевода: 3 500 рублей

Складчина завершена. Можно записаться в ПОВТОР​

 

хоть один перевод их курсов сделали?

 

Joomla!: Создание и редактирование настраиваемых шаблонов [Lynda.com] (RUS)

 

Кроме этого и
Отзывчивый Веб Дизайн - Lynda.com - RUS
у Lynda есть ЕЩЁ 3 курса по отзывчивому дизайну
давайте сначала эти переведут, потом попросим остальные перевести
А наши как всегда где-то через год выперднут какоё-то говнокурс по Адаптивному дизайну

 

слов нет, одни маты

зачем в помойку превращать форум?!

почему МОДЕРАТОР ниасилил указать издателя в заголовке темы, да и написал её через жопу (по русски)?

чтобы поиском было найти труднее невозможно?

 

Господа, а каким образом можно оплату произвести? Где это можно посмотреть?

 

А можно вопрос?
Процесс перевода уже пошел?
возможно ли узнать приблизительные сроки, спасибо.

 

После того, как складчина приобретет статус "Активно", станут известны реквизиты для оплаты взноса.
Обычный перевод в системе WebMoney.

 

Нет, процесс перевода ещё не начался. На данный момент я заканчиваю переводить курс по созданию отзывчивого дизайна, после него скорее всего возьмусь за этот. Думаю до нового года управлюсь.

 

Подключаемся ещё к трём актуальным темам по адаптивному дизайну
Техн. процесс отзывчивого дизайна (Responsive Design Workflows) [Lynda.com] (RUS)

Основы отзывчивого дизайна (Responsive Design Fundamentals) [Lynda.com] (RUS)
Отзывчивый дизайн с Dreamweaver CS6 [Lynda.com] (RUS)

 

Закончил перевод курса Lynda.com - Создание отзывчивого дизайна (Creating a Responsive Web Design). Сегодня завтра начну переводить этот, если никто не против.

 

я оплачу второго-третьего числа. не потеряйте меня.

 

Я один не вижу кнопку ссылки?

 

во входящих переписках смотри

 

У меня как было "[Реквизиты] Создание адаптивного веб-сайта для разных экранов [Lynda.com] (RUS)" так и висит, ссылки на скачивание нет.

 

Ребята, я ссылки ещё не выкладывал. Курс ещё не полностью переведён, но осталось немного.

 

Силя Сильхи

Можно узнать предполагаемую дату выкладывания перевода ?
Заранее спасибо за работу!

 

Не хотелось бы назвать дату и не выполнить обещанное, но не больше недели мне ещё нужно.

 

Мне вот что интересно, более 100 записавшихся на этот перевод, а на CSS: Макеты страниц всего около 30 человек, почему? Ведь с него надо начинать!
Неужели здесь все специалисты по CSS! (если вы специалист по CSS, то дальше не читать ) )
Поверьте, если вы не очень хорошо владеете каскадными стилями (CSS), то все эти курсы по адаптивному или по отзывчивому дизайну, яйца выведенного не стоят! Вы просто ничего толком не поймете.
Это все равно что записываться на курсы по продвинутым техникам живописи, а рисовать то не умеем!
CSS: Макеты страниц - это лучший курс в сети по CSS! (ну еще курсы от "Специалиста" по CSS, тоже похвалю), это фундамент, основа, без него вам не удастся создать ни адаптивный, ни отзывчивый )
В нем рассматриваются все современные! техники верстки страницы, разжевываются float-ы, разбираются position-ы, ну и конечно об адаптивном дизайне тоже рассказывается (и показывается). Это лучший курс по CSS который я видел!
Так вот, о чем это я )

Хотите знать рецепт "Как стать профессиональным верстальщиком"?​

(и создавать бесподобные адаптивные и отзывчивые ) )​

получите:​

1. Курс от Lynda.com "CSS: Макеты страниц "
2. CSS. Каскадные таблицы стилей. Подробное руководство. Эрик Мейер. ( чтоб от зубов ) )
3. Курсы от "Специалиста" по CSS (обе части) (медленно, чтоб каждое слово было понятно!)
4. Вот теперь курсы по адаптивному и отзывчивому ) + CSS3 и HTML5
5. А потом сюда, находим видео по созданию дизайна и верстки сайта с нуля, и практикуемся, практикуемся, практикуемся.