10 лучших сервисов для повышения качества изображений (Upscalers Review) в 2020 году
10.06.2020
#WEB #Полезные_сайты #Разное
Часть 1. Объяснение Upscaler изображений Повышение качества изображения, появившееся как относительно новое слово в настоящее время, привлекло большое внимание общественности, так как многие ищут различные способы повышения качества изображения. Согласно исследованию, 78% изображений, загружаемых в Интернет, имеют низкое качество, кроме того, цифровой шум может искажать визуальные детали изображений, что может еще больше повлиять на решения клиентов…
https://techblog.sdstudio.top/10-luchshih-servisov-dlja-povyshenija-kachestva-izobrazhenij-upscalers-review-v-2020-godu/
10.06.2020
#WEB #Полезные_сайты #Разное
Часть 1. Объяснение Upscaler изображений Повышение качества изображения, появившееся как относительно новое слово в настоящее время, привлекло большое внимание общественности, так как многие ищут различные способы повышения качества изображения. Согласно исследованию, 78% изображений, загружаемых в Интернет, имеют низкое качество, кроме того, цифровой шум может искажать визуальные детали изображений, что может еще больше повлиять на решения клиентов…
https://techblog.sdstudio.top/10-luchshih-servisov-dlja-povyshenija-kachestva-izobrazhenij-upscalers-review-v-2020-godu/
21 лучший TolTip плагин с открытым исходным кодом для всплывающих подсказок, созданные с использованием CSS, jQuery и JavaScript
10.06.2020
#WEB #WordPress #Полезные_сайты
В данной записи был собран список лучших плагинов для всплывающих подсказки с открытым исходным кодом, созданных с помощью jQuery, JavaScript, CSS. Все плагины из этого списка можно бесплатно загрузить и легко внедрить в свой встроенный UX. 1. Tooltipster Язык (и): jQuery Что нам нравится в этом: Плагин для создания чистых, современных всплывающих подсказок со множеством…
https://techblog.sdstudio.top/21-luchshij-toltip-plagin-s-otkrytym-ishodnym-kodom-dlja-vsplyvajushhih-podskazok-sozdannye-s-ispolzovaniem-css-jquery-i-javascript/
10.06.2020
#WEB #WordPress #Полезные_сайты
В данной записи был собран список лучших плагинов для всплывающих подсказки с открытым исходным кодом, созданных с помощью jQuery, JavaScript, CSS. Все плагины из этого списка можно бесплатно загрузить и легко внедрить в свой встроенный UX. 1. Tooltipster Язык (и): jQuery Что нам нравится в этом: Плагин для создания чистых, современных всплывающих подсказок со множеством…
https://techblog.sdstudio.top/21-luchshij-toltip-plagin-s-otkrytym-ishodnym-kodom-dlja-vsplyvajushhih-podskazok-sozdannye-s-ispolzovaniem-css-jquery-i-javascript/
Пользовательские шрифты для сайта WordPress (пошагово)
10.06.2020
#WEB #WordPress #WordPress_CSS #Все_для_functions_php #Все_для_разработки_шаблонов #Плагины
Выбор правильного шрифта для вашего сайта WordPress является центральной частью веб-дизайна и брендинга сайта. Как и цвета, изображения и другие элементы, типография играет большую роль в восприятии вашего сайта посетителями. К счастью, шрифты WordPress – это одна из многих вещей, которые вы можете свободно настраивать. Вы можете использовать практически любой бесплатный шрифт на своем сайте…
https://techblog.sdstudio.top/polzovatelskie-shrifty-dlja-sajta-wordpress-poshagovo/
10.06.2020
#WEB #WordPress #WordPress_CSS #Все_для_functions_php #Все_для_разработки_шаблонов #Плагины
Выбор правильного шрифта для вашего сайта WordPress является центральной частью веб-дизайна и брендинга сайта. Как и цвета, изображения и другие элементы, типография играет большую роль в восприятии вашего сайта посетителями. К счастью, шрифты WordPress – это одна из многих вещей, которые вы можете свободно настраивать. Вы можете использовать практически любой бесплатный шрифт на своем сайте…
https://techblog.sdstudio.top/polzovatelskie-shrifty-dlja-sajta-wordpress-poshagovo/
Мистический inline-flex и что он делает - Stas Bagretsov - Medium
30.06.2020
#CSS #WEB #Примеры
Это очень редко используемое свойство в CSS Flexbox и про него в принципе мало чего подробного написано в интернете. Но это не беда. В этой статье вы узнаете о том что же такое display:inline-flex и какие преимущества он даёт при вёрстке, а также про его отличия от display: flex. Но в начале полезный перевод двух статей:…
https://techblog.sdstudio.top/misticheskii-inline-flex-i-chto-on-delaet-stas-bagretsov-medium/
30.06.2020
#CSS #WEB #Примеры
Это очень редко используемое свойство в CSS Flexbox и про него в принципе мало чего подробного написано в интернете. Но это не беда. В этой статье вы узнаете о том что же такое display:inline-flex и какие преимущества он даёт при вёрстке, а также про его отличия от display: flex. Но в начале полезный перевод двух статей:…
https://techblog.sdstudio.top/misticheskii-inline-flex-i-chto-on-delaet-stas-bagretsov-medium/
Обзор уникального конструктора страниц Nicepage 2020 (WordPress, Joomla, HTML и не только)
01.07.2020
#Joomla #WEB #WordPress #Плагины #Полезные_сайты
Мы проверили Nicepage на функции, шаблоны, цены, поддержку и многое другое. Узнайте, подходит ли вам этот конструктор сайтов, в нашем обзоре экспертов. Это конструктор сайтов для дизайнеров, но может ли кто-нибудь его использовать? Nicepage – это новый конструктор сайтов, который утверждает, что он отличается от других популярных на рынке конструкторов. Он направлен на то, чтобы…
https://techblog.sdstudio.top/obzor-unikalnogo-konstruktora-stranic-nicepage-2020-wordpress-joomla-html-i-ne-tolko/
01.07.2020
#Joomla #WEB #WordPress #Плагины #Полезные_сайты
Мы проверили Nicepage на функции, шаблоны, цены, поддержку и многое другое. Узнайте, подходит ли вам этот конструктор сайтов, в нашем обзоре экспертов. Это конструктор сайтов для дизайнеров, но может ли кто-нибудь его использовать? Nicepage – это новый конструктор сайтов, который утверждает, что он отличается от других популярных на рынке конструкторов. Он направлен на то, чтобы…
https://techblog.sdstudio.top/obzor-unikalnogo-konstruktora-stranic-nicepage-2020-wordpress-joomla-html-i-ne-tolko/
50 бесплатных сайтов для ваших проектов графического дизайна в 2020 году | Бесплатные Графика, Фото и Видео стоки, Шрифты, Макеты и не только
03.07.2020
#WEB #Полезные_сайты
50 бесплатных ресурсов для ваших проектов графического дизайна в 2020 году | Творческий бум Если вам не хватает средств прямо сейчас или у вас ограниченный бюджет из-за нехватки денег, есть много бесплатных ресурсов по дизайну, которые могут вам помочь. Изображение предоставлено Death to Stock Если вам не хватает средств прямо сейчас или у вас был…
https://techblog.sdstudio.top/50-besplatnyh-sajtov-dlja-vashih-proektov-graficheskogo-dizajna-v-2020-godu-besplatnye-grafika-foto-i-video-stoki-shrifty-makety-i-ne-tolko/
03.07.2020
#WEB #Полезные_сайты
50 бесплатных ресурсов для ваших проектов графического дизайна в 2020 году | Творческий бум Если вам не хватает средств прямо сейчас или у вас ограниченный бюджет из-за нехватки денег, есть много бесплатных ресурсов по дизайну, которые могут вам помочь. Изображение предоставлено Death to Stock Если вам не хватает средств прямо сейчас или у вас был…
https://techblog.sdstudio.top/50-besplatnyh-sajtov-dlja-vashih-proektov-graficheskogo-dizajna-v-2020-godu-besplatnye-grafika-foto-i-video-stoki-shrifty-makety-i-ne-tolko/
Запускайте фрагменты JavaScript на любой странице с помощью Chrome DevTools
05.07.2020
#Chrome_DevTools #Google #Google_Chrome #WEB
Технический писатель, Chrome DevTools & Lighthouse Если вы обнаружите, что запускаете один и тот же код в консоли несколько раз, рассмотрите возможность сохранения кода в виде фрагмента. Фрагменты – это сценарии, которые вы создаете на панели « Источники». У них есть доступ к контексту JavaScript страницы, и вы можете запустить их на любой странице. Отрывки…
https://techblog.sdstudio.top/zapuskajte-fragmenty-javascript-na-ljuboj-stranice-s-pomoshhju-chrome-devtools/
05.07.2020
#Chrome_DevTools #Google #Google_Chrome #WEB
Технический писатель, Chrome DevTools & Lighthouse Если вы обнаружите, что запускаете один и тот же код в консоли несколько раз, рассмотрите возможность сохранения кода в виде фрагмента. Фрагменты – это сценарии, которые вы создаете на панели « Источники». У них есть доступ к контексту JavaScript страницы, и вы можете запустить их на любой странице. Отрывки…
https://techblog.sdstudio.top/zapuskajte-fragmenty-javascript-na-ljuboj-stranice-s-pomoshhju-chrome-devtools/
Beaker Browser - Одноранговый браузер для веб-хакеров и разработчиков.
16.07.2020
#WEB
Построен для строительства Скачать сейчас[aesop_video show_subtitles=”off” nocookies=”off” force_fullwidth=”off” mute=”off” viewend=”off” viewstart=”off” controls=”on” autoplay=”off” loop=”on” disable_for_mobile=”on” id=”nKHJ4rLN9mo” src=”youtube” align=”center” width=”100%”] Сеть должна быть креативным инструментом для всех Beaker обеспечивает одноранговую публикацию в Интернете, превращая браузер в инструмент для создания веб-сайтов, файлов, приложений и многого другого. Развернуть мгновенно Deploy instantly Создайте новый сайт Hyperdrive одним щелчком мыши.…
https://techblog.sdstudio.top/beaker-browser-odnorangovyj-brauzer-dlja-veb-hakerov-i-razrabotchikov/
16.07.2020
#WEB
Построен для строительства Скачать сейчас[aesop_video show_subtitles=”off” nocookies=”off” force_fullwidth=”off” mute=”off” viewend=”off” viewstart=”off” controls=”on” autoplay=”off” loop=”on” disable_for_mobile=”on” id=”nKHJ4rLN9mo” src=”youtube” align=”center” width=”100%”] Сеть должна быть креативным инструментом для всех Beaker обеспечивает одноранговую публикацию в Интернете, превращая браузер в инструмент для создания веб-сайтов, файлов, приложений и многого другого. Развернуть мгновенно Deploy instantly Создайте новый сайт Hyperdrive одним щелчком мыши.…
https://techblog.sdstudio.top/beaker-browser-odnorangovyj-brauzer-dlja-veb-hakerov-i-razrabotchikov/
6 важных тенденций SEO на 2020 год и последующий период (наши мысли)
19.07.2020
#WEB #WordPress
Теперь, когда у вас был шанс прочно закрепиться в 2020 году, на какие наиболее важные тренды SEO в 2020 году и за его пределами вам нужно обратить внимание? В этом посте мы поделимся своими мыслями о шести тенденциях SEO, на которые следует обратить внимание в новом десятилетии. Давайте разберемся с тенденциями … 1. Блокчейн Timestamp…
https://techblog.sdstudio.top/6-vazhnyh-tendencij-seo-na-2020-god-i-posledujushhij-period-nashi-mysli/
19.07.2020
#WEB #WordPress
Теперь, когда у вас был шанс прочно закрепиться в 2020 году, на какие наиболее важные тренды SEO в 2020 году и за его пределами вам нужно обратить внимание? В этом посте мы поделимся своими мыслями о шести тенденциях SEO, на которые следует обратить внимание в новом десятилетии. Давайте разберемся с тенденциями … 1. Блокчейн Timestamp…
https://techblog.sdstudio.top/6-vazhnyh-tendencij-seo-na-2020-god-i-posledujushhij-period-nashi-mysli/
Как добавить «Режим чтения» в ваши сообщения на блоге
21.07.2020
#WEB #WordPress
В этой статье я покажу вам простой способ добавить «Режим чтения» без отвлекающих факторов в ваш блог. Обновление (1 марта 2018 г.) : я перевел демонстрационный сайт в автономный режим, но добавил скриншоты конечного результата. Сама ссылка выглядит следующим образом: При щелчке это загружает модальное, например, так: Цель добавления такой функции – дать посетителю возможность…
https://techblog.sdstudio.top/kak-dobavit-rezhim-chtenija-v-vashi-soobshhenija-na-bloge/
21.07.2020
#WEB #WordPress
В этой статье я покажу вам простой способ добавить «Режим чтения» без отвлекающих факторов в ваш блог. Обновление (1 марта 2018 г.) : я перевел демонстрационный сайт в автономный режим, но добавил скриншоты конечного результата. Сама ссылка выглядит следующим образом: При щелчке это загружает модальное, например, так: Цель добавления такой функции – дать посетителю возможность…
https://techblog.sdstudio.top/kak-dobavit-rezhim-chtenija-v-vashi-soobshhenija-na-bloge/
Как уменьшить нагрузку на сервер и повысить скорость WordPress с помощью Memcached | Форум Plesk
12.08.2020
#Linux #WEB #WordPress #Панели_управления
Сегодня я покажу вам, как вы можете уменьшить нагрузку на сервер и значительно повысить скорость вашего сайта WordPress с помощью Memcached. Memcached – система кэширования распределенной памяти Memcached – кэширует данные и объекты непосредственно в память (RAM) и сокращает количество раз, которое необходимо прочитать из внешнего источника (например, из базы данных или вызовов API). Это особенно…
https://techblog.sdstudio.top/kak-umenshit-nagruzku-na-server-i-povysit-skorost-wordpress-s-pomoshhju-memcached-forum-plesk/
12.08.2020
#Linux #WEB #WordPress #Панели_управления
Сегодня я покажу вам, как вы можете уменьшить нагрузку на сервер и значительно повысить скорость вашего сайта WordPress с помощью Memcached. Memcached – система кэширования распределенной памяти Memcached – кэширует данные и объекты непосредственно в память (RAM) и сокращает количество раз, которое необходимо прочитать из внешнего источника (например, из базы данных или вызовов API). Это особенно…
https://techblog.sdstudio.top/kak-umenshit-nagruzku-na-server-i-povysit-skorost-wordpress-s-pomoshhju-memcached-forum-plesk/
Как изменить цвет адресной строки на Android Chrome при просмотре сайта на WordPress
29.08.2020
#WEB #WordPress #Все_для_functions_php #Все_для_разработки_плагинов #Все_для_разработки_шаблонов #Примеры
Я просматривал BBC News и заметил, что они окрашивают адресную строку браузера Android в красный цвет. Мое любопытство возросло, когда я осмотрел источник и обнаружил простую однострочную строку, которая говорит браузерам об изменении цвета. Трюк называется Meta Theme Color, и, по словам разработчиков Google, он предназначен для Chrome, Firefox OS и Opera. Он принимает форму…
https://techblog.sdstudio.top/change-address-bar-color-android-chrome/
29.08.2020
#WEB #WordPress #Все_для_functions_php #Все_для_разработки_плагинов #Все_для_разработки_шаблонов #Примеры
Я просматривал BBC News и заметил, что они окрашивают адресную строку браузера Android в красный цвет. Мое любопытство возросло, когда я осмотрел источник и обнаружил простую однострочную строку, которая говорит браузерам об изменении цвета. Трюк называется Meta Theme Color, и, по словам разработчиков Google, он предназначен для Chrome, Firefox OS и Opera. Он принимает форму…
https://techblog.sdstudio.top/change-address-bar-color-android-chrome/
Как использовать Drag and Drop для загрузки файлов в любом месте на сайте
04.09.2020
#WEB #WordPress #Все_для_разработки_шаблонов
Мне было интересно, известен ли этот простой маленький трюк. Вы можете перетащить файл на кнопку «Выбрать файл» (зоны выбора файла), чтобы выбрать его для загрузки. Смысл статьи в том, что, возможно, люди не знают этого. Судя по тому, что на сайтах должна быть реализована модная дроп зона, чтобы облегчить перетаскивание файлов. Учебники для решения, как…
https://techblog.sdstudio.top/drag-and-drop-file-upload-anywhere/
04.09.2020
#WEB #WordPress #Все_для_разработки_шаблонов
Мне было интересно, известен ли этот простой маленький трюк. Вы можете перетащить файл на кнопку «Выбрать файл» (зоны выбора файла), чтобы выбрать его для загрузки. Смысл статьи в том, что, возможно, люди не знают этого. Судя по тому, что на сайтах должна быть реализована модная дроп зона, чтобы облегчить перетаскивание файлов. Учебники для решения, как…
https://techblog.sdstudio.top/drag-and-drop-file-upload-anywhere/
WordPress - Как добавить пользователя admin в базу данных через PHP
10.04.2019
#WEB #WordPress #Все_для_functions_php #Плагины
Если Вы веб разработчик, вам когда-то потребуется создать нового администратора в базе данных, чтобы получить доступ к сайту. Как правило, это необходимо, когда вам предоставляется экспорт базы данных WordPress, но вам не предоставлены учетные данные для входа в систему для пользователя с правами администратора. Конечно, вы можете получить доступ через базу данных . Однако многим…
https://techblog.sdstudio.top/perevod/dobavit-polzovatelya-wordpress-admin-v-bazu-dannyh-cherez-php
10.04.2019
#WEB #WordPress #Все_для_functions_php #Плагины
Если Вы веб разработчик, вам когда-то потребуется создать нового администратора в базе данных, чтобы получить доступ к сайту. Как правило, это необходимо, когда вам предоставляется экспорт базы данных WordPress, но вам не предоставлены учетные данные для входа в систему для пользователя с правами администратора. Конечно, вы можете получить доступ через базу данных . Однако многим…
https://techblog.sdstudio.top/perevod/dobavit-polzovatelya-wordpress-admin-v-bazu-dannyh-cherez-php
WordPress - Как добавить пользователя admin в базу данных через PHP
10.04.2019
#WEB #WordPress #Все_для_functions_php #Плагины
Если Вы веб разработчик, вам когда-то потребуется создать нового администратора в базе данных, чтобы получить доступ к сайту. Как правило, это необходимо, когда вам предоставляется экспорт базы данных WordPress, но вам не предоставлены учетные данные для входа в систему для пользователя с правами администратора. Конечно, вы можете получить доступ через базу данных . Однако многим…
https://techblog.sdstudio.top/perevod/dobavit-polzovatelya-wordpress-admin-v-bazu-dannyh-cherez-php
10.04.2019
#WEB #WordPress #Все_для_functions_php #Плагины
Если Вы веб разработчик, вам когда-то потребуется создать нового администратора в базе данных, чтобы получить доступ к сайту. Как правило, это необходимо, когда вам предоставляется экспорт базы данных WordPress, но вам не предоставлены учетные данные для входа в систему для пользователя с правами администратора. Конечно, вы можете получить доступ через базу данных . Однако многим…
https://techblog.sdstudio.top/perevod/dobavit-polzovatelya-wordpress-admin-v-bazu-dannyh-cherez-php
Получение пробной лицензии Plesk Panel - как ее получить?
24.09.2020
#Plesk #WEB #Панели_управления
Сегодня, когда курс доллара растет, получить лицензию на веб-панель управления Plesk стало сложно. Вместо Plesk Panel можно выбрать различные бесплатные панели управления, поскольку полученные лицензии приводят к большим финансовым потерям по сравнению с другими веб-панелями управления. Однако некоторые из клиентов могут предпочесть использовать Plesk Panel вместо других панелей. В таком случае вам не обязательно получать…
https://techblog.sdstudio.top/poluchenie-probnoj-licenzii-plesk-panel-kak-ee-poluchit/
24.09.2020
#Plesk #WEB #Панели_управления
Сегодня, когда курс доллара растет, получить лицензию на веб-панель управления Plesk стало сложно. Вместо Plesk Panel можно выбрать различные бесплатные панели управления, поскольку полученные лицензии приводят к большим финансовым потерям по сравнению с другими веб-панелями управления. Однако некоторые из клиентов могут предпочесть использовать Plesk Panel вместо других панелей. В таком случае вам не обязательно получать…
https://techblog.sdstudio.top/poluchenie-probnoj-licenzii-plesk-panel-kak-ee-poluchit/
Анимация линий и замкнутых контуров SVG на чистом CSS (для WordPress и не только)
11.10.2020
#CSS #WEB
Во время работы над SVG Divider для Elementor разработчик написавший данную статью узнал, как вдохнуть жизнь в произведения своего искусства. Оценив некоторые библиотеки, он решил вручную анимировать SVG-строки, используя чистый CSS. Такой подход уменьшает зависимости и снижает влияние плагина на сайты клиентов. Между тем, результат приобретает безупречный вид и обеспечивает безупречную производительность. Далее переведенный текст статьи,…
https://techblog.sdstudio.top/animacija-linij-i-zamknutyh-konturov-svg-na-chistom-css-dlja-wordpress-i-ne-tolko/
11.10.2020
#CSS #WEB
Во время работы над SVG Divider для Elementor разработчик написавший данную статью узнал, как вдохнуть жизнь в произведения своего искусства. Оценив некоторые библиотеки, он решил вручную анимировать SVG-строки, используя чистый CSS. Такой подход уменьшает зависимости и снижает влияние плагина на сайты клиентов. Между тем, результат приобретает безупречный вид и обеспечивает безупречную производительность. Далее переведенный текст статьи,…
https://techblog.sdstudio.top/animacija-linij-i-zamknutyh-konturov-svg-na-chistom-css-dlja-wordpress-i-ne-tolko/
Используйте MailGun для пересылки электронной почты на вашем домене в Gmail
12.10.2020
#WEB #WordPress #WordPress_Админка
Я искал службу, у которой есть только одна работа: пересылать входящую электронную почту address@example.com на мой обычный адрес Gmail . У нас есть пара доменов и соответствующие им профессиональные адреса. Однако мы не хотим входить в несколько разных почтовых ящиков, особенно в какую-то веб-почту, предоставляемую хостингом cPanel. Даже переключение между учетными записями Google – это…
https://techblog.sdstudio.top/mailgun-forward-email-on-your-domain-to-gmail/
12.10.2020
#WEB #WordPress #WordPress_Админка
Я искал службу, у которой есть только одна работа: пересылать входящую электронную почту address@example.com на мой обычный адрес Gmail . У нас есть пара доменов и соответствующие им профессиональные адреса. Однако мы не хотим входить в несколько разных почтовых ящиков, особенно в какую-то веб-почту, предоставляемую хостингом cPanel. Даже переключение между учетными записями Google – это…
https://techblog.sdstudio.top/mailgun-forward-email-on-your-domain-to-gmail/
DNS для веб-разработчиков
29.11.2020
#WEB
Представьте, что вы идете в офис, открываете браузер и переходите по адресу 172.217.172.197, чтобы проверить свою электронную почту. Затем вы посещаете 140.82.112.4, чтобы просмотреть некоторые изменения кода, предложенные вашими коллегами. Затем вы открываете свой любимый клиент чата и подключаетесь к 84.17.44.180. Если вы еще не поняли: это отстой. Это мир без доменных имен. Мы больше…
https://techblog.sdstudio.top/dns-dlja-veb-razrabotchikov/
29.11.2020
#WEB
Представьте, что вы идете в офис, открываете браузер и переходите по адресу 172.217.172.197, чтобы проверить свою электронную почту. Затем вы посещаете 140.82.112.4, чтобы просмотреть некоторые изменения кода, предложенные вашими коллегами. Затем вы открываете свой любимый клиент чата и подключаетесь к 84.17.44.180. Если вы еще не поняли: это отстой. Это мир без доменных имен. Мы больше…
https://techblog.sdstudio.top/dns-dlja-veb-razrabotchikov/
CSS Game: 8 игр для увлекательного изучения CSS
15.12.2020
#CSS #WEB
Должен признаться, мне сложно что-то запоминать. Особенно, если речь идет о CSS. Например, макет Flexbox. Свойство justify-contentгибкого контейнера может иметь более 12 различных значений, многие из которых можно комбинировать с ключевыми словами safe или unsafe. Чтобы прочитать полное руководство по flexbox по трюкам CSS, вам нужно прокрутить страницу с двумя столбцами высотой более 20 тыс.…
https://techblog.sdstudio.top/css-game-8-igr-dlja-uvlekatelnogo-izuchenija-css/
15.12.2020
#CSS #WEB
Должен признаться, мне сложно что-то запоминать. Особенно, если речь идет о CSS. Например, макет Flexbox. Свойство justify-contentгибкого контейнера может иметь более 12 различных значений, многие из которых можно комбинировать с ключевыми словами safe или unsafe. Чтобы прочитать полное руководство по flexbox по трюкам CSS, вам нужно прокрутить страницу с двумя столбцами высотой более 20 тыс.…
https://techblog.sdstudio.top/css-game-8-igr-dlja-uvlekatelnogo-izuchenija-css/