От CSS препроцессоров до CSS в JS https://pusher.com/sessions/meetup/the-js-roundabout/from-css-preprocessors-to-css-in-js
Sessions by Pusher
From CSS Preprocessors to CSS in JS - Sessions by Pusher
Styling in CSS sucks: it's outdated, and not meant for web apps. CSS evolved, and preprocessors like Jest came around, then components. Phil will illustrate which problems have been solved with CSS in JavaScript and React, and more advantages to using Styled…
Подробно о новых возможностях инструмента https://hacks.mozilla.org/2017/06/network-monitor-reloaded/
Mozilla Hacks – the Web developer blog
Network Monitor Reloaded (Part 1)
The Network Monitor tool has been available in Firefox since the earliest days of Firefox Dev Tools. It’s an invaluable tool for anyone who cares about page load performance and ...
Локальные CSS переменные: что, как и зачем https://una.im/local-css-vars/
una.im
una.im | Locally Scoped CSS Variables: What, How, and Why
Leveraging CSS Variable scope improves the size, specificity, and semantics of our stylesheets. This article talks all about what CSS Variables are and how we can leverage scope to improve our styling.
Как долго нужно работать с css, чтобы быть в нем хорошим? https://www.reddit.com/r/css/comments/6g8jbs/how_long_have_you_guys_been_working_with_css_to/?st=J3QOBWJL&sh=c650bc2f
reddit
How long have you guys been working with css to be good?
Simple question, I am currently learning almost 2 years and I feel like there is still a lot I need to learn. I think learning never stops but how...
Сокращаем использование Redux кода с помощью React Apollo https://habrahabr.ru/post/331088/
Хабр
Сокращаем использование Redux кода с помощью React Apollo
Всем привет! Хочу поделиться своим переводом интересной статьи Reducing our Redux code with React Apollo автора Peggy Rayzis. Статья о том, как автор и её команд...
Chrome 60 Beta: Paint Timing API, CSS font-display, и улучшения Credential Management API https://blog.chromium.org/2017/06/chrome-60-beta-paint-timing-api-css.html
Chromium Blog
Chrome 60 Beta: Paint Timing API, CSS font-display, and Credential Management API improvements
Unless otherwise noted, changes described below apply to the newest Chrome Beta channel release for Android, Chrome OS, Linux, Mac, and Wi...
Большая статья про гриды (CSS Grid Layout) https://css-live.ru/css/bolshaya-statya-pro-gridy-css-grid-layout.html
CSS-LIVE
Руководство по возможностям CSS Grid Layout
Статья-руководство по CSS Grid Layout, с подробным описанием основных понятий, неочевидных моментов и практически полезных применений CSS-гридов
Выбор Jest вместо Mocha https://gziolo.pl/2017/06/17/picking-jest-over-mocha/
Grzegorz Ziółkowski
Picking Jest over Mocha - testing tools comparison - Grzegorz Ziółkowski
At Automattic we use Mocha to run all tests written for Calypso project which powers WordPress.com. It also includes end-to-end tests, which live in their own repository. We have been using this setup for over 3 years now. I think it is a good moment to revisit…
Пожалуйста, сделайте Google AMP опциональным https://www.alexkras.com/please-make-google-amp-optional/
alexkras.com
Please Make Google AMP Optional
I was reading some articles on Hacker News about how we’ve lost the internet to big companies and how we are not doing anything about it and it got me thinking about Google’s Accelerated Mobile Pages…
Как отслеживать изменения в DOM-е с использованием Mutation Observer https://blog.sessionstack.com/how-to-track-changes-in-the-dom-using-mutation-observer-bafdac65bca5
SessionStack Blog
How to track changes in the DOM using Mutation Observer
MutationObserver is a Web API provided by modern browsers for detecting changes in the DOM. With this API one can listen to newly added or removed nodes, attribute changes or changes in the text…
A11ycasts #19: доступные модальные окна https://www.youtube.com/watch?v=JS68faEUduk
YouTube
Accessible Modal Dialogs -- A11ycasts #19
ARIA Authoring Practices: Dialog - https://goo.gl/ibNKWw
eBay MIND Patterns: Dialog - https://goo.gl/FI5NHa
Inert Polyfill - https://goo.gl/nXMS1V
The accessible modal dialog. It seems like such an easy thing to build, but in reality, it's a total pain!…
eBay MIND Patterns: Dialog - https://goo.gl/FI5NHa
Inert Polyfill - https://goo.gl/nXMS1V
The accessible modal dialog. It seems like such an easy thing to build, but in reality, it's a total pain!…
Принципы доступности. https://www.w3.org/WAI/intro/people-use-web/principles
React State или Redux State: когда что использовать? https://spin.atomicobject.com/2017/06/07/react-state-vs-redux-state/
Atomic Spin
React State vs. Redux State: When and Why?
Even if you choose to use Redux in your project, you will still need to make decisions on how much of your data is stored in Redux.
Как 17 строчек кода улучшили загрузку Shopify.com на 50% https://shopifyengineering.myshopify.com/blogs/engineering/how-17-lines-of-code-improved-shopify-com-loading-by-50
Shopify Engineering
How 17 Lines of Code Improved Shopify.com Loading by 50%
3 minute read
Big improvements don't have to be hard nor take a long time to implement. It took, for example, only 17 lines of code to decrease the time to display text on Shopify.com by 50%. That saved visitors 1.2 seconds: each second matters given that…
Big improvements don't have to be hard nor take a long time to implement. It took, for example, only 17 lines of code to decrease the time to display text on Shopify.com by 50%. That saved visitors 1.2 seconds: each second matters given that…