Доброе утро!

Новый Firefox Quantum действительно очень быстрый.  А вот для разработчиков изменений немного. Если только вы не делаете браузерные расширения.
https://developer.mozilla.org/en-US/Firefox/Releases/57

Интересная новость: WebAssembly теперь во всех основных браузерах (ну кроме IE, конечно).
https://blog.mozilla.org/blog/2017/11/13/webassembly-in-browsers/

Сейчас будет появляться все больше историй про то как адаптировали сайты и мобильные приложения под экран iPhone X. Вот заметка от Booking
https://booking.design/how-we-adapted-the-booking-com-mobile-site-for-the-iphone-x-notch-e880fa00e989

Доброе утро!

Небольшой гайд про поиск утечек памяти в ноде
https://tech.residebrokerage.com/debugging-node-js-memory-problems-d450787d9253

Formik — альтернатива redux-form. Выглядит неплохо.
https://github.com/jaredpalmer/formik

Подборка книг по JavaScript. Некоторые устарели, некоторые вполне актуальны.
https://github.com/MikhalevValentin/JavaScript_Books

Пятничное: коллаж из сайтов, которые в 90х создавали на хостинге GeoCities. Иногда интересно вспомнить как выглядет веб тогда (ужасно выглядел)
http://www.cameronsworld.net/

Доброе утро!

Статья про оптимизацию про оптимизацию начальной загрузки. Крайне рекомендую к прочтению.
https://medium.com/p/84009f51e99e

Отличная подборка паттернов, советов и трюков при работе с React.
https://vasanthk.gitbooks.io/react-bits/

Echarts — библиотека для построения графиков. Количество разных представлений просто впечатляет. Посмотрите сами:
https://ecomfe.github.io/echarts-examples/public/index.html

Гайд по работе с Draft.js (это такой фреймворк для построения редакторов в вебе).
https://medium.com/factorymn/draft-js-фреймворк-для-создания-текстовых-редакторов-от-facebook-ea8e9102aa1

Доброе утро!

Нашел идеальную ссылку: краткое ревью последних изменений и планы на будущее W3c. Тут почти все новые и ожидаемые штуки для веба. Начиная от уже обыденной работы над доступностью и заканчивая драфтами фич для браузеров в автомобилях. По каждой ссылке можно ходить и читать.
https://www.w3.org/2017/11/w3c-highlights/

Интересное мнение: в будущем году нам будет нужно подтягивать производительность до 120 FPS из-за новых iPad
https://dassur.ma/things/120fps/

Еще одна попытка натянуть БЭМ на React. Сомнительная затея.
http://kizu.ru/bemto-components/

Доброе утро!

Илья Бирман про обратную связь в интерфейсах. Много хороших примеров.
https://ilyabirman.ru/meanwhile/all/feedback-first-minsk/

Luxon новая библиотека для работы с датой и временем под крылом Momentjs. Имеет более строгое API, иммутабельные данные и использует Intl API для переводов.
http://moment.github.io/luxon/

Подробный разбора работы с библиотекой lit-html. На удивление выглядит вполне годным для использования в каком нибудь очень мелком проекте.
https://zhukovka.github.io/js/featured/lit-html

Доброе утро!

В хроме работает CSS свойство overscroll-behavior, которое позволяет настраивать поведение скролла. По сути браузер отдает на откуп пользователю  возможность изменить по умолчанию кривое поведение скролов. Ну и на том спасибо.
https://developers.google.com/web/updates/2017/11/overscroll-behavior

Очень дотошный разбор всех способов уменьшить SVG
https://blog.usejournal.com/of-svg-minification-and-gzip-21cd26a5d007

Подборка из девяти лучших библиотек для графиков
https://dashbouquet.com/blog/frontend-development/9-best-javascript-charting-libraries

Новость от подписчика Александра Зачиналова: “Большая подборка уроков по p5.js. Автора выделяет формат скринкастов и любовь к подробнейшим объяснениям”
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

https://p5js.org — это небольшая библиотека, призванная максимально упростить рисование на канвасе.

Напоминаю, что предложить новость для канала можно по ссылке http://sld.fun/bjsf

Доброе утро!

На фоне быстро растущей популярности Google AMP, Яндекс решил делать также. Это, безусловно, стыдно, но корпорации хотят больше денег и не отступятся, потому придется поддерживать.
https://yandex.ru/blog/company/turbo

Большая подборка уроков WebGL 2.0
https://www.youtube.com/playlist?list=PLMinhigDWz6emRKVkVIEAaePW7vtIkaIF

