For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Slang, опенсорсный язык для программирования звука, призванный продемонстрировать возможности создания собственных специализированных языков программирования на JavaScript → https://github.com/kylestetz/slang
Как Dropbox мигрировал с Underscore на Lodash

Подробный рассказ инженеров Dropbox о мотивации, процессе и сложностях перехода с одной фронтенд-библиотеки на другую с учётом кодовой базы возрастом в 10 лет и нестандартной сборки проекта → https://blogs.dropbox.com/tech/2018/09/migrating-from-underscore-to-lodash/
Четвёртый выпуск видеоблога Вадима Макеева. Ответы на вопросы:

— Как сверстать навигацию?
— Должен ли дизайнер писать код?
— Не пахнет ли код?
— Фронтендер или верстальщик?
— Какой фреймворк выбрать?
— Почему Chrome, а не Firefox?

https://youtu.be/y52rtbUeCac
This media is not supported in your browser
VIEW IN TELEGRAM
Обширное руководство по применению анимации в интерфейсах с хорошими и плохими примерами в переводе на Хабре → https://habr.com/post/424383/
Маршрутизация в большом приложении на Реакте: расшифровка доклада Бориса Шабанова о проблемах Реакт-Роутера и его альтернативе → https://habr.com/company/rambler-co/blog/424025/
Шпаргалка по основным критериям и способам тестирования доступности: распечатайте и используйте в ежедневной работе → https://moritzgiessmann.de/accessibility-cheatsheet/
Как реализовать хеши из Ruby и автовивификацию из Perl на JavaScript → https://raganwald.com/2018/09/12/auto-vivifying-hash.html
Как работают контексты наложения в CSS и почему в некоторых случаях z-index может не помочь → https://tellthemachines.com/stacking-contexts/
Кеширование в HTTP: заголовки Cache-Control, Expires и условные GET-запросы в обзоре Флавио Копса → https://flaviocopes.com/http-caching/
Доступность интерфейсов: расшифровка подробной лекции Дмитрия Батогова в ШРИ 2018 → https://habr.com/p/424879/
🎧
Свежие подкасты

Frontend Weekend №73, в гостях Анна Селезнёва: об истории эмоционального выгорания, выборе города для работы и поиске себя → https://soundcloud.com/frontend-weekend/fw-73

«Девшахта» №52, в гостях Виктор Исаев: Node.js в бэкенде  —  миф или суровая необходимость? → https://medium.com/p/4d34beacfcfc

«Пятиминутка Angular» №12: Battle, Real world app, Render Props, Soviet, ng v7 beta → https://soundcloud.com/5minangular/pyatiminutka-angular-12

Remote Talk №2, в гостях Михаил Семёхин: о переходе с Java на Ruby и с Ruby на JavaScript, статической типизации, создании IT-сообщества в Курске, плюсах и минусах работы в офисе и удалённо, времени на хобби → https://soundcloud.com/csssr/remotetalk_02

«Фронтенд-юность» №67: хронический простатит JavaScript, хитрожопый Chrome, львович.js, TC-39 сломали Higcharts, Create React App 2.0, Standard Library Proposal → https://soundcloud.com/frontend_u/e67

«Веб-стандарты» №141, в гостях Влад Антипенко и Артём Захарченко: браузеры и расширения, планы Vue.js 3.0, цветная прокрутка, фронтенд в Харькове → https://medium.com/p/dd5ec1d7779c
Обзор деталей реализации нового анимированного логотипа scotch.io → https://scotch.io/tutorials/building-the-new-scotchio-animated-svg-logo
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать плавающие подписи для полей ввода на чистом CSS с помощью :placeholder-shown → https://callmenick.com/dev/floated-labels-with-placeholder-shown/
Пошаговое руководство по разработке сложного финансового графика на D3 и d3fc → https://blog.scottlogic.com/2018/09/21/d3-financial-chart.html
Пятый выпуск видеоблога Вадима Макеева. Обзор сайта библиотеки питерского Политеха: магический JPEG, ненужная форма и object-fit на SVG → https://youtu.be/zjaI-LwqLVU
32 доклада с Full Stack Fest 2018: быстродействие, новые API, P2P, IoT, распределённые системы и множество других тем → https://www.youtube.com/playlist?list=PLe9psSNJBf75O6abYvvjxhm36_QU9H-f2