Size: a a a

2017 August 24
Breakfast.js
Доброе утро!

Вы, возможно, пользовались Selenium IDE. Он позволяет записывать ваши действия в браузере, чтобы потом использовать их как тестовые сценарии. Работало оно XPI расширениях для FF. А так как теперь FF переходит на новый формат расширений, то этот плагин сломается. Разработчики ищут того, кто бы взялся его переделать.
https://seleniumhq.wordpress.com/2017/08/09/firefox-55-and-selenium-ide

Команда Edge говорит об улучшении производительности рендеринга в 16й версии
https://blogs.windows.com/msedgedev/2017/08/17/making-web-smoother-independent-rendering

Гайд по использованию Custom Components
https://developers.google.com/web/fundamentals/architecture/building-components/customelements

Статья в подробностях рассказывающая о новом CSS движке. Статья подробная, но без усложнений.
https://hacks.mozilla.org/2017/08/inside-a-super-fast-css-engine-quantum-css-aka-stylo
источник
2017 August 25
Breakfast.js
Доброе утро!

Появился форк ноды (опять) — Ayo. Только в отличии от истории с IOJS причина нового форка — персональные разногласия, не относящиеся к технологии. Потому не взлетит.
https://thenewstack.io/node-js-forked-complaints-repeated-harassment/

Хорошая статья про работу v8 и как советы по ускорению кода:
https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e

Заметка про интересный спопоб серверного рендера: рендерить только часть приложения. Похожий подход использовался в старом интерфейсе вконтакте.
https://medium.com/dev-channel/building-a-hybrid-rendered-pwa-c9d645baf158
источник
2017 August 28
Breakfast.js
Доброе утро!

Написал статью про использование символов в редаксе. Пример про кеш данных, но можно использовать и для других целей.
http://slonoed.net/ispolzovanie-simvolov-v-redux

10 JS концептов, которые нужно знать для собеседований. Это первый адекватный список, который я увидел.
https://dev.to/arnavaggarwal/10-javascript-concepts-you-need-to-know-for-interviews

Статья от Airbnb как они приложение на React VR делали. Впечатляет.
https://medium.com/airbnb-engineering/prototyping-with-react-vr-4d5ab91b6f5a

Крутой сервис для отправки форм без JS. Форма отправляется обычным POST, а реузльтат приходит на email. Идеальный вариант для статических сайтов.
https://formspree.io/
источник
2017 August 29
Breakfast.js
Доброе утро!

Safari TP38. Интересен факт, что apple начал эксперименты с Web Payments (что удивительно, учитывая наличие apple pay).
https://webkit.org/blog/7877/release-notes-for-safari-technology-preview-38/

Небольшая заметка про размеры экрана (данные по СНГ).
https://uxplanet.org/what-do-you-know-about-viewport-height-in-2017-4f25be5b05f
Там же ссылка на детальный отчет
http://shirshov.pro/other/about-viewport-height/

Android Oreo принес немного новых фич и порядочно новых проблем. Если вы делаете PWA, то обязытельно убедитесь, что знаете о всех нюансах
https://medium.com/@firt/android-oreo-takes-a-bite-out-of-progressive-web-apps-30b7e854648f

Если вам нужно реализовать текстовый поиск по списку с объектами, то это уже сделали до вас и сделали хорошо
http://fusejs.io
источник
2017 August 30
Breakfast.js
Доброе утро!

Руководство по созданию клона реакта для наглядной демонстрации внутренних концепций реакта. Читать иинтересно.
http://www.mattgreer.org/articles/react-internals-part-one-basic-rendering/

Девять принципов верстки. Хороший список с детальным объяснением каждого пункта.
https://www.smashingmagazine.com/2017/08/nine-principles-design-implementation/

Гугл ананонсировал Chrome Enterprise. Подозреваю, что на этот рынок зайти легко не получится. Но если так, то шаг вполне адекватный: вместо тонких клиентов давать браузер.
http://www.opennet.ru/opennews/art.shtml?num=47068
источник
2017 August 31
Breakfast.js
Большое введение в гриды. С деталями и примерами.
https://cssgrid.cc/
Но если вы еще не сталкивались с гридами, то начните лучше с замечательной игры  http://cssgridgarden.com