Имплементация pattern matching в JS. Сама библиотека не столько интересна, сколько её API, который использует аргументы по умолчанию довольно хитрым образом.
https://z-pattern-matching.github.io

Ссылка от подписчика @MargeK. Очень крутой эффект оверлея на SVG. Посмотрите демо сразу.
https://tympanus.net/codrops/2017/10/17/dynamic-shape-overlays-with-svg/

Доброе утро!

Отличная статья про метрики времени загрузки страницы. Если оптимизация для вас в новинку, то это хорошее место для старта.
https://medium.com/web-standards/performance-metrics-ff23c213164e

Метрика по использованию фреймворков. Результат довольно ожидаемый: React сильно впереди, у Vue огромный рост в процентах.
https://javascriptreport.com/javascript-frameworks-by-the-numbers-fall-2017/

Список последних изменений в Firefox. Из интересного: начали работу надо Web Payment API.
https://blog.nightly.mozilla.org/2017/11/22/these-weeks-in-firefox-issue-28/

Доброе утро!

В хроме появился Performance monitor. Позволяет в реальном времени отслеживать потребление ресурсов.
https://hospodarets.com/chrome-devtools-performance-monitor

Apple хотят продвигать новый формат изображение HEIF. Который сжимает лучше, чем существующие.
https://www.keycdn.com/blog/heif/

Вполне ожидаемая новость: 77% из 433 тысяч изученных сайтов используют уязвимые версии JavaScript-библиотек.
http://www.opennet.ru/opennews/art.shtml?num=47614

Прикольный способ использовать SVG как плейсхолдеров для картинок.
https://habrahabr.ru/company/edison/blog/342848/

Доброе утро!

Если релиз чего либо у вас вызывает негативные ассоциации, то вы делаете это неправильно. Вот хорошая статься на тему правильного подхода к релизу кода. Главное — автоматизация всего процесса.
https://blog.algolia.com/pragmatic-releasing/

Интересный трюк с использованием flex-wrap для адаптации контента под размер родителя.
http://kizu.ru/en/blog/flexible-overflow/

Перевод книги про Nodejs. Очень хорошо подойдет тем, кто впервые столкнулся с задачей написания серверной части на ноде.
https://medium.com/devschacht/node-hero-6a07ef8d822d

Доброе утро!

React вводит новый синтаксис для фрагментов (когда нужно вернуть массив элементов)
https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html

Подборка популярных раскладок на гридах
https://medium.com/samsung-internet-dev/common-responsive-layouts-with-css-grid-and-some-without-245a862f48df

Безголовый хром теперь можно запускать в AWS Lambda. То есть можно не держать выделенный сервер, а просто запускать по требованию.
https://github.com/adieuadieu/serverless-chrome

Простой, но приятно выглядящий datepicker
https://github.com/zigomir/nanocal

Поздравляю с началом зимы!

Исчерпывающий гайд по стратегиям загрузки шрифтов. Сохраните на случай, когда будете заниматься оптимизацией.
https://www.zachleat.com/web/comprehensive-webfonts/

Небольшая, но очень крутая подборка иконок популярных сервисов в SVG
https://github.com/edent/SuperTinyIcons

Занятие на выходные: имплементировать собственный block chain. Простой туториал для Node.js
http://www.darrenbeck.co.uk/blockchain/nodejs/nodejscrypto/

Доброе утро!

Очень хорошая новость: Google Fonts добавили поддержку кириллицы во многие шрифты.
https://design.google/library/scripting-cyrillic/

Pinterest сделали PWA. Интересно смотреть цифры: выигрыш достаточно хороший.
https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154

aws-amplify — библиотека, которая позволяет делать типовые взаимодействия в бекендом из вашего фронтенда. Например, легко прикрутить авторизацию или сделать загрузку/скачку файзов.
https://github.com/aws/aws-amplify

Доброе утро!

Что такое ReasonML, текущее состояние и планы.  Язык потихоньку устаканивается и идет в сторону стабильного продакшена. Самое время пощупать.
http://2ality.com/2017/11/about-reasonml.html

Подборка вопрос и ответов, которые часто задают на собеседованиях (собеседующие точно так же гуглят вопросы).
https://medium.freecodecamp.org/the-definitive-javascript-handbook-for-a-developer-interview-44ffc6aeb54e

Клиент Spotify, написанный на React+Redux. Можно брать код как пример для своего проекта.
https://github.com/Pau1fitz/react-spotify

