Оптические эффекты в пользовательских интерфейсах (для настоящих ботанов) #common https://medium.muz.li/optical-effects-9fca82b4cd9a
Читать полностью…В W3C опубликовали стратегические планы развития : Web Assembly, WebRTC, Web Payments, WebVR и многое другое #web #common https://www.w3.org/2017/11/w3c-highlights/
Читать полностью…Уважаемые веб-разработчики!👨💻👩💻
Добро пожаловать в сообщество «Webstack» @wbstack . Здесь собраны самые интересные и полезные материалы - подборки, инструменты, сервисы и статьи.
Ежедневная публикация постов из мира веб-разработки! @wbstack
Быстрое руководство по Webpack бандлу и разделении кода в React #react #webpack https://blog.logrocket.com/quick-guide-to-webpack-bundle-and-code-splitting-with-react-43d1045f1064
Читать полностью…Вот это форма
Одной из самых тяжелых задач в разработке веб-приложений является работа с динамическими формами: большое разнообразие типов полей, их валидация, асинхронное конструирование частей формы, автозаполнение, сериализация, сохранение, обработка состояний и многое другое. Все эти проблемы можно решить за счет использования связки React, Redux и Redux Form.
Чтобы показать как она работает, мы собрали для вас интерактивное демо, содержащее код следующих решений:
1) подключение Redux с использованием Ducks-методологии упорядочивания редюсеров, экшенов и констант;
2) работа с нестандартными полями;
3) получение и сохранение состояния формы;
4) написание и подключение функций валидации;
5) отображение ошибок заполнения;
6) переинициализация формы с помощью свойства initialValues;
7) переопределение значений полей.
Берем скролл под свой контроль: кастомизация pull-to-refresh и overflow эффекты #js https://developers.google.com/web/updates/2017/11/overscroll-behavior
Читать полностью…Редактор кода Atom получил функцию для параллельного программирования Teletype , а Microsoft представила технологию для парного программирования Live Share #common https://tproger.ru/news/visual-studio-live-share/
Читать полностью…Разработка расширения для Google Chrome с использованием Angular 4 #angular https://www.red-gate.com/simple-talk/dotnet/software-tools/developing-google-chrome-extension-using-angular-4/
Читать полностью…Переменные окружения в CSS; как бороться с программной рамкой в iPhone X #css https://benfrain.com/css-environment-variables-iphonex/
Читать полностью…react-scroll-to — помогает скроллить к указанным частям страницы в React #react https://github.com/ganderzz/react-scroll-to
Читать полностью…Как использовать CSS градиенты в вебе #css https://webdesign.tutsplus.com/tutorials/how-to-use-gradients-on-the-web--cms-29922
Читать полностью…Масштабирование текста больше не актуально? О требованиях к размеру текста и доступности, основанных на старых мифах и новых критериях WCAG 2.1 https://alastairc.ac/2017/11/is-text-sizing-dead/
Читать полностью…Чистый код vs. грязный код: лучшие практики React http://americanexpress.io/clean-code-dirty-code/
Читать полностью…Гладкие скругленные углы с помощью CSS Houdini #css http://iamvdo.me/en/blog/smooth-corners-with-css-houdini
Читать полностью…Отладка React-приложений в VS Code #react https://habrahabr.ru/company/ruvds/blog/341878/
Читать полностью…NodeConfEU 2017, 29 видео #js #web https://www.youtube.com/playlist?list=PL0CdgOSSGlBaxNkrUIHrhd1f3ch45f66_#nodeconfeu2017
Читать полностью…Доступные веб-приложения с помощью React, TypeScript и AllyJS #react https://css-tricks.com/accessible-web-apps-react-typescript-allyjs/
Читать полностью…Бюджет JavaScript (стоимость доставки и производительности) . Эдди Османи делится рецептами быстрой загрузки JS: меньше кода = меньше парсить/компилить + меньше передавать + меньше данных для декомпрессии #js https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e
Читать полностью…Оптимизация скорости визуализации веб-страниц . Мартин Сплитт рассказывает о производительности снизу вверх: он начинает с пикселя и поднимается уровень за уровнем, заканчивая компоновкой страницы #common https://habrahabr.ru/company/jugru/blog/342632/
Читать полностью…Символы, Генераторы и потоки в JavaScript #js https://medium.com/front-end-hacking/javascript-symbols-generators-and-streams-1f6ef0fb1fdc
Читать полностью…Обзорная лекция по основным возможностям ES2017+ , от Дмитрия Сошникова #js http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/
Читать полностью…Почему вам следует отдать приоритет PageSpeed при обсуждении нового сайта с клиентом #common https://speckyboy.com/prioritize-pagespeed/
Читать полностью…Миграция приложений с Angular 1.x на React — гибридный путь #angular #react https://medium.com/walmartlabs/migrating-angular-1-x-apps-to-react-the-hybrid-way-3267ccf33755
Читать полностью…Применение медиавыражений для пропорций окна браузера #css http://css-live.ru/articles/primenenie-mediavyrazhenij-dlya-proporcij-okna-brauzera.html
Читать полностью…Хотите узнать больше о React? Давайте создадим игру и сыграем в нее #react #js https://medium.freecodecamp.org/do-you-want-to-learn-more-about-react-lets-build-and-then-play-a-game-218e0da5be44
Читать полностью…Начни использование Babel 7 Beta уже сегодня! #babel jdolle/babel-7-beta-instructions-aed5cf17048b" rel="nofollow">https://medium.com/@jdolle/babel-7-beta-instructions-aed5cf17048b
Читать полностью…Стильная велосипедная анимация с помощью gsap svg stroke https://codepen.io/alaricweb/pen/vWxPyp
Читать полностью…Подкаст «Веб-стандарты», Выпуск №:93 WSD, YGLF, проблемная ReactiveConf, графика и цвет, фокус и курсоры, React и Kotlin, украинский фронтенд. #web #common https://medium.com/web-standards/episode-93-374a0bbb4777
Читать полностью…Подкаст «Фронтенд Юность (18+)» #26 Во всём виноват Джейк Арчибальд #common https://soundcloud.com/frontend_u/e26
Читать полностью…Подкаст «Веб-стандарты», Выпуск №:94 WSD в Москве, KharkivFrontend, Node.js 8 LTS, типографика и CSS, интервенции Chrome, дизайн в Деньгах. #common #web https://medium.com/web-standards/episode-94-3ea0c6bcfc3b
Читать полностью…