Антон Вебсайтовский, Суть в том, что две колонки находятся во флекс контейнере и за счет align-items:stretch (это значение по-умолчанию) они равной высоты.
Чтобы длинный контент первой колонки не растягивал саму колонку (а он будет растягивать даже с overflow-hidden), этот контент расположен в блоке, выдернутом из общего потока абсолютным позиционированием. И растянут на всю область левой колонки.
Для мобильников абсолютное позиционирование и флекс-раскладка убирается, и все встает в одну колонку.
Карту лучше наверное рисовать на канве. Но можно и элементами. В любом случае общий принцип будет примерно одинаковый.
Карта делится на тайлы, допустим квадраты 10*10 игровых полей (ячеек). При загрузке проверяется размер области просмотра и определяется сколько тайлов вмещается первоначально. Пусть 3*2. Загружаем эти шесть тайлов по 10*10=100 ячеек в каждом, и сразу же загружаем окружающие тайлы (вокруг этого прямоугольника), получается область 5*4 тайла.
По мере прокрутки карты в определенном направлении подгружаем тайлы, попадающие в область видимости. И выгружая ненужные.
Примерно так работают все картографические сервисы, и все знакомые мне игры.
Андрей Сверлин, Хоть намекните, зачем такая большая таблица.
Ее реально необходимо в DOM отрисовывать?
Я к тому, что может быть на Canvas отрисовать, если там что-то типа схемы или карты...
Минимальные стили должны быть по умолчанию от версталы (скрыть виджеты, рекламу, и прочий хлам, настроить шапку и подвал печатной страницы и т.п.). Но тщательная подготовка к печати некоторых страниц требует отдельного упоминания в тз.
Martovitskiy, ну я тоже не мониторю все твиты подряд =) жизни не хватит.
На выходных вечерком листаю ленту — часто попадаются ссылки на интересные статьи или видеоматериалы.
Пока хватает места, ячейка будет минимально возможной ширины, чтобы вместить содержимое без переполнения. При нехватке места ячейка будет постепенно схлопываться до нуля.
Sanes, Понимаете, это принципиальный вопрос. Если я постоянно посещаю, допустим, Хабр, то я иду навстречу владельцам и настраиваю исключение в адблоке. А если случайный, пусть и популярный, но не посещаемый мной сайт, при единственном заходе блокирует контент и настойчиво просит выключить блокировщик рекламы, у меня появляется непреодолимое чувство отвращения к этому сайту.
Sanes, Увы,я не могу прочитать вашу страницу. Они показывают мне заглушку, а отключать адблок мне лениво.
Вообще, как-то неприлично, что ли, такие ссылки давать...
Чтобы длинный контент первой колонки не растягивал саму колонку (а он будет растягивать даже с overflow-hidden), этот контент расположен в блоке, выдернутом из общего потока абсолютным позиционированием. И растянут на всю область левой колонки.
Для мобильников абсолютное позиционирование и флекс-раскладка убирается, и все встает в одну колонку.