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

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

15124

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

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

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

Руководство новичка по React.js, новый бесплатный курс от Кента Додса на egghead — https://egghead.io/courses/the-beginner-s-guide-to-reactjs

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

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

Parcel, альтернатива Вебпаку для простых проектов: без конфигурации, hot module replacement и кодсплиттинг с динамическими импортами из коробки — https://parceljs.org/

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

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

Как написать простой движок регулярных выражений менее чем в 40 строк кода, руководство Ника Дрейна — https://nickdrane.com/build-your-own-regex/

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

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

Как написать собственный блокчейн на Node.js, руководство Даррена Бека — http://www.darrenbeck.co.uk/blockchain/nodejs/nodejscrypto/

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

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

Три простых признака доступных уведомлений и рекомендации по их реализации — https://github.com/andrew--r/ui-developer-tips/tree/master/tips/008-alerts-accessibility

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

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

Пошаговый алгоритм оптимизации загрузки веб-шрифтов, реализация которого требует всего 23 минуты, Зак Лезерман на примере реального сайта — https://www.zachleat.com/web/23-minutes/

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

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

«Фронтенд-юность» №28: React разрывает пуканы, «Веб-стандарты» меняются, W3C укрепляет основы веба, а разработчики отказываются от дефолтных экспортов модулей — https://soundcloud.com/frontend_u/e28

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

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

«Веб-стандарты» №97: Edge и Chrome, Firefox и веб-компоненты, CSS-волшебники, подкаст, форматы, поддержка — https://soundcloud.com/web-standards/episode-97

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

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

Кстати, спецификация WCAG 2.0 доступна на русском языке — https://www.w3.org/Translations/WCAG20-ru/

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

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

Руководство в трёх частях по проектированию хороших API от одного из разработчиков QT: признаки хорошего API, процесс проектирования, лучшие практики (PDF, ~200 КБ) — http://www4.in.tum.de/~blanchet/api-design.pdf

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

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

Как в Google Fonts, Docs и Slides добавили поддержку кириллицы для популярных шрифтов, рассказ о дизайн-процессе — https://design.google/library/scripting-cyrillic/

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

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

Какими пятью базовыми навыками решения задач должен обладать хороший инженер — https://dev.to/lpasqualis/the-5-problem-solving-skills-of-great-software-developers-4e6

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

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

Как сверстать популярные виды адаптивных раскладок на CSS-гридах — https://medium.com/p/245a862f48df

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

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

Infinitown, бесконечный трёхмерный город с движением на дорогах, сделанный на Three.js/Blender/Unity — http://demos.littleworkshop.fr/infinitown

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

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

Чеклист лучших практики инклюзивного дизайна от Хейдона Пикеринга: всё, что касается доступности, совместимости и производительности веба — https://github.com/Heydon/inclusive-design-checklist

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

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

Исчерпывающее руководство по основам веб-дизайна от Ника Бабича: от общих принципов вроде доступности и отзывчивости до проектирования страниц и элементов интерфейса — https://www.smashingmagazine.com/2017/11/comprehensive-guide-web-design/

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

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

Синхронное декодирование больших изображений может тормозить на мобильных, поэтому в Chrome хотят добавить для img атрибут decoding, позволяющий включить асинхронное декодирование — https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/MbXp16hQclY/bQjegyrbAgAJ

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

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

: Брайан Карделл в переводе CSS-Live предлагает использовать в кастомных элементах композицию вместо наследования — http://css-live.ru/articles/i-ismorzh.html

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

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

Знакомство с Ember.js на примере разработки игры Dice Roller, Грэхэм Кокс в переводе Даниила Стешенко — https://medium.com/p/970e817ded98

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

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

Русский перевод подробного руководства Дмитрия Сошникова по ядру JavaScript для опытных программистов — http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition-rus/

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

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

normalize.email.css, CSS-ресет от Артура Коха для нормализации дефолтных стилей в письмах — https://github.com/dudeonthehorse/normalize.email.css

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

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

Frontend Weekend №30, в гостях Евгений Родионов: как из верстальщика стать директором по продуктам — https://soundcloud.com/frontend-weekend/fw-30

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

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

Книга «Атомарный дизайн» Брэда Фроста в переводе Ольги Кокоулиной и Рината Шайхутдинова — https://medium.com/p/4960ad17bc1a

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

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

Руководство по обеспечению доступности (WCAG) для тех, кто с ним ещё не знаком, простое и понятное введение от Алана Далтона — https://24ways.org/2017/wcag-for-people-who-havent-read-them/

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

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

Брендан Айк объясняет, почему нужно ставить точки с запятыми в JS-коде — https://brendaneich.com/2012/04/the-infernal-semicolon/

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

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

Аксель Раушмайер в трёх статьях о ReasonML: что это за язык, как начать его использовать и какое у него будущее — http://2ality.com/2017/11/about-reasonml.html

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

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

Pinterest выпустил новую мобильную версию в виде PWA: обзор результатов с точки зрения метрик и технические детали реализации в обзоре Эдди Османи — https://medium.com/p/3bd6ed2e6154

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

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

Письма тоже должны быть доступными! Джейсон Родригез с советами по доступной вёрстке писем — https://css-tricks.com/html-email-accessibility/

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

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

Что не так с нынешними дизайн-инструментами и каким должно быть их будущее, эссе Брина Джексона — https://spectrum.chat/thread/ac4cba39-0582-4b73-9582-9e863ed66346

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

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

Poly, большая библиотека 3D-моделей с возможность добавления собственных — https://poly.google.com/

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