Кнопки с масками на основе SVG
В этой статье мы увидим, как сделать не просто кнопки, а кнопки-иконки, доступные для людей с ограниченными возможностями, с помощью SVG и CSS, не перегружая […]
Видимость элемента в JavaScript и CSS. Свойство display: none и block
Довольно часто возникает необходимость узнать, является ли какой-либо объект видимым на странице. Как правило, решение упирается в получение информации о css-свойстве объекта display. Обычно мы […]
Использование элемента progress на страницах сайта
При создании веб-сайтов и веб-приложений периодически требуется показать пользователю информацию о ходе выполнения какого-либо запроса или задачи, будь то загрузка файла, воспроизведение видео или импорт […]
Использование AJAX для загрузки JSON-данных
AJAX — технология, которая появилась достаточно давно и успешно используется до сих пор для загрузки или отправки данных на сервер без перезагрузки текущей страницы. В […]
Отмена действий браузера по умолчанию в JavaScript
Что такое действия браузера по умолчанию, и зачем их отменять в JavaScript? Как правило, это переходы по ссылкам, отправка формы по клику на кнопке типа […]
Псевдоклассы :not и :is в CSS. Примеры использования
Обычно нам требуется задать некое форматирование для классов, элементов или id. Однако, бывают случаи, когда нужно назначить форматирование для элементов, которые не имеют какого-либо селектора, […]
Объект Date в JavaScript. Методы. Примеры использования.
Для манипуляций с датой и временем в JavaScript существует встроенный объект Date, которым довольно легко можно пользоваться для решения следующих задач: Форматирования даты Трансформации в […]
Сайты с бесплатными фоновыми изображениями
В том случае, если вы занимаетесь дизайном сайтов или совмещаете это увлекательное занятие еще и с написанием кода + периодически что-то ваяете на codepen.io или […]
Примеры верстки книг на HTML и CSS
Вы когда-нибудь задумывались о том, что на HTML и CSS можно сделать книгу? Оказывается, есть умельцы, выкладывающие свои работы на codepen.io, которые с помощью 3D […]
Пример использования метода jQuery $.post для AJAX-запросов
Отправлять AJAX-запросы стало уже привычным делом. Причем большая часть этих запросов, как правило, использует метод POST для передачи данных. Поэтому для упрощения кода в jQuery […]
Отправляем Ajax-запросы с помощью jQuery
Технология AJAX — это способ обмена данными клиента (компьютера пользователя) с сервером для обновления частей веб-страницы без перезагрузки всей страницы. Для выполнения AJAX-запросов в нативном […]
Использование метода jQuery $.getJSON для загрузки курсов валют
Метод jQuery $.getJSON, как следует из его названия, предназначен для получения методом GET данных в формате JSON. Поэтому ему в качестве параметра необходимо передать путь […]
Варианты оформления блока "Наша команда" и профиля пользователя
В этой статье вы найдете подборку примеров кода с ресурса codepen.io, которые предлагают интересные решения с точки зрения дизайна и кода для таких блоков вашего […]
Отладка JavaScript в Chrome DevTools
При написании кода JavaScript вы наверняка будете сталкиваться с ошибками. Для поиска ошибок можно использовать console.log() , выводя в консоль значения каких-либо переменных. Иногда можно […]
Релиз Bootstrap 5 alpha. Что нового.
19 августа 2015 года вышел релиз 4-й версии Bootstrap, но только в 2018 году мир увидел законченную версию. И вот уже в 2020 году, 16 […]
Как избежать утечек памяти в JavaScript
Недостаточная забота об управлении памятью, как правило, не приводит к серьезным последствиям, когда речь идет о «старомодных» веб-страницах. Пока пользователь перемещается по ссылкам и загружает […]
Классы в JavaScript
Классы в JavaScript появились только после выхода стандарта ES6 (EcmaScript 2015), привнесшего массу нововведений в синтаксис языка, хотя ключевое слово class было зарезервировано в JavaScript […]
Тег canvas. Рисование на холсте в JavaScript
Тег <canvas> появился HTML5, но с точки зрения управления им, как тегом или записи для него css-свойств он малоинтересен. Смысл его использования виден только при […]