Новость
Это должно было когда то случится, вслед за разработкой нативного элемента popover, в 150й версии Chrome Canary появился запрос на обратную связь по элементу Select, у которого можно полностью изменять выпадающий элемент.
Элемент будет состоять из следующих частей, представленных на картинке:
Фронтенд-инженер, бывший сотрудник Google и Miro Йенс Оливер Мейерт провёл исследование, которое показало, что 199 из 200 самых популярных веб-сайтов используют неработающий HTML.
Разработчик Деннис Морелло представил онлайн-проект Windows 98 Disk Defrag Simulator, который имитирует работу утилиты Disk Defragmenter в Windows 98, включая звуки HDD. На сайте defrag98.com можно посмотреть, как работала система дефрагментации дисковых носителей в Windows 98.
В Microsoft Edge обновили настройки стилей веб-сайтов в зависимости от предпочтений пользователя в отношении цвета и контрастности в Windows.
Открыт бесплатный доступ к обучающему опросу для веб-разработчиков под названием State of HTML 2023. Автор текущей версии проекта программист Леа Веру (Lea Verou, в GitHub — LeaVerou) пояснила, что вставила в опрос информацию о 131 новой фиче и нестандартных реализациях (от контента до UX и не только) в рамках создания веб-сайтов, работы с веб-ресурсами и веб-приложениям. Опрос можно проходить анонимно как гость без регистрации на сайте.
Mozilla представила платформу MDN Playground, предназначенную для предварительного просмотра HTML, CSS и JavaScript в браузере. Пользователи могут делиться сниппетами кода и использовать их для демонстрации примеров в документации.
Хокон Виум Ли — создатель каскадных таблиц стилей (CSS), в сотрудничестве с Тимом Бернерсом-Ли и Робертом Кайо. Он внес значительный вклад в веб-стандарты и развитие Интернета, работал в CERN и Opera Software.
Evrone поговорил с Хоконом о будущем интернета, метавселенной и его хобби. Здесь мы приводим интересные цитаты, а полную версию интервью можно посмотреть здесь.
Google объявила, что выпустила бета-версию Chrome 113 с поддержкой новых мультимедийных функций CSS, WebGPU и API. Тестовые версии доступны для Windows, macOS, Linux, Android и iOS.
Состоялся релиз фреймворка Electron 24.0.0. Кодовая база теперь основана на Chromium 112, Node.js 18.14.0 и JavaScript V8 11.2. Сам фреймворк позволяет разрабатывать настольные графические приложения с использованием веб-технологий.
Разработчики выпустили релиз платформы Electron 24.0.0, которая позволяет разрабатывать кроссплатформенные приложения и использует в качестве основы компоненты Chromium, V8 и Node.js. Её обновили до кодовой базы Chromium 112, платформы Node.js 18.14.0 и JavaScript-движка V8 11.2.
Google выпустила обновление браузера Chrome 112. Разработчики добавили поддержку препроцессорных правил вложения CSS-селекторов и обновили алгоритм фокусировки в элементах с тегом <dialog>. Новая версия браузера уже доступна пользователям и разработчикам.
За 3 месяца студенты научатся превращать дизайн в код, создавать сайты с нуля и понимать визуальную часть пользовательского интерфейса. Узнают о современных стандартах HTML и CSS и инструментах для профессиональной вёрстки, например, Git, Node.js, PostCSS.
HTML и CSS — основные языки для создания интерфейсов в вебе. Без хорошего знания этих инструментов не получится создать удобный, оптимизированный, хорошо работающий интерфейс. Незнание каких-то тонкостей вынудит вас выдумывать собственные велосипеды, тратить время на создание уже существующей логики.
Готовьтесь разнообразить свою веб-разработку с помощью последнего релиза Tailwind CSS v3.3! Это обновление предлагает обширную палитру цветов, которая удовлетворит даже самых искушенных дизайнеров. Но это еще не все - наслаждайтесь новой поддержкой ESM/TS, которая сделает ваш рабочий процесс более гладким, чем шелк. И, как если бы этого было мало, теперь вы можете насладиться превосходными свойствами и другими вкусными функциями, которые поднимут ваш веб-сайт на новый уровень. Не упустите этого вкусного обновления - ваши вкусовые рецепторы (и клиенты) будут благодарны вам!
Для начала обновим существующую версию Tailwind до последней:
npm install -D tailwindcss@latest
С новой версией вы можете создать файл конфигурации для TS (или ESM):
npx tailwindcss init --ts
Теперь добавим в палитру красок: к каждому цвету добавлены темные оттенки с индексом -950:
<span class="font-bold text-slate-950">-950 оттенков</span>
Для тех, кто использует опции языка RTL и LTR, жизнь станет проще благодаря тегам ms-3 (margin start) и me-3 (margin end). Те же свойства были добавлены к start-, end-, padding, rounded, border и scroll.
JetBrains выпустила обновление WebStorm 2023.1. Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах. Новая версия среды разработки уже доступна на сайте компании и в JetBrains Toolbox.
В дополнение к переводу статьи о том, как и сколько иконок использовать для создания современного сайта, сегодня я публикую микросервис - генератор иконок.
Работает он максимально просто - нужно положить в него svg файл вашего логотипа и он сгенерирует вам 5 необходимых для сайта иконок.
Наш митап позади, но польза его живет. Ниже вы найдёте все записанные в студии доклады frontend meetup от Evrone, где мы обсуждали, можно ли построить нормальную разработку без бэкенда, как заставить команду писать одинаковый код, и почему сложные формы до сих пор вызывают мучения. В общем, идеальное кино на вечер рабочего дня.
Чем заняться сентябрьским вечером? У нас есть ответ на этот вопрос. Приходите на frontend meetup от Evrone. Вместе со спикерами из Яндекса и Pragmatica будем обсуждать разработку без бэкенда, единый code style и создание сложных форм. Встречаемся онлайн 14 сентября в 19:00. После доклада спикерам можно задать все интересующие вопросы. Участие бесплатное, но требуется предварительная регистрация.
Привет, Хабр! Мы не знаем, как у вас, но в Питере жара. Мозги плавятся настолько, что тяжело отличить джаву от джаваскрипта, а вместо foo хочется в bar. Но мы всё-таки сделаем усилие и расскажем всем желающим о самых легких путях во фронтенд.
Потому что о том, зачем туда идти, все уже знают и посмеиваются над этим постом со своих гамаков и шезлонгов.
Коллеги, давайте все задачи уже после майских. Потому что на майских позанимаемся веб-разработкой на майском челлендже. За 10 дней вы выучите основы вёрстки на HTML и CSS и программирования на JavaScript и PHP.
Если вы уже что-то умеете — структурируете, если ещё не умеете — сам Тим Бёрнерс-Ли велел (возможно, мы не проверяли). Главный приз — бесплатное обучение на курсе «HTML и CSS. Профессиональная вёрстка сайтов». На него претендуют все участники, дошедшие до конца.
Подробности под катом
Считается, что самый простой способ начать карьеру в ИТ — стать тестировщиком. Есть и другое направление: его относительно просто освоить на базовом уровне, но оно открывает большие перспективы. Речь о веб-разработке. Только на hh.ru постоянно открыто окло 2000 вакансий для таких специалистов. Мы собрали несколько бесплатных курсов и лекций для начинающих.
