Друзья, сегодня хочу посоветовать вам совсем молодой канал о веб-дизайне и векторной графике @webdesigndaily Интересный короткий контент, который заставляет задуматься 👌
Join /channel/webdesigndaily
Jest и Puppeteer: автоматизация тестирования веб-интерфейсов https://habrahabr.ru/company/ruvds/blog/342578/
Читать полностью…Серия публикаций из 11-ти статей со сравнением Aurelia, Ember, Dojo, Vue, React и Angular, с выводами и приведенными плюсами/минусами каждого из них https://www.sitepen.com/blog/2017/11/10/web-frameworks-conclusions/
Читать полностью…Обновите свой проект с помощью CSS-селекторов и пользовательских атрибутов https://www.sitepoint.com/upgrade-project-css-selector-custom-attributes/
Читать полностью…Бывший глава китайского подразделения Google: работа, требующая социальных навыков, в будущем выйдет на первый план https://itc.ua/blogs/byivshiy-glava-kitayskogo-podrazdeleniya-google-rabota-trebuyushhaya-sotsialnyih-navyikov-v-budushhem-vyiydet-na-pervyiy-plan/
Читать полностью…Паттерны проектирования JavaScript на 2017 год . Перевод доклада Скотта Аллена #js https://www.youtube.com/watch?v=GjtfXIaQq7g
Читать полностью…Метрики загрузки страницы . Что все они означают? #web https://medium.com/web-standards/performance-metrics-ff23c213164e
Читать полностью…Оптические эффекты в пользовательских интерфейсах (для настоящих ботанов) #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/
Читать полностью…Еженедельная подборка красивых эффектов на CSS/SVG/JS #63 http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-nacsssvgjs-63.html
Читать полностью…Новый монитор производительности (Performance monitor) в Chrome DevTools . Теперь вы можете наблюдать множество метрик производительности в реальном времени https://hospodarets.com/chrome-devtools-performance-monitor
Читать полностью…Основы троттлинга событий в JavaScript https://codepen.io/AmeliaBR/post/basic-javascript-event-throttling
Читать полностью…PlainJS — множество утилит и плагинов на ванильном JS для решения распространненых задач фронтенда, с демками и примерами https://plainjs.com/
Читать полностью…Подкаст «Drinkcast», Выпуск #18 — «Ребята, давайте жить дружно» https://spb-frontend.ru/podcast/18/?e-zhit-druzhno-v-18-m-vyp&utm_content=13154805
Читать полностью…Сравнение скорости загрузки страниц в браузере: введение в методологию https://hacks.mozilla.org/2017/11/comparing-browser-page-load-time-an-introduction-to-methodology/
Читать полностью…Канал для программистов: @tproger_official
Полезные статьи в Instant View и ежедневные подборки самых значимых новостей для программистов — будьте в курсе всего в IT.
Начинаем разбираться с математическими функциями в CSS Level 4 #css https://webdesign.tutsplus.com/tutorials/mathematical-expressions-calc-min-and-max--cms-29735
Читать полностью…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/
Читать полностью…