Приятно видеть, что команда Edge добавляет в инструменты разработчика необходимые фичи. Не то, чтобы  нем хотелось работать, но отлаживаться придется когда нибудь.
https://blogs.windows.com/msedgedev/2017/12/04/dom-mutation-breakpoints-edge-devtools/

Доброе утро!

В Safari можно будет использовать MP4 файлы (видео) в теге IMG. Вместо GIF.
Тут подробная статья почему так, насколько лучше классических гифок и как работает.
https://calendar.perfplanet.com/2017/animated-gif-without-the-gif/

Альфа версия Webpack 4. Очень много фич.
https://github.com/webpack/webpack/issues/6064

Подробности об изменении работы сборщика мусора в v8. Статья, для “продвинутого пользователя”.
https://v8project.blogspot.dk/2017/11/orinoco-parallel-scavenger.html

Доброе утро!

Как то упустил тот момент, что React 16 использует User Timing API, который позволяет отслеживать время отрисовки компонентов. Хорошее интро:
https://habrahabr.ru/company/ruvds/blog/343888/

Очень хорошее введение в основы UI дизайна. Крайне рекомендую.
https://www.smashingmagazine.com/2017/11/comprehensive-guide-web-design/

Небольшая статья про дизайн сайтов в Stripe.
https://www.leejamesrobinson.com/blog/how-stripe-designs-beautiful-websites

CSS Grid действительно удобная штука, проверено. Если вам не нужно поддерживать старые браузеры, то пора. Вот еще статья на тему почему они хороши.
https://hackernoon.com/how-css-grid-beats-bootstrap-85d5881cf163

Доброе утро!

Очередной баг в OpenSSL, а значит и в NodeJS. Обещают пофиксить как только так сразу.
https://nodejs.org/en/blog/vulnerability/december-2017-security-releases/

Браузеры стараются заботится о пользователях, устраняя возможности фишинга. Например, Firefox скоро выключит возможность перехода по “data” URL. Меня больше удивляет зачем оно было сделано изначально.
http://www.opennet.ru/opennews/art.shtml?num=47640

Выступление Таба Аткинса про будущее CSS (условное будущее). Смотреть очень интересно.
https://vimeo.com/242890906

Видео с конференции Fronteers. Часть докладов хорошая, часть бесполезные. Хорошие те, где есть примеры кода.
https://vimeo.com/channels/fronteers17/

Доброе утро!

Крупные компании уже давно используют подход RFC (Request for comments), которые предполагает получение фидбека от коллег, перед началом разработки. Команда React пошла дальше и будет запрашивать фидбек у сообщества.
https://reactjs.org/blog/2017/12/07/introducing-the-react-rfc-process.html

Неплохая заметка про разные способы отмены в цепочке промисов.
http://blog.bloomca.me/2017/12/04/how-to-cancel-your-promise.html

Библиотека для построения сложных раскладок. В каком то смысле полифил к CSS Grid, только с красивыми анимациями и старыми браузерами.
https://github.com/haltu/muuri

Доброе утро! Сегодня несколько качественных статей.

Очень крутой разбор оптимизации времени запрос одного конкретного сервера с рендером реакта. Текста много, но почитайте, не пожалеете. Один из трюков, например, при слишком большой нагрузке на сервера переключаться на клиентский рендеринг.
http://arkwright.github.io/scaling-react-server-side-rendering.html

Знание того, как работают CORS необходимо в современном вебе. Вот хороший разбор.
http://grishaev.me/cors

Среднее время загрузки сайтов в 2017м. Цифры полезно знать, чтоб ориентироваться на них.
https://www.machmetrics.com/speed-blog/average-page-load-times-websites-2018/

Доброе утро!

Заметка про Array.isArray() и как это использовать
https://jakearchibald.com/2017/arrays-symbols-realms/

Еще несколько уязвимостей в работе десктопного Safari
https://bo0om.ru/safari-client-side

Я как то пропустил момент, когда Google решил запретить приложения для Chrome. Видимо сделано в пользу сайтов с поддержкой оффлайна, но все равно неприятно выглядит.
https://itc.ua/news/google-nachala-ubivat-prilozheniya-chrome-i-otklyuchila-sootvetstvuyushhiy-razdel-magazina-chrome-web-store-na-windows-mac-i-linux/

Safari TP45. Много мелочей. Стоит отметить, что работают над имплементацией EME. Это та штука, что позволит защищать медиа контент от копирования.
https://webkit.org/blog/8039/release-notes-for-safari-technology-preview-45/