Доступность в вебе становится все более значимой, и появляются удобные инструменты, такие как Pa11y. Он позволяет одной командой просканировать страницу и указать на проблемы.
https://bitsofco.de/pa11y/

Небольшая заметка о формах, которые работают в оффлайне (а такими должны быть все формы)
https://mxb.at/blog/offline-forms/

Подборка ссылок о WebVR. Хорошее место для старта
https://hacks.mozilla.org/2017/08/essential-webvr-resources/
источник
2017 September 01
Breakfast.js
IOS Safari заменяет ссылки на AMP на нормальные страницы при шаринге. Похоже на объявление войны гуглу.
https://www.theverge.com/2017/8/23/16193584/ios-11-safari-google-amp-sharing-url-scheme

Туториал, показывающий как использовать Puppeteer (обертку над безголовым хромом) для скрепинга страниц.
https://medium.com/@e_mad_ehsan/getting-started-with-puppeteer-and-chrome-headless-for-web-scrapping-6bf5979dee3e

Статья о том как v8 работает со свойствами JS объектов. Практической пользы мало, но интересно.
https://v8project.blogspot.dk/2017/08/fast-properties.html

Отличная статья про организаию фронтенд проекта.
http://tech.adroll.com/blog/frontend/2017/08/29/how-to-run-a-front-end-infrastructure-team.html

Хороших выходных!
источник
2017 September 04
Breakfast.js
Доброе утро!

Статья "как сделать Maybe тип в JS". Написано просто и с хорошим кодом.
http://developingthoughts.co.uk/building-a-maybe-in-javascript/

Очень странный баг в JS в сафари, когда точка с запятой работает как присваивание
https://twitter.com/RReverser/status/902504540393660416

Typescript 2.5. Из интересного могу отместить возможность типизирования JS для более простого перехода с одного языка на другой. + добавили try/catch без обязательного параметра-ошибки
https://blogs.msdn.microsoft.com/typescript/2017/08/31/announcing-typescript-2-5/

Подборка базовых элементов на React+D3
http://numberpicture.com/library
источник
2017 September 05
Breakfast.js
Доброе утро!

Виталий Харисов рассказывает как они делали выдачу Яндекса для медленного соединения. Очень интересно читать.
https://habrahabr.ru/company/yandex/blog/336952/.com

Туториал: создание PWA с помощью React
https://codebrahma.com/building-progressive-web-app-react/

И не могу не поделиться подборкой таких замечательных чекбоксов
https://hunzaboy.github.io/CSS-Checkbox-Library/
источник
2017 September 06
Breakfast.js
Доброе утро! На сегодня набор ссылок на библиотеки и инструменты.

Небольшая (5кб) CSS библиотека с простыми, но качественными анимациями
http://vivify.mkcreative.cz

Действительно качественная библиотека компонентов на Vue
https://at-ui.github.io/at-ui/#/en

Вышла Quokka для Atom. Это такая штука, которая прямо в редакторе позволяет запускать JS и показывать результат куска кода. Некое подобие втроеного REPL.
https://medium.com/@artem.govorov/quokka-live-javascript-scratchpad-for-atom-editor-a4edd27b7d91

Подборка утилит для работы с генераторами. Полезна скорее как пример, что с генераторами можно что-то сделать
https://github.com/lachlanhunt/generator-utilities

Реализация виртуального дома для WebAssembly. Практической пользы особо нет, но сама штука интересная
https://github.com/mbasso/asm-dom
источник
2017 September 07
Breakfast.js
Доброе утро!

Гриды завезут в Edge 17го октября. Неужели пора переходить на гриды?)
https://twitter.com/gregwhitworth/status/903616284998254595

Вместо прелоадеров в виде крутилки, теперь все чаще видно использование заглушек (кажется фейсбук первый сделал). Вот хороший гайд как сделать такие
https://css-tricks.com/building-skeleton-screens-css-custom-properties

