Спортивный HTML —как создавался фронтэнд сайта Олимпиады

Введение

Процесс

1000PSD-файлов

79000строк CSS

10500строк JS

20видов спорта

10версий сайта

Главная страница1

Важная внутренняя страница2

Начало

Начало

Главная страница1

Важная внутренняя страница2

Универсальные страницы3

Универсальные страницы

Удобный конструктор1

Быстрое подключение

новых веб-технологов

2

Ускоренное создание

дополнительных страниц

3

Трудности перевода

Русский1 L

English2 S

Francais3 XL

Подводные камни

Тестовые данные1

Много изменений в процессе2

Дедлайн3

Чем мы гордимся

Спортивныетаблицы

Ничего сложного

Ничего сложного

Стандартная структура1

Максимальная унификация

данных

2

Уникальность каждого

вида спорта

3

Функциональность

Постоянное обновление1

Сортировка2

Аккордеон3

Чем мы гордимся

Спортивнаяинфографика

Скоростной бег на коньках

Керлинг

Лыжные гонки

Биатлон

Фигурное катание

Хоккей

Внутри

JS1

JSON2

Снаружи

SVG1

Canvas2

Снаружи

SVG1

Canvas2

CSS3

PNG4

Преимущества

Скорость1

Наглядность2

Надежность3

Универсальность4

Послесловие

Маленькиерадости

Оптимизация под Retina-дисплеи

Работа с Google Maps

Поисковые механизмы

Взаимосвязанные поля1

Возможность поиска информации

по множеству параметров

2

Сложные фильтры3

Напоследок

Долгое и тщательное

тестирование

1

Коллективная поддержка

и взаимовыручка

2

Проект мирового масштаба3

Спасибоза внимание