Вышел Google Chrome 112

Google выпустила обновление браузера Chrome 112. Разработчики добавили поддержку препроцессорных правил вложения CSS-селекторов и обновили алгоритм фокусировки в элементах с тегом . Новая версия браузера уже доступна пользователям и разработчикам. Читать далее

Подробнее

Вышло обновление WebStorm 2023.1

JetBrains выпустила обновление WebStorm 2023.1. Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах. Новая версия среды разработки уже доступна на сайте компании и в JetBrains Toolbox. Читать далее

Подробнее

[Перевод] 6 новых возможностей CSS, которые должен знать каждый front-end разработчик в 2023 году

Мощные и стабильные CSS фичи, которые вы можете использовать уже сегодня. Я считаю, что каждый front-end разработчик должен знать, как использовать container query, создавать привязку к прокрутке, избегать position: absolute с помощью grid, быстро создавать круг, использовать каскадные слои и достигать большего с помощью логических свойств. Эта статья — описание каждой из 6 новых возможностей CSS. Читать далее

Подробнее

Понять комбинаторные селекторы и селекторы потомков в CSS

Периодически я сталкиваюсь с проблемой - не хочу ставить лишний класс элементу внутри различных кнопок, ссылок и label-ов. Зачастую это текст, который нужно подсветить или галочка чекбокса или маленькая иконка. В решении этой проблемы мне обычно помогают необычные операторы CSS > + и ~ Читать далее

Подробнее

[Перевод] Основы фронтенд-разработки: фреймворки, DOM-дерево, взаимодействие с бэкендом

Современная сфера веб-разработки пестрит всевозможными технологиями и инструментами, среди которых новичок может легко растеряться. Статья посвящена общему обзору принципов фронтенд- и бэкенд-разработки, а также знакомит начинающих с наиболее актуальными инструментами и навыками, которые им потребуются для успешного продвижения по карьерному пути. Читать дальше →

Подробнее

[Перевод] Учимся тестированию с помощью Bootstrap

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

Подробнее

Текстовый Инпут с возможностью выделять отдельные слова

Как, вроде бы, простая задача превратилась в головную боль. Читать далее

Подробнее

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

Давайте погрузимся внутрь и посмотрим, что нового ждет разработчиков в Chrome 111. Читать далее

Подробнее

Вышел Chrome 111

Опубликован релиз браузера Chrome 111. Дополнительно поддерживается ветка Extended Stable, её сопровождение продлится восемь недель. Читать далее

Подробнее

[Перевод] CSS сolor-сontrast(): пошаговое руководство

Если вы испытывали раздражение из-за невозможности легко перемещаться по сайту, с высокой вероятностью вы столкнулись с недоступностью в том или ином виде. Недоступность и неприятные впечатления от использования схожи. Если вам сложно прочитать мелкий шрифт, то человеку с нарушениями зрения, возможно, вообще не прочитает его. Функция color-contrast() используется для удобства чтения, придания необходимого контраста между текстом и фоном на веб-странице. Это особенно важно для людей с…

Подробнее

[Перевод] Основы веба, которые должен знать начинающий разработчик

В этом посте я объясню, как работает Интернет. Мы ответим на вопросы наподобие «Как браузер находит файл HTML для запрошенной веб-страницы?», «Как файл HTML превращается в интерфейс пользователя?», «Что можно сделать, чтобы ускорить этот процесс?», «Как устанавливается и поддерживается связь с сервером?», а также рассмотрим следующие концепции: Клиент-серверную модель Жизненный цикл запроса веб-страницы Hypertext Transfer Protocol Как браузеры рендерят контент Читать дальше →

Подробнее

[Перевод] То, чего мне не хватает в CSS

Мне нравится, когда люди делятся тем, что они хотят видеть в CSS. За последние несколько недель я прочитал два потрясающих списка желаний Дэйва Руперта и Эрика Мейера. Я подумал, почему бы мне не поделиться с вами тем, что я хотел бы однажды увидеть в CSS. Читать далее

Подробнее