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

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

15318

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

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

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

Введение в практическое использование WebAssembly, новый бесплатный курс на Egghead — https://egghead.io/courses/introduction-to-webassembly

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

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

Предложение по добавлению приватных полей для классов в ECMAScript перешло на stage 2 — https://github.com/tc39/proposal-private-fields

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

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

Как работает функция minmax() из CSS-гридов, разбирается Ире Адеринокун в переводе CSS-Live — http://css-live.ru/articles/kak-rabotaet-funkciya-minmax.html

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

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

Frontend Weekend №5, в гостях Алексей Охрименко: секреты успешных докладов для фронтенд-конференций — https://soundcloud.com/frontend-weekend/fw-5

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

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

Парадоксы display: contents и будущее текста в CSS, Илья Стрельцын о пустяке, чуть не перевернувшем вверх дном CSS — http://css-live.ru/css/paradoksy-displaycontents-i-budushhee-teksta-v-css.html

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

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

Выделяем память для хранения чисел, вторая заметка Фёдора Индутного о JIT-компиляции в переводе devSchacht — https://medium.com/devschacht/b0b138d0c684

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

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

«Веб-стандарты» №71, в гостях Валерий Сорокобатько: разработка на телефоне, гриды на практике, CSS-в-JS — https://soundcloud.com/web-standards/episode-71

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

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

Как инженеры Слэка сделали пикер эмодзи более производительным и поддерживаемым, переписав его на Реакте — https://slack.engineering/bfbd8ce6fbfe

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

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

Почему в проектах 2017 года не нужна Джейквери?

Потому что:
— для работы с DOM есть, как ни странно, спецификация DOM4 с .closest(), .append(), .prepend() и другими удобными методами (https://dom.spec.whatwg.org, полифил: http://webreflection.github.io/dom4/);
— для анимаций есть CSS и Web Animations API (https://w3c.github.io/web-animations, полифил: https://github.com/web-animations/web-animations-js);
— для общения с сервером есть fetch (https://fetch.spec.whatwg.org, полифил: https://github.com/github/fetch);
— готовых библиотек на чистом JS предостаточно (https://plainjs.com, http://microjs.com), и чаще всего они легковеснее и качественнее Джейквери-плагинов.

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

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

Почему важно правильно размечать структуру страницы с помощью заголовков, Роб Додсон в свежем выпуске A11ycasts — https://youtu.be/vAAzdi1xuUY

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

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

Все чаще начинаю слышать о том, какой классный фреймворк для писем - https://mjml.io/

Да, он классный потому что:
- Реакт это также стильно, как и подвороты на штанах
- Компоненты это здорово
- Это практически коробочное решение
- Есть сформировавшаяся идеология
- Пацаны из Литмуса рекомендуют MJML

MJML - говно потому что:
- MJ-Теги - это убогая семантика. Убрав MJ, сразу станет легче. Берните пример с Zurb Foundation
- Реакт - это хипстерское решение. Вам придется начать курить вейп, кататься на гироскутере и жрать растения.

MJML для вас:
- Если вы работаете в компании типа Wrike и Veeam
- У вас один проект, шесть языков локализации, ебучая тонна писем в рамках одной стилистики и UI-KIT
- Вы идиот
- Вы идиот, потому что умеете React, но зачем-то занимаетесь письмами, а не нормальным фронтендом
- Вам все еще нравится писать большое количество кода
- Если вы не хотите работать и готовы ждать обновления

MJML не для вас:
- Если вы не умеете React
- Если вы работаете над большим количеством разных проектов в разных стилистиках
- Вы хотите писать действительно минимальное количество кода
- Вы хотите глубокую кастомизацию и автоматизацию на всех уровнях
- Вы в России и верстаете под Яндекс и Mail.ru

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

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

Трансляция из главного зала HolyJS завтра с 10:00 по Москве: Дуглас Крокфорд, Лиа Веру и другие — https://habrahabr.ru/p/329554

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

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

Node.js 8: улучшение экосистемы нативных модулей и процесса отладки, а также другие нововведения в переведённом обзоре — https://medium.com/devschacht/bb42f8eee603

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

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

Как спроектировать для JS-библиотеки API, который полюбят пользователи? Рассказывает Мэгги Пинг на JSConf EU — https://youtu.be/RdKT70ktaeo

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

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

Почему browserlist это хорошая, годная идея, которую нужно использовать — https://css-tricks.com/browserlist-good-idea/

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

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

Джеймс Кайл из Фейсбука рассказывает о приватных полях классов в ECMAScript и объясняет, почему для них используется `#`, а не, например, ключевое слово private — https://medium.com/the-thinkmill/93106e37647a

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

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

Зачем нужны заголовки и какие теги для них использовать? Разбирается Вадим Макеев в свежем выпуске «HTML-шортов» — https://youtu.be/atXxkKjPbN8

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

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

Разбираемся с частичным применением и каррированием функций в JavaScript в переводе devSchacht — https://medium.com/devschacht/99fc21d629ff

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

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

Node.js Under the Hood, книга о внутренних механизмах Node (PDF, 1.8 МБ): цикл событий, сборщик мусора и нативные модули — https://resources.risingstack.com/RisingStack+Ebooks/Node.js+at+Scale+II.+-+Node.js+Under+the+Hood.pdf

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

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

Get HTTPS for free!, сервис для удобного получения бесплатных HTTPS-сертификатов от Let's Encrypt — https://gethttpsforfree.com/

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

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

Обзор новинок Chrome 59 от Пита Лепажа: безголовый Хром, нативные уведомления в macOS, Image Capture API — https://youtu.be/zNoc4zEkWPo

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

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

Инженеры Gitlab с докладом о том, почему они выбрали Vue.js для фронтенда сервиса — https://youtu.be/ioogrvs2Ejc

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

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

Изучаем CSS-гриды на примере вёрстки каталога одежды, руководство Варуна Вачхара в переводе CSS-Live — http://css-live.ru/articles/izuchaem-css-gridy.html

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

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

Functional-Light JavaScript, книга об основных принципах ФП и их применении в JS без хардкорных терминов — https://github.com/getify/Functional-Light-JS

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

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

Как работают движки парсинга и обработки регулярных выражений — http://wstoop.co.za/wregex.php

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

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

Рекомендуем канал Артура Коха (одного из немногих, если вообще не единственного в России) специалиста по вёрстке писем:

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

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

Что такое детерминизм в yarn, зачем он нужен и в чём отличие от npm 5, объясняет Себастьян МакКензи — https://yarnpkg.com/blog/2017/05/31/determinism/

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

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

Как спроектировать удобную форму, Ник Бабич с большим руководством на Smashing Magazine — https://www.smashingmagazine.com/2017/06/designing-efficient-web-forms/

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

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

Стоит ли использовать MobX, если у нас уже есть Redux? Ответ в свежей «Пятиминутке React» — http://5minreact.ru/20-mobx-over-redux/

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

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

«HTTP/2 push сложнее, чем я думал»: Джейк Арчибальд досконально разобрался и развеял все мифы — https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/

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