Небольшой гайд как сделать красивую анимацию появления в CSS
https://hackernoon.com/how-to-create-fancy-revealing-animations-with-these-simple-css-tricks-5b34614ae69a

Исследование, показывающее различие в конверсии заполнения форм на десктопе и мобильном. Очевидно, что никто не будет набирать огромную форму на телефоне, но приятно, что есть цифры.
https://priceonomics.com/the-tiny-keyboard-problem-do-people-complete-forms
источник
2017 September 08
Breakfast.js
Доброе утро!

Fastify — новый веб-фреймворк для ноды. Заявляют, что быстрее остальных (только кому это нужно?)
https://thenewstack.io/introducing-fastify-speedy-node-js-web-framework/

Pts.js — библиотека для "визуализации точек". Применения я придумать не смог, но поделиться хочу демками. Пример отлично оптимизированых анимаций.
https://ptsjs.org/demo/

Хороший гайд про тестирование Koa2 REST API. Подойдет и для тестирования других фреймворков.
https://www.valentinog.com/blog/test-driven-api-koa-2-mocha-chai/

Пара примеров того, как можно использовать Puppeteer (надстройку над безголовым хромом)
https://tutorialzine.com/2017/08/automating-google-chrome-with-node-js
источник
2017 September 11
Breakfast.js
Доброе утро!

Yarn 1.0. Появились новые фичи для монорепозиториев. Обещают не ломать минорные версии.
https://code.facebook.com/posts/274518539716230

А вот заметка на тему, что Yarn не особо то и нужен. С чем я полностью согласен.
https://hackernoon.com/its-ok-to-not-use-yarn-f28dc766ef32

А что если DOM достаточно быстрый, и нам не нужер реакт для расчета изменений в дереве? Innerself использует API похожее на react+redux, но меняет DOM через innerHTML. Решение не рабочее, но подход интересный.
https://github.com/stasm/innerself

Небольшая заметка о приведении типов. В этот раз про сравнение null >= 0. Читать намного интереснее, чем копаться в спеке.
https://blog.campvanilla.com/javascript-the-curious-case-of-null-0-7b131644e274
источник
2017 September 12
Breakfast.js
Доброе утро!

Хорошая подборка простых алгоритмов на JS. Тех которые используются каждый день.
https://medium.com/@mad8/базовый-набор-javascript-алгоритмов-для-начинающих-ba45845afa36

React компонент, позволяющие рендерить PDF в канвасе. Для ускорения процесса может использовать воркер.
https://github.com/wojtekmaj/react-pdf

Видео: как можно использовать (в будущем) WebAssembly для React. Ничего сверхполезного, но слайды клевые
https://www.youtube.com/watch?v=QKNwAPrdGCw

Набор простых советов, как сделать ваше приложение (вебсайт) визуально лучше.
https://medium.freecodecamp.org/the-engineers-guide-to-not-making-your-app-look-awful-8b178b670e27
источник
2017 September 13
Breakfast.js
Доброе утро!

Очень крутая подпобрка UI паттернов
http://ui-patterns.com/

Качественная статья от Ади Османи про производительность PWA на реакте. Даже если вы не делаете (пока) PWA, то читать полезно.
https://medium.com/dev-channel/treebo-a-react-and-preact-progressive-web-app-performance-case-study-5e4f450d5299

Небольшая заметка про использоание Reselect с редаксом
https://hackernoon.com/usage-of-reselect-in-a-react-redux-application-fcdca05cc00d

Тулза для сборка информации о типах из v8. Может быть полезна для отладки совсем тяжелых случаев.
https://github.com/fhinkel/type-profile
источник
2017 September 14
Breakfast.js
Доброе утро!

Уже начали появляться гайды для iPhone X. Если вы делете приложение для мобильного, то надо учитывать нестандартный экран.
https://blog.prototypr.io/designing-for-the-iphone-x-4239d5ac736c

Google понимает AMP сайты в выдаче на мобильных.
http://searchengineland.com/google-officially-adds-amp-based-featured-snippets-mobile-search-results-282005

