Основное

[Перевод - recovery mode ] 4 совета по Local SEO, о которых забывают даже эксперты

[Перевод - recovery mode ] 4 совета по Local SEO, о которых забывают даже эксперты

Сегодня все больше людей интересуется местными предприятиями. Это означает, что локальный поиск никогда еще не был таким конкурентным, как сейчас. Но как сделать так, чтобы клиентам в конкретном регионе было легко найти ваш бизнес и связаться с вами? В этой статье расскажем, как занимать более высокие позиции в поисковой выдаче, используя советы по настройке локального SEO, о которых могут забыть даже эксперты. Читать далее

Подробнее
Интересные трюки HTML. Экстремальный минимализм

Интересные трюки HTML. Экстремальный минимализм

Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС. Но стремление к минимизации может пойти дальше, если вы хотите поместить весь сайт в адресную строку браузера. А с помощью сокращателя ссылок даже большой сайт сжимается до восьми байт. В этом случае и хостинг не нужен (то есть роль хостинга выполняет сервис

Подробнее
Tailwind vs BEM — 2 (архитектура)

Tailwind vs BEM — 2 (архитектура)

Статья рассматривает возможные задачи верстки на разных проектах и как с ними справляются две разные архитектуры: Tailwind CSS и ванильный CSS + BEM. Читать далее

Подробнее
Tailwind vs BEM — 1 (сравнение производительности)

Tailwind vs BEM — 1 (сравнение производительности)

В этих двух статьях я буду сравнивать TailwindCSS с чистым CSS + BEM. Цель - разобраться что является лучшим решением для хорошей архитектуры приложения. Это не вопрос предпочтений, от этого выбора будет зависеть очень многое на поздних этапах разработки и оно должно быть очень хорошо обосновано. Начну со сравнения производительности. Tailwind позволяет значительно уменьшить размер итогового CSS и тем самым ускорить время отображения страницы. Но это сработает только в том случае, если

Подробнее
Множественное дублирование заголовков и описаний (SEO)

Множественное дублирование заголовков и описаний (SEO)

О чём статья? Одна из проблем, с которой могут столкнуться сайты с очень большим количеством страниц (порядок: несколько десятков миллионов страниц), — одинаковые мета-теги title и description на всех этих страницах. В этой статье разберём способы, как можно частично улучшить SEO ситуацию в таком случае. Читать далее

Подробнее
Может ли быть уязвимость в дизайне, контенте и CSS и разбор такой уязвимости(?) на Госуслугах

Может ли быть уязвимость в дизайне, контенте и CSS и разбор такой уязвимости(?) на Госуслугах

Кажется, что уязвимость - штука техническая, но на Госуслугах есть интересная комбинация уязвимостей (ну или, скажем, черт, особенностей) в сфере CSS, дизайна, юзабилити, которые мошенники используют в социальной инженерии. Узнал я про это из вот этого ролика на ютубе. Смотрел фоном, не ожидая чего-то интересного, но в момент, когда я услышал, как жертва атаки видит телефон мошенника на официальном сайте Госуслуг, с правильным адресом, с валидным сертификатом я не поверил своим ушам и

Подробнее
Сокровища HTML: 7 тегов, которые упростят вам жизнь

Сокровища HTML: 7 тегов, которые упростят вам жизнь

Все мы знакомы с широко используемыми HTML тегами, такими как , , , и . Однако, существуют HTML - теги, которые могут упростить жизнь, и вместо написания дополнительного кода, выполнят всю работу :) Читать далее

Подробнее
Как наложить макет на вёрстку через PerfectPixel

Как наложить макет на вёрстку через PerfectPixel

Привет! Меня зовут Сергей Криворучко, я работаю наставником на курсе «Фронтенд-разработчик» в Практикуме. Иногда у студентов возникают сложности с PerfectPixel — расширением Chrome, совмещающим макет из Figma с вёрсткой в браузере. В этом материале я расскажу, как корректно экспортировать макет, установить PerfectPixel, управлять расширением и находить элементы страницы, которые стоит поправить на вёрстке. Для примера взял макет, с которым работают студенты на курсе. Читать далее

Подробнее
Как вписать блоки в страницу или в контейнер? Используйте css grid

Как вписать блоки в страницу или в контейнер? Используйте css grid

Я на днях обнаружил печальную вещь. Хотя стандарт css grid существует не первый год, многие до сих пор то ли не знают о нем, то ли не понимают, для чего он нужен. Я крайне редко вижу его практическое использование. При этом существует задача, которая нормальным образом решается только через grid. Речь идет о вписывании верстки в родительский контейнер, будь то виджет или страница в целом. В итоге создание подобной верстки происходит либо с помощью костылей (если использовать обычную

Подробнее
[Перевод] Использование Content-Security-Policy вместе с React & Emotion

[Перевод] Использование Content-Security-Policy вместе с React & Emotion

Content-Security-Policy (CSP) - это HTTP заголовок, который улучшает безопасность веб-приложений за счет запрета небезопасных действий, таких как загрузка и отправка данных на произвольные домены, использование eval, inline-скриптов и т.д. В этой статье будет сделан фокус на директиве style-src и ее использование вместе с CSS-in-JS библиотекой emotion. Читать далее

Подробнее
10 бесплатных курсов и занятий для начинающих разработчиков

10 бесплатных курсов и занятий для начинающих разработчиков

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

Подробнее
[Перевод] Что нового в Chrome 119?

[Перевод] Что нового в Chrome 119?

Начиная с Chrome 104 для вновь созданных или обновленных файлов cookie с указанием даты истечения срока действия действует ограничение - не более 400 дней. Теперь это ограничение будет применено к уже хранящимся файлам cookie задним числом. После первого запуска Chrome 119+ и однократного переноса базы данных срок действия этих файлов будет ограничен до 400 дней. Влияние этого изменения пользователи смогут ощутить не ранее чем через 400 дней после выхода Chrome 119, и то только для…

Подробнее