15216
Новости фронтенда в еженедельном подкасте сообщества веб-разработчиков. Поддержите нас! Патреон https://www.patreon.com/webstandards_ru Бусти https://boosty.to/webstandards_ru
Сервис-воркеры в Safari! А также атрибут <img decoding>, выравнивание для позиционированных элементов гридов и другое в свежей сборке Technology Preview 46 — https://webkit.org/blog/8042/release-notes-for-safari-technology-preview-46/
Читать полностью…
Гриды в продакшене. Бенджамин де Кок про опыт Stripe на dotCSS в Париже: видео https://www.dotconferences.com/2017/11/benjamin-de-cock-css-grid-in-production и уже известная статья https://stripe.com/blog/connect-front-end-experience
Читать полностью…
Шпаргалка по флексам Шона Файорито, если вы вдруг забыли нужное свойство https://www.sketchingwithcss.com/samplechapter/cheatsheet.html и его книга «Sketching with CSS» для дизайнеров, которые не боятся кода https://www.sketchingwithcss.com/
Читать полностью…
Советы Люка Вроблевски по дизайну и разработке интерфейсов на канале Intel Software: навигация, сообщения об ошибках, формы, диалоги, кроссплатформенность и другое. Плейлист из 26 коротких видео — https://www.youtube.com/playlist?list=PLg-UKERBljNy2Yem3RJkYL1V70dpzkysC
Читать полностью…
Автоматизированная корректировка отступов в верстке на основании типографических стилей и текстовых метрик, Василий Молохов анализирует шрифты и строит систему — https://habr.ru/p/344984/
Читать полностью…
Открылась регистрация на WSD в Москве 3 февраля: пока первая партия мест, вторая откроется 8 января https://wsd.events/2018/02/03/ Мы продолжаем принимать заявки на доклады в отдельной форме https://docs.google.com/forms/d/e/1FAIpQLSdEAzqBoUqtTwMFDPOoONzZ0RN-cxpf1HF4hurhTLAumXuvfA/viewform Остались вопросы? Пишите: wst@web-standards.ru.
Читать полностью…
Что выбирало JS-сообщество в 2017 году? Результаты опроса State of JavaScript: от библиотек, синтаксиса JS до CSS, бэкенда, тестирования и инструментов — https://stateofjs.com/2017/flavors/results
Читать полностью…
Открылся набор в Школу разработки интерфейсов Яндекса в Москве для начинающих разработчиков со знанием HTML, CSS, JavaScript и минимальным опытом разработки. Обучение бесплатное, приём заявок до середины января, начало занятий в марте — https://academy.yandex.ru/events/frontend/shri_msk-2018/
Читать полностью…
Стандарт HTML 5.2 стал рекомендацией: добавлен <dialog>, nonce для <link> и allowpaymentrequest для <iframe>; удалены <keygen>, <menu>, <menuitem> и showModalDialog; стало можно <style> в <body> и много <main> (если виден только один) — https://www.w3.org/TR/html52/changes.html#changes
Читать полностью…
Новая политика WHATWG: шаг к единому стандарту HTML? Илья Стрельцын на CSS Live — http://css-live.ru/vecssti-s-polej/novaya-politika-whatwg-shag-k-edinomu-standartu-html.html
Читать полностью…
Parcel — очень быстрый бандлер, не требующий настройки. Введение Максима Карелова на Хабре — https://habr.ru/p/344486/
Читать полностью…
Руководство по кроссдоменным запросам (CORS) в блоге Ивана Гришаева, по следам прочитанной документации и набитых шишек — http://grishaev.me/cors
Читать полностью…
Декодинг картинок, анимация и авторизация в браузерах, Webpack или Parcel, устаревший GIF и всё, что вы хотели знать про Smashing Magazine.
Читать полностью…
Chrome 65 значительно продвинется в поддержке Web Animations https://drafts.csswg.org/web-animations-1/, нативным API для анимации в JavaScript. Попробовать можно уже в Chrome Canary https://twitter.com/dancwilson/status/938138635953692672
Читать полностью…
MP4-видео в <img> отображается в 20 раз быстрее и декодируется в 7 раз быстрее, чем аналогичный GIF. А ещё они в 14 раз легче. Колин Бенделл про гифки без GIF в переводе на Хабре — https://habr.ru/p/343958/
Читать полностью…
15 CSS-in-JS решений для React в обзоре Конроя Уитни. Немного о каждом: возраст, звёзды на Гитхабе, описание и возможности — https://alligator.io/react/css-in-js-roundup-styling-react-components/
Читать полностью…
Сервис-воркеры уже в Edge! А также Push, Notification и Cache API — всё включено по умолчанию в свежей Windows Insider Preview. Подробности и примеры совместного использования в официальном блоге — https://blogs.windows.com/msedgedev/2017/12/19/service-workers-going-beyond-page/
Читать полностью…
Как GitLab переехал с PhantomJS на безголовый Chrome для тестирования, подробное объяснение с примерами — https://about.gitlab.com/2017/12/19/moving-to-headless-chrome/
Читать полностью…
Про Parcel по-русски: Виктор Шостак перевёл официальную документацию быстрого сборщика без настроек — https://ru.parceljs.org/
Читать полностью…
Медиавыражения 4 уровня в CSS, Флориан Ривоал на dotCSS в Париже: видео https://www.dotconferences.com/2017/11/florian-rivoal-media-queries-4 и слайды https://florian.rivoal.net/talks/mq4
Читать полностью…
Бета Chrome 64 и V8, поддержка опенсорса, что не так с CSS, что не так с классами в JS, HTML 5.2 и WHATWG и Андрей Мелихов в гостях.
Читать полностью…
Docusaurus, удобные сайты с документацией для опенсорса от Facebook на основе Markdown и React, с версионированием, локализацией и поиском — https://docusaurus.io/
Читать полностью…
Удобнее цепляемся к вьюпорту с position: sticky. Кит Кларк призывает не бояться (уже совсем не нового и Edge 16+) свойства и помогает понять разницу между fixed и sticky на хороших демках — https://keithclark.co.uk/articles/fixed-content-with-position-sticky/
Читать полностью…
29 видео с FrontendConf 2017, которая прошла в Москве 5–6 июня — https://www.youtube.com/playlist?list=PLH-XmS0lSi_zf4qPxvWDmMkf4foWonrH7
Читать полностью…
Прямая трансляция главного зала с HolyJS 2017 Moscow: день первый https://youtu.be/Ns8eOF0Qd1U?t=1h2m15s и второй https://youtu.be/spIfirNCeVs?t=19m45s, программа https://holyjs-moscow.ru/#schedule
Читать полностью…
Первые доклады на WSD в Москве 3 февраля: Алекс Могилевский проведёт вас за кулисы W3C и Вячеслав Абрамов расскажет, важно ли следовать стандартам https://wsd.events/2018/02/03/#schedule Мы продолжаем принимать доклады! Регистрации откроется в понедельник 18 декабря.
Читать полностью…
Конференция pitercss_conf пройдёт в Петербурге 8–9 июня, на главной пока только отчётное видео, подробности следуют — https://pitercss.com/
Читать полностью…
Краткое введение W3C в доступность: кому это нужно, какие есть стандарты, нормативы и как им следовать — https://youtu.be/20SHvU2PKsM
Читать полностью…
Mozilla планирует внедрить в Firefox 60 новый API Web Authentication https://www.w3.org/TR/webauthn/ (совместим с FIDO U2F), дающий доступ к аппаратным возможностям устройства для регистрации и авторизации https://groups.google.com/d/msg/mozilla.dev.platform/tsevyqfBHLE/lccldWNNBwAJ Над поддержкой работают Blink и Edge.
Читать полностью…
31 видео с конференции KharkivJS, которая прошла в Харькове 28–29 октября — https://www.youtube.com/playlist?list=PLnkLrCUX4Qh4O4Zng1XsnO7WkPqK-jKeH
Читать полностью…