Блог об IT и технологиях: обзоры, разборы и полезные материалы

Игра "Угадай число" на JS

Рассмотрим создание игры "Угадай число" на JS. Компьютер загадывает простое число - от 1 до 100, наша задача его угадать. Есть подсчет попыток и подсказка (больше число или меньше).
GameDev
3 года назад
3 9 475

Пишем темную тему для сайта

В этом уроке мы напишем скрипт на JS для переключения на темную и светлую тему. Мы будем использовать localStorage для сохранения данных о текущей темы, чтобы при перезагрузке страницы и выходе из браузера наша тема не "слетала".
Frontend
3 года назад
0 2 746

Анимированные табы

В данном уроке мы создадим стильные табы на JS. Сделаем их на чистом JS и CSS, без использования библиотек. В процессе вы поймете как сделать табы, сможете стилизовать их под свои требования.
Frontend
3 года назад
0 2 371

Адаптивная галерея для сайта

Рассмотрим создание полноразмерной галереи для сайта. В первой части напишем адаптивную сетку на CSS и выведем все фотографии в виде плитки.
Frontend
3 года назад
1 5 322

Калькулятор расчета стоимости авто

Калькулятор считает итоговую стоимость поездки и выводит информацию в поле заказа. Причем делает это он динамически, нам не надо нажимать кнопку "Рассчитать", что очень удобно.
Проекты
3 года назад
0 3 795

Единицы измерения в CSS

Когда вы говорите о расстоянии между двумя местами, такими как ваш дом и дом вашего друга, вы говорите о километрах или метрах. 
Обучение
3 года назад
0 2 435

Руководство для начинающих по Sass

В этой статье вы узнаете основы препроцессора SASS/SCSS, что это такое и как использовать его возможности для быстрого написания стилей. Предполагается, что вы уже знакомы с основами HTML, CSS.
Frontend
3 года назад
0 15 589

TypeScript против JavaScript: отличия, которые стоит понимать

JavaScript присутствует на рынке веба уже много лет и стал популярным языком программирования в сообществе разработчиков. Но, как мы знаем, если одна технология или язык набирает обороты, рядом всегда будет находиться альтернативный вариант, который выходит на рынок и составляет конкуренцию текущему.
Обучение
4 года назад
0 2 451

Создаем аккордеон на JavaScript

Всем привет! Мы продолжаем создавать элементы пользовательского интерфейса (UI). Сегодня коснемся такой темы, как аккордеоны. Аккордеон позволяет скрывать часть контента и при нажатии на бокс у нас плавно раскрывается весь контент.
Frontend
4 года назад
2 10 117

Текст поверх картинки на CSS

В этой статье расскажу, как наложить и выровнять текст поверх картинки методом CSS. Часто возникает такая необходимость при разработке сайтов. Текст будем выравнивать по центру.
Frontend
4 года назад
0 3 612

Неоновая кнопка на чистом CSS

Неоновые кнопки добавляют приятный футуристический любому веб-сайту. Мне всегда нравилась магия неоновых вывесок, и я хотел воссоздать их с помощью CSS.
Frontend
4 года назад
1 6 062

Методология БЭМ простыми словами

При создании небольших веб-сайтов то, как разработчики структурируют свой код CSS, обычно не представляет большой проблемы. Однако, когда дело доходит до более крупных и сложных проектов, организация кода становится решающей.
Обучение
4 года назад
0 3 803