Создание эффекта размытого стекла в CSS
Эффект размытого стекла украшает собой дизайн вашей страницы. В этой статье вы найдете 2 способа создать эффект стекла с помощью CSS.
Промисы (Promises) в JavaScript
Промисы (Promises), или Обещания, в JavaScript появились в стандарте EcmaScript2015 (ES6) и с тех пор надежно обосновались в нем для обработки асинхронных операций.
Обработка событий Drag & Drop в JavaScript
Современный JavaScript вместе с HTML5 предоставляет возможность обработки событий перетаскивания и «бросания» элементов (Drag & Drop) благодаря наличию нескольких событий, которые определяют начало и конец […]
Практическое использование css-свойств grid-template-areas и grid-area
Одним из свойств CSS Grid Layout является назначение grid-областей в виде использования свойства grid-template-areas для контейнера и grid-area для вложенных в него элементов сетки. Как […]
Использование линий сетки в CSS Grid Layout для построения макета
В стандарте CSS Grid Layout есть масса свойств и возможностей,с которыми бы хотелось разобраться, чтобы иметь возможность их применять на практике. Одной из таких возможностей […]
Как добавить иконки Font Awesome в меню WordPress
Добавление иконок в меню навигации вашего сайта может быть необходимо вам по дизайну макета или по вашему собственному желанию, т.к. иконки дают вашим посетителям некоторые […]
Как заменить обертку изображений в WordPress c figure на div
В этой статье мы рассмотрим очень простой код, который, тем не менее, позволяет улучшить оптимизацию вашего сайта для поисковых систем. Поскольку над данным вопросом владельцы […]
Использование throw и конструкции try ... catch ... finally в Javascript
В любом коде возможны ошибки. В случае, когда такая ошибка встречается в JavaScript, интерпретатор прекращает выполнение кода и выводит в консоль браузера сообщение об ошибке. […]
Способы изменения размеров изображений и обрезки фото в Adobe Photoshop
При работе с изображениями довольно часто бывает нужно изменить размер изображения, как для печати фотографии, так и для подготовки ее для web-страниц. Давайте рассмотрим способы […]
Диалоговые окна prompt() и confirm()
Когда вы только начинаете учить JavaScript, у вас, как правило, нет инструментов взаимодействия с пользователями, а получить некое значение, введенное пользователем, необходимо по условиям задачи, […]
Замена методов массива forEach(), map(), filter(), reduce() с помощью цикла for
Такие методы массивов, как forEach(), map(), filter(), reduce() появились еще в спецификации ES5, так что на данный момент они прочно вошли в стандартный набор средств […]
Тернарный и другие операторы в JavaScript
Конструкция if…else в JavaScript решает массу различных задач, связанных с изменением хода алгоритма в зависимости от некоего условия. Однако за года существования JS в нем […]
Операторы арифметического присваивания в JavaScript. Инкремент, декремент
JavaScript, как и другие языки программирования, позволяет производить различные арифметические операции над переменными, т.к. расчеты — это одна из неотъемлемых задач программирования. Для этого в […]
Как экспортировать изображения из Figma
При верстке макетов, сделанных в Figma, одним из важных моментов является экспорт изображений. Здесь может быть несколько ситуаций, в которых изображения экспортируются по разному.
Анимация html-элементов с помощью Magic Animations CSS
Magic Animations CSS, или просто Magic.css – отличный набор CSS-анимаций, который подойдёт для любых веб-проектов. Он в чем-то похож на Animate.css, однако содержит иной пакет […]
Анимация на html-странице с помощью animate css и wow.js
Анимация типа @keyframes + свойство animation позволяют сделать анимированный логотип или баннер, красивый слайдер или выпадающее меню. Для того чтобы облегчить процесс создания самой анимации, […]
CSS-свойства для шрифтов
Шрифт в английском языке переводится как font или type. Первый вариант перевода мы будем использовать для различных css-свойств, которые позволяют управлять шрифтами на html-странице, а […]
CSS-свойства для текста
CSS-свойства для текста, как правило, начинаются с приставкой text- или word-, и предполагают работу с текстовыми блоками с точки зрения форматирования текста. Здесь речь идёт […]