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

07 июня 2017 13:08

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

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

07 июня 2017 12:53

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

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

06 июня 2017 15:07

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

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

06 июня 2017 08:50

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

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

05 июня 2017 21:30

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

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

05 июня 2017 14:04

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

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

04 июня 2017 19:47

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

04 июня 2017 14:44

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

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

03 июня 2017 20:36

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

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

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

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

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

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

02 июня 2017 18:20

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

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

02 июня 2017 11:54

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

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

02 июня 2017 08:00

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

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

01 июня 2017 21:40

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

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

01 июня 2017 17:20

sinergia, крошечная (~1 КБ gzipped) библиотека для выполнения сложных вычислений без влияния на отзывчивость интерфейса — https://github.com/jiayihu/sinergia

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

01 июня 2017 15:58

Состояния вроде hover на лейбле передаются привязанному к лейблу элементу, Роман Комаров с исследованием малоизвестной возможности — http://kizu.ru/en/blog/label-to-input/

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

07 июня 2017 12:56

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

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

07 июня 2017 08:07

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

06 июня 2017 10:31

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

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

05 июня 2017 21:30

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

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

05 июня 2017 21:07

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

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

05 июня 2017 11:09

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

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

04 июня 2017 14:48

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

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

04 июня 2017 14:25

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

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

03 июня 2017 20:36

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

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

02 июня 2017 14:24

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

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

02 июня 2017 09:12

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

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

01 июня 2017 21:44

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

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

01 июня 2017 21:26

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

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

01 июня 2017 17:06

Приглашаем 16 июня в Петербург на pitercss conf. Это первая в России конференция, посвященная фронтенду и объединяющая российское и международное сообщества.

Лучшие эксперты из Европы, Сингапура, США и России расскажут про дизайн, верстку, стили, графику, типографику и интерфейсы. Всего восемь докладов, все — на английском языке.

Главные герои: Агнешка Наплоха из Adobe, Андрей Оконечников, Антон Шеин из Яндекса, Ева Леттнер из ChillBill, Илья Бирман из Бюро Горбунова, Мануэль Матузович, Патрик Кеттнер из Microsoft, Хуэй Дзин Чэнь из Wismut Labs.

Будет очень круто! Билеты на сайте http://pitercss.com. Для друзей Форвеба действует скидка 500 ₽ по промокоду Forwebpitercss.

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

01 июня 2017 12:00

Как делать крутые анимированные демки, используя один <div>? Дэн Уилсон об организации стилей и применении JS — https://css-tricks.com/animating-single-div-art/