forwebdev | Технологии

Telegram-канал forwebdev - For Web — фронтенд, дизайн, программирование

15318

Годнота для фронтендеров и дизайнеров https://forweb.dev

Подписаться на канал

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

Hi-Q, расширяемый и простой фреймворк для вёрстки на основе PostCSS и CSS-переменных — https://hiq.jonathan-harrell.com/

Читать полностью…

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

Как сервис-воркеры влияют на различные метрики производительность? Филип Уолтон с подробным исследованием на примере Google I/O Web App — https://developers.google.com/web/showcase/2016/service-worker-perf

Читать полностью…

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

FCP, FMP, TTI и другие метрики загрузки страницы: что они все означают? Объясняет Артём Денисов в блоге «Веб-стандартов» —https://medium.com/p/ff23c213164e

Читать полностью…

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

Live Share, режим совместного редактирования для редактора Visual Studio Code — https://code.visualstudio.com/blogs/2017/11/15/live-share

Читать полностью…

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

Как улучшить UX перехода по ссылкам? Явно показывать пользователю, откроется ссылка в текущей или в новой вкладке — https://augustin-riedinger.fr/en/resources/thoughts-on-target-blank/

Читать полностью…

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

Как легко добавлять вариации компонентов с помощью CSS-переменных, руководство Джонатана Харрелла с примерами — https://jonathan-harrell.com/component-variants-scoped-css-variables

Читать полностью…

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

Вышел 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/

Читать полностью…

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

Как заанимировать превращение из звезды в сердечко на SVG и JavaScript, руководство Аны Тюдор на CSS-Tricks — https://css-tricks.com/creating-star-heart-animation-svg-vanilla-javascript/

Читать полностью…

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

Frontend Weekend №27, в гостях Денис Радин из Evolution Gaming: обо всей правде жизни разработчика за границей — https://soundcloud.com/frontend-weekend/fw-27

Читать полностью…

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

«Фронтенд-юность» № 26: во всём виноват Джейк Арчибальд, переход на 3-часовой рабочий день, хорошим программистам неинтересно учить людей — https://soundcloud.com/frontend_u/e26

Читать полностью…

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

js2flowchart.js, библиотека и сервис для генерации блок-схем js-кода в SVG — https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

Читать полностью…

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

Как правильно задавать вопросы и грамотно искать информацию, доклад Максима Самойлова — https://youtu.be/Ev8RgkzE9aE

Читать полностью…

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

Просто о d3.js, Антон Ахатов на Хабре об основах библиотеки и опыте её применения для создания интерактивной инфографики — https://habr.ru/p/342106/

Читать полностью…

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

Стоит ли идти работать в Гугл/Яндекс/Фейсбук? Сергей Крыжановский о проблемах работы в больших компаниях — https://felixit.blog/2017/11/08/problemy-bolshih-kompanii/

Читать полностью…

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

Как работают вебсокеты и HTTP/2 с server-sent events, детальный обзор Александра Златкова в блоге SessionStack — https://blog.sessionstack.com/584e6b8e3bf7

Читать полностью…

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

Русскоязычное руководство по созданию WYSIWYG-редакторов на Draft.js — https://medium.com/p/ea8e9102aa1

Читать полностью…

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

Цена использования JavaScript: из-за чего тормозят странички на мобильных и как это оптимизировать, подробный рассказ Эдди Османи — https://medium.com/p/84009f51e99e

Читать полностью…

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

Как делать на SVG заглушки для тяжёлых изображений, обзор техник — https://medium.freecodecamp.org/bed1b810ab2c

Читать полностью…

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

Teletype, режим совместного редактирования в текстовом редакторе Atom — https://teletype.atom.io/

Читать полностью…

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

Безопасность: как защитить приложение на Node.js от распространённых видов атак, 11 глава Node Hero в переводе devSchacht — https://medium.com/p/c35c590f518e

Читать полностью…

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

Really Good UX, коллекция иллюстрированных примеров хорошего UX из реальных приложений и сервисов — https://www.reallygoodux.io/

Читать полностью…

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

Отладка Node.js-приложений, десятая глава Node Hero в переводе devSchacht — https://medium.com/p/60b08a3a2f82

Читать полностью…

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

«Веб-стандарты» №94, в гостях Михаил Колосков из Яндекс.Денег: WSD в Москве, KharkivFrontend, Node.js 8 LTS, типографика и CSS, интервенции Chrome, дизайн в Деньгах — https://soundcloud.com/web-standards/episode-94

Читать полностью…

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

Как сверстать простую сетку на гридах с фолбеками с помощью директивы supports, Чэнь Хуэй Цзин в переводе CSS-Live — http://css-live.ru/articles/verstka-prostoj-setki-s-folbekami-ispolzuyushhimi-direktivu-supports-feature-queries.html

Читать полностью…

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

16 докладов с FrontTalks 2017 на английском и русском языках: производительность, доступность, валидация, wasm, serverless, переключение мозгов и другие темы — https://events.yandex.ru/events/fronttalks/2017/

Читать полностью…

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

Конспект Саши Беспоясова по книге «Чистый код» в трёх частях:

1. Названия, функции и комментарии (https://bespoyasov.ru/blog/clean-code-part1/)
2. Форматирование, структуры данных и обработка ошибок (https://bespoyasov.ru/blog/clean-code-part2/)
3. Юнит-тесты, классы и проектирование систем (https://bespoyasov.ru/blog/clean-code-part3/)

Читать полностью…

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

Александр Сурма и Джейк Арчибальд о принципах работы VDOM/lit-html и их отличиях в свежем выпуске HTTP 203 — https://youtu.be/uCHZJy2n8Qs

Читать полностью…

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

Проблемы разных компаний: Дмитрий Мананников по мотивам статьи о проблемах больших компаний приводит доводы «за» и «против» работы как в больших компаниях, так и в стартапах — http://telegra.ph/Problemy-raznyh-kompanij-11-09

Читать полностью…

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

[Вечерняя задача]

Решение предыдущей задачи — http://jsbin.com/jitocub/edit?js,console

Напишите логические функции If, True, False, And, Or, Not, не используя никакие средства языка, кроме самих функций и их аргументов. Нельзя использовать ни переменны, ни массивы, ни псевдомассив arguments, ничего подобного.

Решение можно прислать и обсудить в нашем чате @forwebchat :–)

Читать полностью…

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

Техника оптимизации изображений путём уменьшения контраста в графическом редакторе и его возврата через CSS-фильтры — https://css-tricks.com/contrast-swap-technique-improved-image-performance-css-filters/

Читать полностью…
Подписаться на канал