Size: a a a

For Web — фронтенд, дизайн, программирование

2020 June 12
For Web — фронтенд, дизайн, программирование
npkill, утилита для поиска и удаления неиспользуемых node_modules: позволяет освободить значительное количество места на диске → https://npkill.js.org
источник
2020 June 13
For Web — фронтенд, дизайн, программирование
Полное руководство по реализации Trusted Web Activity: инженеры OYO делятся опытом и результатами реализации нативной обёртки над веб-приложением для Android → https://medium.com/p/3dd327d7afc5
источник
For Web — фронтенд, дизайн, программирование
Teamlead Roadmap, карта навыков и компетенций тимлидов, которую можно адаптировать для любой компании и команды → https://tlroadmap.io
источник
2020 June 15
For Web — фронтенд, дизайн, программирование
Проектируем тёмную тему с учётом OLED-экранов: почему лучше использовать цвета чуть светлее полностью чёрного → https://medium.com/p/e13cdfea7ffe
источник
2020 June 16
For Web — фронтенд, дизайн, программирование
404 → 302: простой жест для вечнозелёного веба. Арал Балкан предлагает способ сохранения устаревших веб-страниц, чтобы ссылки на них не ломались → https://4042302.org/
источник
For Web — фронтенд, дизайн, программирование
Какой редактор/IDE используете на работе?
Анонимный опрос
46%
VS Code
34%
IntelliJ (WebStorm, etc)
8%
Sublime Text
3%
Vim
0%
Emacs
2%
Atom
1%
Brackets
3%
Notepad++
2%
Другое
Проголосовало: 5765
источник
2020 June 17
For Web — фронтенд, дизайн, программирование
Клон Doom в 13 КБ JavaScript: Николас Карлини об опыте разработки игры для соревнования js13k в переводе на Хабре → https://habr.com/p/506912/
источник
2020 June 18
For Web — фронтенд, дизайн, программирование
Индикаторы, валидация и уведомления: что и в каких случаях использовать для донесения обратной связи до пользователя → https://www.nngroup.com/articles/indicators-validations-notifications/
источник
For Web — фронтенд, дизайн, программирование
Курс по фронтенд-разработке с нуля от MDN: от HTML/CSS/JS до тестирования, фреймворков и основ бэкенда → https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer
источник
2020 June 19
For Web — фронтенд, дизайн, программирование
Создатели Basecamp запустили новый почтовый сервис hey.com и показали альтернативный подход к разработке веб-приложений: их JS-бандл весит ~48 КБ в gzip → https://twitter.com/sstephenson/status/1272608117604397063

Для сравнения, распространённый стек react + react-dom + redux + react-redux + react-router-dom в gzip весит ~56 КБ, и это только зависимости без кода самого приложения.
источник
2020 June 22
For Web — фронтенд, дизайн, программирование
Иллюстрированное объяснение жизненного цикла сервис-воркеров → https://felixgerschau.com/service-worker-lifecycle-update/
источник
For Web — фронтенд, дизайн, программирование
Пишем игрушечный движок регулярных выражений в функциональном стиле: пошаговое руководство, задания для самостоятельного выполнения и обзор альтернативных подходов → http://dpk.io/dregs/toydregs
источник
For Web — фронтенд, дизайн, программирование
Что лучше: тёмная или светлая тема? Подробное исследование Nielsen Norman Group → https://www.nngroup.com/articles/dark-mode/
источник
2020 June 23
For Web — фронтенд, дизайн, программирование
Deep JavaScript, новая книга Акселя Раушмайера с детальным обзором важных возможностей JavaScript: от приведения типов до промисов → https://exploringjs.com/deep-js/
источник
For Web — фронтенд, дизайн, программирование
Как реализовать бесшовные переходы между страницами, если у вас не SPA: обзор архитектурного паттерна, применённого на портале dev.to → https://web.dev/app-shell-ux-with-service-workers/
источник
2020 June 24
For Web — фронтенд, дизайн, программирование
Опенсорсный сервис для удобной ASCII-визуализации дерева файлов и директорий → https://tree.nathanfriend.io
источник
2020 June 26
For Web — фронтенд, дизайн, программирование
CSS Scroll Shadows, генератор теней для индикации доступной прокрутки → https://css-scroll-shadows.now.sh
источник
For Web — фронтенд, дизайн, программирование
Как работает атака CSRF и как её предовтратить: интерактивная демонстрация уязвимости от Виктора Жу → https://victorzhou.com/blog/csrf/
источник
2020 June 29
For Web — фронтенд, дизайн, программирование
emoji-picker-element: виджет для выбора эмодзи, который экономит RAM. Нолан Лоусон рассказывает, как и зачем он написал свой аналог существующих эмодзи-пикеров → https://nolanlawson.com/2020/06/28/introducing-emoji-picker-element-a-memory-efficient-emoji-picker-for-the-web/
источник
2020 July 02
For Web — фронтенд, дизайн, программирование
Инструменты для отладки проблем SEO в поисковой выдаче Google: обзор от инженеров Google → https://web.dev/google-search-tools
источник