Технологии

Xiaomi Monitor A24i ELA5444EU [обзор]

Ранее в качестве дополнительного монитора я использовал Dell P2419H. Он хорошо справлялся со своей задачей, однако со временем я решил заменить его на более современную модель. Так мой выбор пал на Xiaomi Monitor A24i. Сейчас он используется у меня в качестве дополнительного монитора рядом с основным Samsung M8. На основном экране я обычно работаю с […]

Читать статью
5 минут 4
Инструменты

4 инструмента для работы с изображениями, которые у меня в закладках

При работе с сайтами довольно часто приходится решать одни и те же задачи: уменьшить размер изображения, изменить его формат или настроить автоматическую оптимизацию картинок. Я собрал небольшой набор инструментов, которыми пользуюсь сам. Они закрывают большинство подобных задач — от простого сжатия изображения до автоматической конвертации картинок в WebP и AVIF на WordPress. 1. ImageCompressor Когда […]

3 минуты 5
webDev

Vite + WordPress — зачем я вообще это сделал

В своих новых WordPress-темах я начал активно использовать Vite. Раньше структура была гораздо проще: подключил CSS, подключил JS — и работаешь. С Vite проект становится больше похож на современный frontend-проект: Но есть и обратная сторона — приходится нормально организовать взаимодействие Vite и WordPress. Особенно интересно было разобраться с dev/build режимами и manifest. Пришлось с нуля […]

1 минута 3
webDev

Yoast SEO или SEOPress?

Для SEO я долго использовал Yoast SEO. Это один из самых известных SEO-плагинов WordPress: сейчас у него более 10 млн активных установок. Мне нравится большое количество настроек и то, что практически всё необходимое для базового SEO уже есть внутри. Но сейчас я начал пробовать SEOPress. Пока рано говорить, что я окончательно перешёл на него — […]

1 минута 2
webDev

Почему я постепенно отказываюсь от jQuery в WordPress

В своих новых проектах я полностью отказался от jQuery в пользу vanilla JS. Не потому что jQuery плохой. Просто для многих задач, которые раньше решал через jQuery, современного JavaScript уже вполне достаточно. Например: — работа с DOM;— обработчики событий;— fetch;— классы;— модальные окна;— мобильное меню;— AJAX-запросы. Плюс мне нравится, что в результате не нужно тащить […]

1 минута 3
Технологии

Dell P2419H [обзор]

Dell P2419H долгое время использовался у меня в качестве дополнительного монитора. Основным монитором был Samsung M8, а Dell стоял рядом и использовался преимущественно для работы. Такая связка оказалась для меня очень удобной. На Dell P2419H я в основном писал код и верстал сайты, а на основном Samsung M8 открывал браузер и сразу смотрел результат работы. […]

4 минуты 6
Технологии

Samsung M8 [обзор]

Samsung M8 уже некоторое время является моим основным монитором. Я использую его каждый день для работы, иногда играю на нём и смотрю видео. За время использования он стал важной частью моего рабочего места, и в целом могу сказать сразу: устройством я очень доволен. При выборе монитора для меня было важно получить большой и качественный экран, […]

4 минуты 6
webDev

Boxicons — большая коллекция бесплатных иконок

Если вы делаете сайты, наверняка периодически ищете нормальные SVG-иконки. Я уже давно использую Boxicons. У них есть большая коллекция иконок разных категорий, в том числе отдельный набор бесплатных иконок. Мне особенно нравится, что библиотека подходит именно для веб-разработки. Можно использовать иконки как SVG или подключить их через icon font. А бесплатные иконки распространяются по лицензии […]

1 минута 3
Конвертер регистров текста
Моё

Конвертер регистров текста

Иногда текст приходит в не самом удобном виде. Например, вам отправили: ЭТОТ ТЕКСТ НУЖНО ПЕРЕПЕЧАТАТЬ А нужен обычный вариант: Этот текст нужно перепечатать Или, наоборот, нужно быстро преобразовать обычный текст в ВЕРХНИЙ РЕГИСТР. Вручную перепечатывать весь текст или исправлять каждую букву — не самое удобное занятие. Особенно если речь идёт о длинном предложении, нескольких абзацах […]

2 минуты 1
Моё

Конвертировать SVG в Base64

SVG — удобный формат для иконок, логотипов и другой векторной графики. Обычно SVG используется как отдельный файл, который подключается к странице через <img>, <svg> или CSS. Но иногда удобнее встроить изображение прямо в код. Например, использовать SVG в качестве фонового изображения: background-image: url(«data:image/svg+xml;base64,…»); Для этого SVG необходимо преобразовать в формат Base64. Вручную делать это неудобно, […]

2 минуты 2

Больше полезного в Telegram

Анонсы новых статей, закулисье, полезные материалы и мысли в реальном времени. Без спама.

Подписаться