Измерение интерактивности с TTI: Time To Interactive
https://blog.dareboost.com/en/2019/05/measuring-interactivity-time-to-interactive/
https://blog.dareboost.com/en/2019/05/measuring-interactivity-time-to-interactive/
Dareboost Blog
TTI: Time To (consistently) Interactive, how to measure web page interactivity
For a few years now, Google has been pushing an ambiguous metric: Time To Interactive (TTI). What does it mean? Let's define it and explain how and when to use it (or not).
Функциональный JavaScript: как использовать array reduce для чего-то кроме чисел
https://jrsinclair.com/articles/2019/functional-js-do-more-with-reduce/
https://jrsinclair.com/articles/2019/functional-js-do-more-with-reduce/
Jrsinclair
Functional JavaScript: How to use array reduce for more than just numbers
The array reduce method is really powerful. But people often run into trouble as soon as they step beyond the basic examples. Simple things like addition and multiplication are fine. But as soon as you try it with something more complicated, it breaks. Using…
Представляем первые предварительные сборки Microsoft Edge для macOS
https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/
https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/
#video
KharkivCSS #4 2019 , 7 видео
Плейлист: https://www.youtube.com/playlist?list=PLJ5NW5T60UpgJIZ53Syoy79JKPHcU0zPa
Один из наиболее интересных "Houdini — CSS, который JavaScript" о том, как Houdini решает задачу поддержки CSS фич в браузерах https://www.youtube.com/watch?v=xFXCfTHTmoA
Почитать о Houdini можно еще тут https://habr.com/ru/company/mailru/blog/282027/
KharkivCSS #4 2019 , 7 видео
Плейлист: https://www.youtube.com/playlist?list=PLJ5NW5T60UpgJIZ53Syoy79JKPHcU0zPa
Один из наиболее интересных "Houdini — CSS, который JavaScript" о том, как Houdini решает задачу поддержки CSS фич в браузерах https://www.youtube.com/watch?v=xFXCfTHTmoA
Почитать о Houdini можно еще тут https://habr.com/ru/company/mailru/blog/282027/
YouTube
KharkivCSS #4 2019 - YouTube
Что нового в DevTools (Chrome 76)
Автозаполнение CSS значений, новые настройки вкладки Network, возможность импорта/экспорта архивов запросов (HAR) и другое
https://developers.google.com/web/updates/2019/05/devtools
Автозаполнение CSS значений, новые настройки вкладки Network, возможность импорта/экспорта архивов запросов (HAR) и другое
https://developers.google.com/web/updates/2019/05/devtools
Chrome for Developers
What's New In DevTools (Chrome 76) | Blog | Chrome for Developers
Autocomplete with CSS values, a new UI for network settings, and more.
Удалённая разработка в VS Code: ваша жизнь никогда не будет прежней
То, чем пользуюсь сам. Неимоверно удобно использовать remote-ssh на VSCode. Теперь можно забыть о необходимости запускать FileZilla для конекта к серваку, чтобы перезалить файл ради правки одной запятой.
Всё уже тут, в твоем редакторе
https://habr.com/ru/post/454280/
То, чем пользуюсь сам. Неимоверно удобно использовать remote-ssh на VSCode. Теперь можно забыть о необходимости запускать FileZilla для конекта к серваку, чтобы перезалить файл ради правки одной запятой.
Всё уже тут, в твоем редакторе
https://habr.com/ru/post/454280/
Хабр
Удалённая разработка в VS Code: ваша жизнь никогда не будет прежней
У нас в TestMace Visual Studio Code является одним из самых популярных инструментов. И тем более отрадно, что он развивается семимильными шагами. Вашему вниманию...
Вопросы и ответы к собеседованию фронтенд-разработчика на JavaScript
https://medium.com/@allaev/9058a75710a
https://medium.com/@allaev/9058a75710a
Medium
Вопросы и ответы к собеседованию фронтенд-разработчика на JavaScript
Перевод руководства Яншун Тая «Front End Interview Handbook».
Использование метода Grid Shepherd для упорядочивания данных с помощью CSS
https://css-tricks.com/using-the-grid-shepherd-technique-to-order-data-with-css/
https://css-tricks.com/using-the-grid-shepherd-technique-to-order-data-with-css/
pickr: простая и расширяемая библиотека для добавления пипетки с выбором цвета, без jQuery зависимости
https://github.com/Simonwep/pickr
https://github.com/Simonwep/pickr
GitHub
GitHub - simonwep/pickr: 🎨 Pickr - A simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery.…
🎨 Pickr - A simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, r...
Ваш первый бюджет производительности с Lighthouse
https://bitsofco.de/your-first-performance-budget-with-lighthouse/
https://bitsofco.de/your-first-performance-budget-with-lighthouse/
bitsofcode
Your first performance budget with Lighthouse | bitsofcode
Articles on frontend development and more.
Функциональный JavaScript: пять способов вычисления среднего значения с array reduce
https://jrsinclair.com/articles/2019/five-ways-to-average-with-js-reduce/
https://jrsinclair.com/articles/2019/five-ways-to-average-with-js-reduce/
Jrsinclair
Functional JavaScript: Five ways to calculate an average with array reduce
The JavaScript array reduce method seems to give people trouble. Part of the reason is that many tutorials start out using reduce only with numbers. So I wrote a previous article about the many other things you can do with reduce that don’t involve arithmetic.…
Разница между навигацией с клавиатурой и при помощи скринридера
https://tink.uk/the-difference-between-keyboard-and-screen-reader-navigation/
https://tink.uk/the-difference-between-keyboard-and-screen-reader-navigation/
SEO тест: индексация JavaScript-сайтов
https://vc.ru/seo/69857-seo-test-indeksaciya-javascript-saytov
https://vc.ru/seo/69857-seo-test-indeksaciya-javascript-saytov
vc.ru
SEO-тест: индексация JavaScript-сайтов — SEO на vc.ru
JS-сайты и использование js фреймворков в разработке с каждым годом становятся все популярнее. В связи с этим актуальный вопрос для seo-специалистов — влияние js на seo и продвижение сайта. Мы решили провести эксперимент и проверить это в боевых условиях…
Реализация приватных переменных в JavaScript.
Несколько подходов:
классический - паттерн модуль и замыкания,
альтернативный - с использованием WeakMap и Symbol
https://css-tricks.com/implementing-private-variables-in-javascript/
Несколько подходов:
классический - паттерн модуль и замыкания,
альтернативный - с использованием WeakMap и Symbol
https://css-tricks.com/implementing-private-variables-in-javascript/
CSS-Tricks
Implementing Private Variables In JavaScript
JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and