Как заменить обертку изображений в 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-, и предполагают работу с текстовыми блоками с точки зрения форматирования текста. Здесь речь идёт […]
Способы копирования объектов в JavaScript
Для того, чтобы получить копию объекта, как сложного типа данных, придется приложить некоторое количество усилий, т.к. в отличие от примитивных типов Number, String, Boolean, которые […]
Использование Axios против Fetch API в JavaScript
Fetch API появился относительно недавно в спецификации ES6 (EcmaScript2015), но при этом успешно поддерживается практически всеми основными браузерами, за исключением Internet Explorer v.6 — 11 […]
Использование data-атрибутов в HTML, CSS, JavaScript и jQuery
HTML5 в своем стандарте принес немало нового, и одним из таких новшеств стала возможность добавлять любые пользовательские атрибуты в разметку страницы с использованием волшебной приставки, […]
Условная конструкция switch ... case в JavaScript
Конструкция switch … case есть во многих, если не во всех, языках программирования. В JavaScript она заменяет собой условную конструкцию if … else тогда, когда […]
Операторы сравнения, логические операторы и условная конструкция if...else в JavaScript
В JavaScript часто возникают ситуации, при которых нужно проверить некое условие. Для этого необходимо использовать операторы сравнения и условную конструкцию if…else.
Классы для позиционирования html-элементов в Bootstrap 5 и 4
Позиционированные элементы — неотъемлемая часть практически любой html-страницы. Bootstrap, как многоцелевой фреймворк для верстки, конечно же, не мог обойти вопрос позиционирования html-элементов стороной. Разработчиками 4-й […]