Современный JavaScript для древних веб-разработчиков #js https://medium.com/devschacht/modern-javascript-for-ancient-web-developers-e601e59e87a2
SVG слайдер с эффектом морфинга — 20th Century Women #js https://codepen.io/nolakat/full/mWNvdb/
CodePen
Morphing SVG Slider - 20th Century Women
Demo Slider for Women of the 20th Century using GSAP's MorphSVG and pagePiling.js ...
Создание одного браузерного расширения для всех: Edge, Chrome, Firefox, Opera, Brave и Vivaldi #js https://www.smashingmagazine.com/2017/04/browser-extension-edge-chrome-firefox-opera-brave-vivaldi/
Smashing Magazine
Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi — Smashing Magazine
In this article, David Rousset will create a JavaScript extension that works in all major modern browsers, using the very same code base. He'll also explain how you can install this extension that supports the web extension model, and provide some simple…
Адаптивные фоновые изображения с JavaScript #js https://www.jpap.org/blog/2017/04/responsive-background-images-with-javascript/
Responsive background images with JavaScript — Blog — John Papandriopoulos
In this post, we develop a JavaScript technique to position and scale a background image so that the subject matter is optimally placed at a target area of the browser viewport, no matter the device orientation or window size.
PWA, «Зловещая долина» и стабильная работа в офлайне #common https://habrahabr.ru/company/webo/blog/325788/
habrahabr.ru
PWA, «Зловещая долина» и стабильная работа в офлайне
В июле прошлого года на Altitude 2016 Алекс Рассел (Alex Russell) из Fastly рассказал, как он видит будущее мобильных приложений с учетом PWA и service worker,...
Подробное руководство по HTTP/2 Server Push #common https://www.smashingmagazine.com/2017/04/guide-http2-server-push/
Smashing Magazine
A Comprehensive Guide To HTTP/2 Server Push — Smashing Magazine
In this article, Jeremy Wagner will teach you everything about server push, from how it works to the problems it solves. Server push allows you to send site assets to the user before they’ve even asked for them. It’s an elegant way to achieve the performance…
Встречайте ReactXP https://microsoft.github.io/reactxp/blog/2017/04/06/introducing-reactxp.html
microsoft.github.io
Introducing ReactXP - ReactXP Blog
The Skype team at Microsoft are happy to announce that we are open sourcing ReactXP, a library that we developed for cross-platform development. It builds upon React JS and React Native, allowing you to create apps that span both web and native with a single…
Создаем свой собственный Redux, часть 2: функция connect https://medium.com/devschacht/jakob-lind-code-your-own-redux-part-2-the-connect-function-d941dc247c58
Medium
Создаем свой собственный Redux, часть 2: функция connect
Перевод статьи Jakob Lind: Code your own Redux part 2: the connect function. Опубликовано с разрешения автора.
Быстрый совет: как стилизовать компоненты React с помощью styled-components https://www.sitepoint.com/style-react-components-styled-components/
Sitepoint
Styling in React: From External CSS to Styled Components — SitePoint
Chris Laughlin takes a look at some of the options for applying CSS styles to React components, and introduces the styled-components library.
Facebook открыл фреймворки для построения интерфейса: Litho, React Fiber, Relay Modern и React VR https://www.opennet.ru/opennews/art.shtml?num=46408
www.opennet.ru
Facebook открыл фреймворки для построения интерфейса: Litho, React Fiber, Relay Modern и React VR
На проходящей в эти дни конференции F8 2017, Facebook представил несколько новых открытых фреймворков для построения интерфейса:
В Chrome появятся дополнительные предупреждения о небезопасности HTTP https://www.opennet.ru/opennews/art.shtml?num=46464
www.opennet.ru
В Chrome появятся дополнительные предупреждения о небезопасности HTTP
Компания Google сообщила о решении расширить спектр ситуаций при которых будет выводиться сообщение о небезопасном соединении при обращении к сайтам по HTTP. Помимо уже выставляемой метки небезопасного соединения при заполнении форм ввода пароля и номеров…
Отзывчивая периодическая таблица с помощью CSS Grids https://codepen.io/dudleystorey/full/rmWMXY/
Анонс TypeScript 2.3 https://blogs.msdn.microsoft.com/typescript/2017/04/27/announcing-typescript-2-3/
Инфографика: весь javascript в одной картинке https://fossbytes.com/wp-content/uploads/2015/09/infographic-the-entire-javascript-language-in-one-single-image-491250-2.jpg
Airbnb открыла исходники React Sketch, библиотеки для связи React и Sketch https://tproger.ru/news/airbnb-library-react-sketch/
Tproger
Airbnb открыла исходники React Sketch, библиотеки для связи React и Sketch
Airbnb открыла исходники библиотеки React Sketch для написания компонентов React и их переноса в Sketch. Теперь разработчикам не нужна помощь дизайнеров.
Теперь, когда пользовательские свойства CSS готовы, все значения могут быть изменены индивидуально #css https://css-tricks.com/now-css-custom-properties-thing-value-parts-can-changed-individually/
CSS-Tricks
Now that CSS Custom Properties are a Thing, All Value Parts Can Be Changed Individually
CSS Custom Properties give us the ability to reach into a property value and change certain parts of it. That's useful in a bunch of places, but in particular, it's useful in properties which don't allow us to do it any other way.
Управление состоянием в CSS с помощью переиспользуемых функций JavaScript #css https://css-tricks.com/managing-state-css-reusable-javascript-functions/
CSS-Tricks
Managing State in CSS with Reusable JavaScript Functions | CSS-Tricks
Determining the most efficient way of managing state can be a challenging issue in CSS, but thankfully there are many OOCSS-based methodologies out there which provide some good solutions. This article is all about managing the attributes that help with state…