15292
Новости фронтенда в еженедельном подкасте сообщества веб-разработчиков. Поддержите нас! Патреон https://www.patreon.com/webstandards_ru Бусти https://boosty.to/webstandards_ru
Открылся набор в Школу разработки интерфейсов Яндекса в Москве для начинающих разработчиков со знанием 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/
Читать полностью…
Анализ производительности приложений на React 16 в Chrome DevTools, Бен Шварц в переводе на Хабре — https://habr.ru/p/343888/
Читать полностью…
Новинки Chrome 63 для разработчиков в обзоре Пита Лепажа: динамические JS-импорты, асинхронные итераторы и генераторы для удобной работы с потоковыми данными, отмена и настройка поведения прокрутки с overscroll-behavior и другое — https://youtu.be/F3_-jTLaFSs
Читать полностью…
Брайан Карделл про не взлетевший способ расширения встроенных элементов в кастомных и более удачную альтернативу в переводе CSS Live — http://css-live.ru/articles/i-ismorzh.html
Читать полностью…
Лучший запрос тот, которого не было. Стефан Баумгартнер возвращается к своей статье 10-летней давности на ALA и разбирается, что изменилось с приходом HTTP/2 — https://alistapart.com/article/the-best-request-is-no-request-revisited
Читать полностью…
Промисы на примерах из жизни. Шрути Капур с простым введением в промисы в переводе на Веб-стандартах — https://medium.com/p/caee4c9b86d0
Читать полностью…
Создание каркаса сайта с помощью CSS and HTML5, Эрик Мейер генерирует схематические блоки с диагоналями на градиентах, calc и кастомных свойствах в переводе Анатолия Куликова — https://anatolykulikov.ru/article/generating-wireframe-with-css-and-html5-translation/
Читать полностью…
Выпуск №97: Edge и Chrome, Firefox и веб-компоненты, CSS-волшебники, подкаст, форматы, поддержка — https://medium.com/p/d2092c89f1b1
Читать полностью…
Удобнее цепляемся к вьюпорту с 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
Читать полностью…
ITsubbotnik в Петербургском офисе EPAM пройдёт 9 декабря. В программе по четыре доклада в каждом потоке: Data, JavaScript-Mobile, Java-DevOps — https://events.epam.com/events/itsubbotnik-winter-2017/agenda
Читать полностью…
Все 16 видео с юбилейной 10-й конференции Fronteers, прошедшей 5–6 октября в Амстердаме — https://vimeo.com/channels/fronteers17
Читать полностью…
Новый атрибут decoding для <img> появился в живом стандарте HTML. Он позволит управлять декодированием картинок до растеризации: sync для отрисовки вместе контентом; async, чтобы не мешает контенту и auto на усмотрение браузера — https://html.spec.whatwg.org/multipage/images.html#decoding-images
Читать полностью…
Эволюция <img>: гифки без GIF. Колин Бенделл про устаревший формат, который стоит заменить на видео, и неожиданные плюсы поддержки <img src=".mp4"> в Safari, по сравнению с <video> — https://calendar.perfplanet.com/2017/animated-gif-without-the-gif/
Читать полностью…
Первая альфа Webpack 4: встроенные режимы для разработки (с оптимизациями) и продакшена (с подсказками), новые типы модулей и другие изменения. Релиз намечен на февраль-март 2018 — https://github.com/webpack/webpack/issues/6064
Читать полностью…
Учим гриды за пять минут https://habr.ru/p/343614/ и потом быстро проектируем на них сайт https://habr.ru/p/343796/ — Пер Гаральд Борген в переводе на Хабре.
Читать полностью…
JSRobot: проведите робота по шести уровням подземелья с помощью JavaScript в игре Реала Халила — https://lab.reaal.me/jsrobot/
Читать полностью…