Чёрная магия трансформов, или об оптимизации анимаций на CSS

Чёрная магия трансформов, или об оптимизации анимаций на CSS

Иногда Frontend-разработчики сталкиваются с тем, что для оптимизации производительности нужно написать волшебное свойство translateZ(0) или will-change. Анимации перестанут зависать, ничего не будет лагать и мир станет чуть ярче. ✨ Читать далее

Подробнее
Резиновый десктопный адаптив: как сделать большие экраны одинаковыми

Резиновый десктопный адаптив: как сделать большие экраны одинаковыми

Зачастую, когда говорят об адаптиве, подразумевают сужение большого экрана до мобильного размера без потери функциональности. Однако, на самом деле, адаптив также существует между разными десктопными версиями. Обычно разработчики не очень стараются применять адаптивные подходы для больших экранов, ведь если интерфейс поместился на HD разрешении, то он точно поместится на 2K разрешении и больше. Однако контент никак не масштабируется, поэтому имеем на больших разрешениях маленькие

Подробнее
[Перевод] Как сделать динамические цвета в CSS

[Перевод] Как сделать динамические цвета в CSS

Когда говорим «динамический», подразумеваем JavaScript. Но некоторые динамические функции можно реализовать, используя только CSS. Например, цвета. Читать далее

Подробнее
Как вывести цену на сайте в рублях если исходная в евро через js

Как вывести цену на сайте в рублях если исходная в евро через js

Используя плагин курса валют ЦБРФ хотелось бы не просто выводить сами валюты, но и использовать их для автоматической конвертации цен. Например товары на сайте в евро, а законодательство требует отображать все цены в российских рублях. Именно такое требование у Яндекс Маркета при генерации турбо-страниц для интернет-магазинов. К примеру наша статья по формату YML позволяет собрать свой шаблон импорта товаров в Яндекс Маркет. И вот если ваши цены в долларах или евро - то проверка списка товаров

Подробнее
s2tg - формы отправки сообщений в telegram для DLE

s2tg - формы отправки сообщений в telegram для DLE

Плагин для DLE позволяющий отправлять формы с сайта в telegram. Назначение: замена форм обратной связи в которых отправляются email на уведомления в мессенджер телеграм. Актуально для тех, кто "не смог" работать с электронной почтой, а вот с мессенджерами дружит и понимает что так и как. Возможно отправка как личных сообщений определенному получателю, так и трансляция уведомления в группы. Типовые примеры использования: заказ обратного звонка, форма предзаказа товара, форма обратной связи с

Подробнее
База знаний веб-разработчика: прокачиваем навыки владения CSS

База знаний веб-разработчика: прокачиваем навыки владения CSS

Владея знаниями по вёрстке, можно достичь поставленных целей и перейти на следующую ступень профессионализма. В этой статье я расскажу, какие материалы мы с коллегами используем в своей работе: уверен, эта информация будет полезна разработчикам на CSS. На базовом уровне Цель: Помнить все свойства в CSS. Достигается примерно за 300 часов Что изучать? Читать далее

Подробнее
SEO-аудит сайта от которого еще больше вопросов, чем ответов

SEO-аудит сайта от которого еще больше вопросов, чем ответов

SEO аудит сайта клиента, который сделали в ходе СЕО продвижения, через 6 месяцев работ. Вопросов возникло больше, чем ответов. Изучить SEO аудит

Подробнее
[recovery mode] Технический аудит: Ошибки мешающие продвижению в Яндексе и Google

[recovery mode] Технический аудит: Ошибки мешающие продвижению в Яндексе и Google

Технический аудит интернет магазина клиента. Разбор проблем и ошибок, которые мешали росту позиций сайта. Рекомендации по исправлению ошибок. Первые результаты работы через месяц. Ознакомиться с деталями

Подробнее