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

20 ноября 2017 09:09

«Веб-стандарты» №95, в гостях Саша Годун из Semrush: Firefox жив, парное программирование, дорогой JS, доступность, книги и термины, школы при компаниях, юниоры — https://soundcloud.com/web-standards/episode-95

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

20 ноября 2017 08:38

К сожалению, фронтендеры часто не понимают сути своей работы. Суть работы фронтендера не в вёрстке или программировании, а в разработке интерфейсов для людей. Ваша работа заключается в разработке интерфейса, которым удобно пользоваться, который отзывчив во всех смыслах, который доступен большинству людей в большинстве ситуаций.

Хороший фронтендер должен разбираться не только в веб-технологиях, но и в дизайне — без этого он не сможет сделать хороший интерфейс. Каждый день фронтендеру приходится принимать решения, связанные с дизайном. Дизайнер не нарисовал hover-состояния для кнопок и ушёл в отпуск; нужно что-то показать пользователю, если произошла ошибка; нужно добавить пару разделов на страничку «О компании», а дизайнера привлекать не хотят, потому что задача простая; а тут вообще задача по админке, для которой никогда специально дизайн не рисовали.

Даже если говорить о технической стороне, написание кода — тоже дизайн. Интерфейсы ведь бывают не только графические, но и программные. Мало кто станет использовать библиотеку с плохо спроектированным API (всякие OpenGL, Windows API и прочие ужасы не в счёт, там выбора нет).

С чего разработчику интерфейсов начать погружение в дизайн? Рекомендую начать с доклада Артёма Поликарпова «Технолог — тоже дизайнер» о дизайнерских решениях проблем, с которыми может столкнуться любой фронтендер: https://events.yandex.ru/lib/talks/460/

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

19 ноября 2017 13:58

Мастер-класс по инструментам разработчика Chrome от Игоря Уварова — https://youtu.be/P753B81-szE

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

19 ноября 2017 12:03

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

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

17 ноября 2017 10:46

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

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

16 ноября 2017 14:11

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

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

16 ноября 2017 05:38

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

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

15 ноября 2017 18:49

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

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

14 ноября 2017 20:52

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

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

14 ноября 2017 16:45

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

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

13 ноября 2017 13:38

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

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

13 ноября 2017 10:30

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

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

11 ноября 2017 21:23

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

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

11 ноября 2017 21:22

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

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 — фронтенд, дизайн, программирование

10 ноября 2017 17:45

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

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

20 ноября 2017 09:02

«Запашки» CSS-кода, Робин Рендл в переводе CSS-Live о признаках плохого CSS-кода — http://css-live.ru/articles/zapashki-css-koda.html

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

19 ноября 2017 19:52

«В интернете нет ни ступенек, ни пандусов — ограничений быть не должно», Алексей Любимов о работе экспертом по доступности в Яндексе и других компаниях — http://www.the-village.ru/village/business/opyt/257012-accessibility-yandex

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

19 ноября 2017 12:15

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

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

17 ноября 2017 13:08

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

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

17 ноября 2017 09:15

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

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

16 ноября 2017 07:59

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

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

15 ноября 2017 19:11

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

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

15 ноября 2017 13:56

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

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

14 ноября 2017 20:40

Вышел 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 — фронтенд, дизайн, программирование

14 ноября 2017 10:41

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

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

13 ноября 2017 11:43

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

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

13 ноября 2017 06:46

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

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

11 ноября 2017 21:22

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

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

11 ноября 2017 21:21

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

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

10 ноября 2017 12:17

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