14267
Новости и полезности для фронтендеров. Поддержать, чтобы в канале не было рекламы: https://patreon.com/forweb https://boosty.to/forweb
Live Share, режим совместного редактирования для редактора Visual Studio Code — https://code.visualstudio.com/blogs/2017/11/15/live-share
Читать полностью…
Как улучшить UX перехода по ссылкам? Явно показывать пользователю, откроется ссылка в текущей или в новой вкладке — https://augustin-riedinger.fr/en/resources/thoughts-on-target-blank/
Читать полностью…
Как легко добавлять вариации компонентов с помощью CSS-переменных, руководство Джонатана Харрелла с примерами — https://jonathan-harrell.com/component-variants-scoped-css-variables
Читать полностью…
Вышел Firefox Quantum, часть внутренностей которого переписана на Rust для большей производительности и меньшего потребления памяти, Лин Кларк с подробностями — https://hacks.mozilla.org/2017/11/entering-the-quantum-era-how-firefox-got-fast-again-and-where-its-going-to-get-faster/
Читать полностью…
Как заанимировать превращение из звезды в сердечко на SVG и JavaScript, руководство Аны Тюдор на CSS-Tricks — https://css-tricks.com/creating-star-heart-animation-svg-vanilla-javascript/
Читать полностью…
Frontend Weekend №27, в гостях Денис Радин из Evolution Gaming: обо всей правде жизни разработчика за границей — https://soundcloud.com/frontend-weekend/fw-27
Читать полностью…
«Фронтенд-юность» № 26: во всём виноват Джейк Арчибальд, переход на 3-часовой рабочий день, хорошим программистам неинтересно учить людей — https://soundcloud.com/frontend_u/e26
Читать полностью…
js2flowchart.js, библиотека и сервис для генерации блок-схем js-кода в SVG — https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
Читать полностью…
Как правильно задавать вопросы и грамотно искать информацию, доклад Максима Самойлова — https://youtu.be/Ev8RgkzE9aE
Читать полностью…
Просто о d3.js, Антон Ахатов на Хабре об основах библиотеки и опыте её применения для создания интерактивной инфографики — https://habr.ru/p/342106/
Читать полностью…
Стоит ли идти работать в Гугл/Яндекс/Фейсбук? Сергей Крыжановский о проблемах работы в больших компаниях — https://felixit.blog/2017/11/08/problemy-bolshih-kompanii/
Читать полностью…
Как работают вебсокеты и HTTP/2 с server-sent events, детальный обзор Александра Златкова в блоге SessionStack — https://blog.sessionstack.com/584e6b8e3bf7
Читать полностью…
import.meta: Аксель Раушмайер о предложении по добавлению метаданных для ES-модулей — http://2ality.com/2017/11/import-meta.html
Читать полностью…
Модульное тестирование, девятая глава Node Hero в переводе devSchacht — https://medium.com/p/68041507aec
Читать полностью…
«Веб-стандарты» №93, в гостях Юрий Артюх и Юрий Ткаченко: украинский фронтенд, фокус и курсоры, React и Kotlin, графика и цвет — https://soundcloud.com/web-standards/episode-93
Читать полностью…
Teletype, режим совместного редактирования в текстовом редакторе Atom — https://teletype.atom.io/
Читать полностью…
Безопасность: как защитить приложение на Node.js от распространённых видов атак, 11 глава Node Hero в переводе devSchacht — https://medium.com/p/c35c590f518e
Читать полностью…
Really Good UX, коллекция иллюстрированных примеров хорошего UX из реальных приложений и сервисов — https://www.reallygoodux.io/
Читать полностью…
Отладка Node.js-приложений, десятая глава Node Hero в переводе devSchacht — https://medium.com/p/60b08a3a2f82
Читать полностью…
«Веб-стандарты» №94, в гостях Михаил Колосков из Яндекс.Денег: WSD в Москве, KharkivFrontend, Node.js 8 LTS, типографика и CSS, интервенции Chrome, дизайн в Деньгах — https://soundcloud.com/web-standards/episode-94
Читать полностью…
Как сверстать простую сетку на гридах с фолбеками с помощью директивы supports, Чэнь Хуэй Цзин в переводе CSS-Live — http://css-live.ru/articles/verstka-prostoj-setki-s-folbekami-ispolzuyushhimi-direktivu-supports-feature-queries.html
Читать полностью…
16 докладов с FrontTalks 2017 на английском и русском языках: производительность, доступность, валидация, wasm, serverless, переключение мозгов и другие темы — https://events.yandex.ru/events/fronttalks/2017/
Читать полностью…
Конспект Саши Беспоясова по книге «Чистый код» в трёх частях:
1. Названия, функции и комментарии (https://bespoyasov.ru/blog/clean-code-part1/)
2. Форматирование, структуры данных и обработка ошибок (https://bespoyasov.ru/blog/clean-code-part2/)
3. Юнит-тесты, классы и проектирование систем (https://bespoyasov.ru/blog/clean-code-part3/)
Александр Сурма и Джейк Арчибальд о принципах работы VDOM/lit-html и их отличиях в свежем выпуске HTTP 203 — https://youtu.be/uCHZJy2n8Qs
Читать полностью…
Проблемы разных компаний: Дмитрий Мананников по мотивам статьи о проблемах больших компаний приводит доводы «за» и «против» работы как в больших компаниях, так и в стартапах — http://telegra.ph/Problemy-raznyh-kompanij-11-09
Читать полностью…
[Вечерняя задача]
Решение предыдущей задачи — http://jsbin.com/jitocub/edit?js,console
Напишите логические функции If, True, False, And, Or, Not, не используя никакие средства языка, кроме самих функций и их аргументов. Нельзя использовать ни переменны, ни массивы, ни псевдомассив arguments, ничего подобного.
Решение можно прислать и обсудить в нашем чате @forwebchat :–)
Техника оптимизации изображений путём уменьшения контраста в графическом редакторе и его возврата через CSS-фильтры — https://css-tricks.com/contrast-swap-technique-improved-image-performance-css-filters/
Читать полностью…
Вечерняя задача на смекалку: напишите функции cons, car и cdr с интерфейсом как на скриншоте, не используя никакие средства языка, кроме функций (нельзя использовать ни переменные, ни условия, ни что-то другое).
Обсудить решения можно в нашем чате @forwebchat :–)
Бесплатный воркшоп от Ивана Акулова по Вебпаку с нуля пройдёт в эту субботу, подробности и запись — https://iamakulov.com/pages/webpack-workshop/
Читать полностью…
critical, утилита от Эдди Османи для автоматической генерации и подключения критических стилей страницы — https://github.com/addyosmani/critical
Читать полностью…