![[Перевод] Большой отчёт об изменениях в веб-доступности](https://habrastorage.org/webt/2r/ua/4w/2rua4wgm4vwhg0qu1_gffbu_lnk.png)
В 2020 году, как никогда раньше, стала очевидна необходимость сделать цифровое пространство инклюзивным и доступным для всех. Из-за продолжающейся пандемии, которая осложнила личный доступ к услугам и перевела целые отрасли в онлайн, особенно сильно страдают люди с ограниченными возможностями. К тому же их количество с растет из-за долгосрочных последствий пандемии. Читать дальше →
Подробнее
Ольга Топал, Middle SEO specialist, Boosta SEO - это не так страшно, как кажется. А базовое SEO – еще проще. Правильная базовая SEO-настройка молодого сайта уже принесет результаты. Не каждый ваш конкурент оптимизирует свой сайт на 100%. Поэтому, если вы оптимизируете сайт правильно, есть все шансы побороться за органический трафик спустя некоторые время. На каком этапе можно начинать делать SEO? Чем раньше, тем лучше. В этой статье я собрала 26 пунктов, которые нужно учесть до запуска…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
В данной статье мы разберем влияние SSR на SEO оптимизацию приложения. Пройдем с вами путь по переносу обычного React приложения на SSR. Разберем обработку асинхронных операций в SSR приложениях. Посмотрим, как делать SSR в приложениях с Redux Saga. Настроим Webpack 5 для работы с SSR приложением. А также рассмотрим тонкости работы SSR: Генерация HTML Meta Tags, Dynamic Imports, работа с LocalStorage, debugging и прочее. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] Искусство компонентов. Пишем карточку контакта Facebook Messenger](https://habrastorage.org/webt/vw/uq/7_/vwuq7_x3nzmpqsu4rxn6boagxdg.jpeg)
Вполне возможно оценить компонент и сказать, что он легко пишется на HTML и CSS. Соглашусь, это легко, когда вы работаете, только чтобы практиковаться, но в реальном проекте всё по-другому. Идеальный адаптивный компонент, который вы только что создали, быстро перестаёт работать, когда сталкивается с реальным контентом настоящего проекта. Почему? Потому, что, пока вы рассуждаете о разработке компонента, вы можете упустить крайние случаи. Сегодня, специально к старту нового потока нашего курса по…
Подробнее
В последнее время всё чаще и чаще возникает вопрос о доступности, если раньше скрытие outline для элементов страницы было общим правилом, то теперь хороший сайт должен иметь outline у элементов, как минимум :focus-visible. Основная проблема outline - это их стилизирование. Я пришел к своему решению, которое изложено в этой статье. Читать далее
Подробнее![[recovery mode] Electron — Разработка Desktop-приложений, используя HTML, CSS и JavaScript](https://habrastorage.org/webt/dq/zx/i1/dqzxi1aqzhvvj92xbedchlinffw.png)
О чем вы узнаете из статьи? Что такое Electron Возможности и ограничения при разработке Как работать с Electron Плюсы и минусы Известные проблемы Вывод Electron — это библиотека, которую можно использовать для написания десктопных приложений с помощью html, css, js. Эти приложения могут быть упакованы под windows, mac, linux. Возможно некоторые из вас уже использовали Electron даже не подозревая об этом! Список некоторых приложений, написанных на Electron Visual Studio Code Atom Skype…
Подробнее![[Перевод] Практика использования спецификации CSS Scroll Snap](https://habrastorage.org/webt/13/3v/zo/133vzoiiui_atluq6p9pymwyyqq.png)
Часто ли у вас возникало желание воспользоваться какой-нибудь возможностью CSS, позволяющей, без лишних усилий, создать элемент-контейнер, поддерживающий прокрутку? CSS, что очень хорошо, даёт нам такую возможность. Я, когда только начинал заниматься фронтенд-разработкой, пользовался для создания прокручиваемых элементов JavaScript-плагинами. Но иногда нужно что-то такое, что позволяет создавать подобные элементы просто и быстро, без привлечения JavaScript. Сделать это можно,
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
В данной статье рассмотрим все этапы разработки: от зарождения идеи до имплементации отдельных частей приложения, в том числе выборочно будут предоставлены некоторые кастомные куски кода. Данная статья может быть полезна тем, кто только задумывается или начинает разрабатывать игры / мобильные приложения. Читать далее
Подробнее