Переменные окружения в CSS; как бороться с программной рамкой в iPhone X #css https://benfrain.com/css-environment-variables-iphonex/
Миграция приложений с Angular 1.x на React — гибридный путь #angular #react https://medium.com/walmartlabs/migrating-angular-1-x-apps-to-react-the-hybrid-way-3267ccf33755
Medium
Migrating Angular 1.x apps to React — The Hybrid Way!
In this day and age when front-end space is moving incredibly fast, it’s pretty common where by the time you do your R&D, choose your…
Разработка расширения для Google Chrome с использованием Angular 4 #angular https://www.red-gate.com/simple-talk/dotnet/software-tools/developing-google-chrome-extension-using-angular-4/
Simple Talk
Developing a Google Chrome Extension using Angular 4 - Simple Talk
It may seem a tricky task to create a Chrome extension with TypeScript and Angular 4 but it turns out to be relatively simple. The advantage is that you gain the modularity of Angular and the object-oriented programming experience with strong typing of Typescript.…
Почему вам следует отдать приоритет PageSpeed при обсуждении нового сайта с клиентом #common https://speckyboy.com/prioritize-pagespeed/
Speckyboy Web Design Magazine
Why You Need to Prioritize PageSpeed in Discussions with Clients
For the past few years, small and medium businesses (SMBs) across the world have been told that making their websites mobile-friendly, and embracing a mobile-first world, were essential for business...
Редактор кода Atom получил функцию для параллельного программирования Teletype , а Microsoft представила технологию для парного программирования Live Share #common https://tproger.ru/news/visual-studio-live-share/
Tproger
Microsoft представила технологию для парного программирования Live Share
Microsoft представила технологию для парного программирования. При помощи Live Share вы сможете заглянуть в экран коллеги, оставаясь при этом в своей IDE.
Обзорная лекция по основным возможностям ES2017+ , от Дмитрия Сошникова #js https://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/
Dmitry Soshnikov
JavaScript. The Core: 2nd Edition
Read this article in: Russian, German. This is the second edition of the JavaScript. The Core overview lecture, devoted to ECMAScript programming language and core components of its runtime system. Note: see also Essentials of
Берем скролл под свой контроль: кастомизация pull-to-refresh и overflow эффекты #js https://developers.google.com/web/updates/2017/11/overscroll-behavior
Chrome for Developers
Take control of your scroll - customizing pull-to-refresh and overflow effects | Blog | Chrome for Developers
Introduction to the CSS overscroll-behavior property.
Символы, Генераторы и потоки в JavaScript #js https://medium.com/front-end-hacking/javascript-symbols-generators-and-streams-1f6ef0fb1fdc
Medium
JavaScript Symbols, Generators and Streams
Introduction
Forwarded from Chulakov Dev
Вот это форма
Одной из самых тяжелых задач в разработке веб-приложений является работа с динамическими формами: большое разнообразие типов полей, их валидация, асинхронное конструирование частей формы, автозаполнение, сериализация, сохранение, обработка состояний и многое другое. Все эти проблемы можно решить за счет использования связки React, Redux и Redux Form.
Чтобы показать как она работает, мы собрали для вас интерактивное демо, содержащее код следующих решений:
1) подключение Redux с использованием Ducks-методологии упорядочивания редюсеров, экшенов и констант;
2) работа с нестандартными полями;
3) получение и сохранение состояния формы;
4) написание и подключение функций валидации;
5) отображение ошибок заполнения;
6) переинициализация формы с помощью свойства
7) переопределение значений полей.
Одной из самых тяжелых задач в разработке веб-приложений является работа с динамическими формами: большое разнообразие типов полей, их валидация, асинхронное конструирование частей формы, автозаполнение, сериализация, сохранение, обработка состояний и многое другое. Все эти проблемы можно решить за счет использования связки React, Redux и Redux Form.
Чтобы показать как она работает, мы собрали для вас интерактивное демо, содержащее код следующих решений:
1) подключение Redux с использованием Ducks-методологии упорядочивания редюсеров, экшенов и констант;
2) работа с нестандартными полями;
3) получение и сохранение состояния формы;
4) написание и подключение функций валидации;
5) отображение ошибок заполнения;
6) переинициализация формы с помощью свойства
initialValues;7) переопределение значений полей.
Быстрое руководство по Webpack бандлу и разделении кода в React #react #webpack https://blog.logrocket.com/quick-guide-to-webpack-bundle-and-code-splitting-with-react-43d1045f1064
LogRocket Blog
Quick guide to webpack bundle and code splitting with React - LogRocket Blog
Introduction You’re probably here because your app has grown to the point where forcing the user to download the entire thing as a single file seems cruel and unusual. Fact is, tons of features and a complex UX are bound to affect the amount of code you’re…
Бюджет JavaScript (стоимость доставки и производительности) . Эдди Османи делится рецептами быстрой загрузки JS: меньше кода = меньше парсить/компилить + меньше передавать + меньше данных для декомпрессии #js https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e
Medium
The Cost Of JavaScript
As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In…
Доступные веб-приложения с помощью React, TypeScript и AllyJS #react https://css-tricks.com/accessible-web-apps-react-typescript-allyjs/
CSS-Tricks
Accessible Web Apps with React, TypeScript, and AllyJS
Accessibility is an aspect of web development that is often overlooked. I would argue that it is as vital as overall performance and code reusability. We j
В W3C опубликовали стратегические планы развития : Web Assembly, WebRTC, Web Payments, WebVR и многое другое #web #common https://www.w3.org/2017/11/w3c-highlights/
Оптические эффекты в пользовательских интерфейсах (для настоящих ботанов) #common https://medium.muz.li/optical-effects-9fca82b4cd9a
Medium
Optical effects in user interfaces
How to make optically balanced icons, correct shapes alignment, and perfect corner rounding
Начинаем разбираться с математическими функциями в CSS Level 4 #css https://webdesign.tutsplus.com/tutorials/mathematical-expressions-calc-min-and-max--cms-29735
Web Design Envato Tuts+
Getting Started With CSS Math Functions Level 4
Functional notations are part of the CSS Values and Units Module, which is also the home to useful math functions such as calc(), and as of level 4 min() and max(). These powerful functions open up...
Метрики загрузки страницы . Что все они означают? #web https://medium.com/web-standards/performance-metrics-ff23c213164e
Паттерны проектирования JavaScript на 2017 год . Перевод доклада Скотта Аллена #js https://www.youtube.com/watch?v=GjtfXIaQq7g
Сравнение скорости загрузки страниц в браузере: введение в методологию https://hacks.mozilla.org/2017/11/comparing-browser-page-load-time-an-introduction-to-methodology/
Mozilla Hacks – the Web developer blog
Comparing Browser Page Load Time: An Introduction to Methodology
On blog.mozilla.org, we shared results of a speed comparison study to show how fast Firefox Quantum with Tracking Protection enabled is compared to other browsers. In this companion post, we ...
Бывший глава китайского подразделения Google: работа, требующая социальных навыков, в будущем выйдет на первый план https://itc.ua/blogs/byivshiy-glava-kitayskogo-podrazdeleniya-google-rabota-trebuyushhaya-sotsialnyih-navyikov-v-budushhem-vyiydet-na-pervyiy-plan/
ITC.ua
Бывший глава китайского подразделения Google: работа, требующая социальных навыков, в будущем выйдет на первый план - ITC.ua
Экс-президент китайского подразделения Google, а ныне - глава инвестиционной фирмы Sinovation Ventures Кай-Фу Ли не сомневается, что в ближайшее
Подкаст «Drinkcast», Выпуск #18 — «Ребята, давайте жить дружно» https://spb-frontend.ru/podcast/18/?e-zhit-druzhno-v-18-m-vyp&utm_content=13154805