Как использовать CSS градиенты в вебе #css https://webdesign.tutsplus.com/tutorials/how-to-use-gradients-on-the-web--cms-29922
Web Design Envato Tuts+
How to Use CSS Gradients on the Web
In this tutorial you’ll learn about using gradients on the web. I’ll give you some examples, some exercises (such as how to create gradients for borders), and I’ll also throw in some useful...
Хотите узнать больше о React? Давайте создадим игру и сыграем в нее #react #js https://medium.freecodecamp.org/do-you-want-to-learn-more-about-react-lets-build-and-then-play-a-game-218e0da5be44
freeCodeCamp.org
Do you want to learn more about React? Let’s build — and then play — a game.
> Update: This article is now part of my book “React.js Beyond The Basics”. > Read the updated version of this content and more about React at jscomplete.com/react-beyond-basics [https://jscomplete.com/g/target-sum]. When I teach React to beginners, I start…
react-scroll-to — помогает скроллить к указанным частям страницы в React #react https://github.com/ganderzz/react-scroll-to
GitHub
GitHub - ganderzz/react-scroll-to: Scroll to a position in React
Scroll to a position in React. Contribute to ganderzz/react-scroll-to development by creating an account on GitHub.
Применение медиавыражений для пропорций окна браузера #css https://css-live.ru/articles/primenenie-mediavyrazhenij-dlya-proporcij-okna-brauzera.html
CSS-LIVE
Применение медиавыражений для пропорций окна браузера
Перевод статьи Practical uses for the aspect-ratio media query с сайта chenhuijing.com для CSS-live.ru, автор — Чэнь Хуэй Цзин
Переменные окружения в 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...