15292
Новости фронтенда в еженедельном подкасте сообщества веб-разработчиков. Поддержите нас! Патреон https://www.patreon.com/webstandards_ru Бусти https://boosty.to/webstandards_ru
Брайан Карделл про не взлетевший способ расширения встроенных элементов в кастомных и более удачную альтернативу в переводе 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
Читать полностью…
ScotlandJS http://scotlandjs.com/ и ScotlandCSS http://scotlandcss.com/ пройдут в Эдинбурге 18–20 июля. Открыт приём докладов, продажа билетов и стали известны первые докладчики.
Читать полностью…
Отладка скорости React 16 в Chrome Devtools. Бен Шварц объясняет нужные шаги и рекомендует сервис Calibre для автоматического мониторинга — https://medium.com/p/c90698a522ad
Читать полностью…
Фонтастическая скорость! Моника Динкулеску с докладом про быстродействие шрифтов на Smashing Conf https://vimeo.com/241111413 и демо работы свойства font-display https://font-display.glitch.me/
Читать полностью…
Как работает VoiceOver на iOS и как им пользоваться для тестирования доступности вашей вёрстки. Роб Додсон продолжает мини-серию про доступность на мобильных в свежем выпуске A11ycasts — https://youtu.be/bCHpdjvxBws
Читать полностью…
Прогрессивное веб-приложение Pinterest: Эдди Османи суммирует опыт создания приложения, оптимизации JS-бандлов и использование сервис-воркеров для ускорения работы — https://medium.com/p/3bd6ed2e6154
Читать полностью…
Shadow DOM v1 из веб-компонентов появится в Firefox 60. Олли Петтай рассказал о работе над внедрением его в Gecko https://groups.google.com/d/msg/mozilla.dev.platform/aJvUlADn-Hk/BYB52MgDBQAJ Точнее, обновлением: v0 была внедрена ещё 3 года назад за флагом https://caniuse.com/#feat=shadowdom
Читать полностью…
Градиенты, calc и кастомные свойства: Эрик Мейер придумал как генерировать схематические блоки с диагоналями поверх существующей вёрстки по атрибутам data-wf — http://meyerweb.com/eric/thoughts/2017/11/27/generating-wireframe-boxes-with-css-and-html5/
Читать полностью…
Выражения от элемента, пять различных реализаций: QSS, Selectory, reproCSS, EQCSS и JS-in-CSS собрал в одном твите Томми Ходжинса — https://twitter.com/innovati/status/934453395410255872
Читать полностью…
Frontend Conf в Москве пройдёт 6–7 июня в Кампусе Сколково в рамках фестиваля РИТ: программы пока нет, открыт приём докладов, билеты в предпродаже 16 000 ₽ — http://frontendconf.ru/
Читать полностью…
Выпуск №96: Firefox 58 и совместимость браузеров, JS-модули, React + BEM, карьера, For Web, паблики, Smashing Magazine и Андрей Романов из Авито в гостях — https://medium.com/p/1614a456044b
Читать полностью…
Новый атрибут 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/
Читать полностью…
Funkify, расширение для Chrome, которое имитирует состояния, мешающие пользоваться интерфейсом: дислексия, когнитивные сложности, моторике, визуальные ограничения — http://www.funkify.org/simulators/
Читать полностью…
Кастомные элементы v1 из веб-компонентов появятся в Firefox 59, сначала только в ночных сборках https://groups.google.com/d/msg/mozilla.dev.platform/BI3I0U7TDw0/6-W39tXpBAAJ Впервые будут реализованы не только автономные элементы (уже есть в Blink и WebKit), но и настраиваемые встроенные https://caniuse.com/#feat=custom-elementsv1
Читать полностью…
Оптимизация фронтенда: где вас обманывает webpack https://habr.ru/p/342686/ и как починить tree-shaking https://habr.ru/p/342964/ — Алексей Золотых в блоге Wrike на Хабре.
Читать полностью…
Новинки DevTools Chrome 63 в обзоре Кейси Баскеса: одновременные подключения для удалённой отладки, обновлённый интерфейс редактора, тестовые уведомления и события фоновой синхронизации для сервис-воркеров, новые метрики в аудите — https://youtu.be/Eyw_mwbABIQ
Читать полностью…
Новый синтаксис фрагментов в React v16.2.0 позволяет размечать их как <> или <Fragment>, не используя лишние HTML-элементы. Поддержка скоро в Create React App, уже в бете Babel v7 и последних версиях TypeScript, Flow, Prettier и ESLint https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html
Читать полностью…
Гибкое переполнение без медиавыражений и JavaScript. Роман Комаров рассказывает, как изменять или ограничивать содержимое просто на флексах — http://kizu.ru/en/blog/flexible-overflow/
Читать полностью…
Node Hero, книга RisingStack про Node.js в 13 главах: один большой MD-файл, ePub или отдельные главы на Медиуме в переводе devSchacht — https://medium.com/p/6a07ef8d822d
Читать полностью…
RND.JS #4 в Ростове-на-Дону пройдёт 9 декабря: Сергей Иванов расскажет про утечки памяти в JS, Сергей Бережной — про лучшие практики — https://vk.com/rndjs
Читать полностью…
Всё, что вам нужно знать о CSS-in-JS. Индрек Ласн рассказывает о компонентном подходе для написания стилей и сравнивает библиотеки в переводе CSS Live — http://css-live.ru/articles/vsyo-chto-vam-nuzhno-znat-o-css-in-js.html
Читать полностью…
Новинки Firefox 58 Developer Edition: инспектор CSS-фигур для элементов с clip-path, font-display, calc() везде, где нужно, группировка вызовов библиотек отдельно от вашего кода, поддержка FLAC, развитие API WebExtension — https://hacks.mozilla.org/2017/11/new-in-firefox-58-developer-edition/
Читать полностью…