Уже писал про это, но вот еще публикация в блоге Гугла про Share API на андроиде. Другие браузеры скорее всего тоже подхватят.
https://developers.google.com/web/updates/2016/10/navigator-share

Если вы используете SSL сертификат, выданный Symantec Corporation (или производные от него), то новость для вас: Chrome перестанет им доверять.
https://security.googleblog.com/2017/09/chromes-plan-to-distrust-symantec.html
источник
2017 September 15
Breakfast.js
Доброе утро!

Похоже история с нестандартныи экранами только начинается: вот уже появился концепт констант в CSS для того, чтобы обходить проблему нового айфона
https://ayogo.com/blog/ios11-viewport/

Минорный релиз ноды. Из интересного: добавлены функции для копирования файлов и поддержка модулей за флагом
https://nodejs.org/en/blog/release/v8.5.0/

Вот тут можно прочитать подробнее, как модули использовать в ноде
http://2ality.com/2017/09/native-esm-node.html

Три доклада с Frontend MIX. Первый полезный, второй интересный, третий можно не смотреть.
https://habr.ru/p/337924/

Еще один перевод из истории веба: на этот раз про Flash
https://medium.com/@slonoed/flash-и-его-роль-в-истории-веба-1dde5b2f799f
источник
2017 September 18
Breakfast.js
Начинаем новую неделю!

Отличная статья про управление памятью в JS. Описана внутренняя часть и основные ошибки, которые нужно избегать.
https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec

В React 16 изменено поведение связанное с кастомными атрибутами. Проверьте, что не вызовет проблем в вашем коде.
https://facebook.github.io/react/blog/2017/09/08/dom-attributes-in-react-16.html

Релиз v8 6.2. Из интересного: флаг 's' и поиск назад для регулярок, разрешены новые символы в строковых литералах
https://v8project.blogspot.dk/2017/09/v8-release-62.html

В babel 7 появится оператор опционального доступа, как в CoffeeScript. То есть можно будет написать `a?.b` не боясь, что 'a' это null.
https://twitter.com/vladholubiev/status/908984943950401536

Подборка компонентов для реакта Primereact получила первый релиз. Не могу сказать, что суперкрасиво, но лучше больше, чем меньше
https://www.primefaces.org/primereact/#/

Напоминаю, что у канала есть форма, куда вы можете отправить новости для публикации
https://goo.gl/forms/P3Jb4aWQftDFVrzx1
источник
2017 September 19
Breakfast.js
Небольшая подборка, пока допиваете свой кофе

Заметка о том, как пробросить переменные из JS в CSS, выглядит обещающе
https://hackernoon.com/accessing-and-modifying-css-variables-with-javascript-2ccb735bbff0

Почему заблокированные кнопки — плохо (не очень убедительно)
http://css-live.ru/articles/zablokirovannye-knopki-otstoj.html

Небольшая статистика про мобильный трафик: растет, переходы в основном с гугла (ожидаемо)
https://www.recode.net/2017/9/11/16273578/smartphones-google-facebook-apps-new-online-traffic

Плагин для макросов в JS. Теоретически интересно, но вот практически даже пример в статье заведомо содержит проблемы
https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
источник
2017 September 20
Breakfast.js
Доброе утро!

Отличное руководство "Как писать интерфейсные надписи". С примерами и разбором ошибок.
http://igorshevchenko.ru/blog/entries/interface-copy

Изменения в Babel 7. Много вкусных плагинов.
https://babeljs.io/blog/2017/09/12/planning-for-7.0

Статья, рассказывающая как использовать es2015 код в продакшене. С классами и прочими вкусностями.
https://philipwalton.com/articles/deploying-es2015-code-in-production-today/

К предыдущей новости: оказывается уже пару месяцев как Uglifyjs умеет выдавать сжатый es2015 код. Раньше это умел только babel-minify.
https://www.npmjs.com/package/uglify-es

Набор примеров использования флексбокса. Можно добавить к закладки.
https://medium.freecodecamp.org/the-ultimate-guide-to-flexbox-learning-through-examples-8c90248d4676
источник