Игра Жизнь — клеточный автомат на HTML

Игра Жизнь — это клеточный автомат созданный в 1970 году Джоном Конвеем.Это не совсем игра, а просто симуляция клеток по определенным правилам.От игрока лишь требуется размещать эти клетки.В этом посте мы сделаем «Игру Жизнь» на HTML странице при помощ…

Генератор коротких CSS классов и id

Одним днем возникла необходимость добавить в проект генерацию коротких css классов и id элементов в html верстке. Основные причины были следующие: * Усложнить жизнь парсерам* Уменьшить размер html страниц* И чтобы все было как у Google, шутка 😄 Очевид…

Курс молодого бойца: ускоряем проекты на Битрикс, повышаем их отказоустойчивость

Привет! На связи Данила Соловьев, руководитель направления PHP в AGIMA. Для проджект-менеджеров и джуниор-разработчиков я подготовил небольшой гайд по тому, как ускорять работу крупных проектов на Битрикс и повышать их отказоустойчивость. Здесь вы не н…

Accessibility: для кого и как внедрять?

У меня есть хороший знакомый, который в 25 лет полностью потерял зрение. Представляете, все то, что для нас привычно, для него изменилось? Компьютеры и телефоны превратились в кирпичи, и толку от них стало мало. Или нет?Привет! Меня зовут Андрей Кузнец…

[Перевод] Создание компонента переключателя Toggle

В данной статье я бы хотел поделиться основными мыслями об одном из способов создания отзывчивого и доступного компонента переключателяЭлемент переключателя toggle работает подобно чекбоксу, но более явно отражает выбор только между двумя состояниями: …

Webpack + CSS Modules + TS = Love

Сказ про то, как повысить надежность фронтенда с помощью CSS Modules, TypeScript и Webpack. Читать далее

Топ-25 бесплатных курсов веб-разработчика 2022 года

Подготовили для вас подборку бесплатных курсов и тренажеров обучения для веб-разработке с нуля. Также на нашем сайте есть раздел со всеми платными курсами по web-разработке и отзывами о них — https://katalog-kursov.ru/courses/kursy_po_web_razrabotke/…

Как достичь производительного рендеринга в браузере

Один великий китайский философ сказал: «каждый разработчик должен понимать, как исполняется его программа». Что ж, давайте разбираться. Говорить будем про рендеринг и его производительность.Меня зовут Глеб Михеев, я CTO Skillbox Holding, а также руково…

[recovery mode] Добавление масштабирования при ширине экрана менее чем body min-width в Firefox и Safari

В этом мини туториале я расскажу вам о том, как решить проблему отсутствия масштабирование страницы при ширине экрана меньше чем body min-width в браузерах Firefox и Safari, с помощью функции, решающей эту проблему. Читать далее…