Задумывались ли вы когда-нибудь над вопросом "А сколько вебсайтов сейчас использует Flexbox или Grid"? Частично ответ на этот и многие другие вопросы можно найти на сайте ChromePlatformStatus в секции Stats. Flexbox: 51%, Grid: 0.07%. Это конечно все очень приблизительно, но дает пищу для размышлений #css #chrome #statistics https://www.chromestatus.com/metrics/css/timeline/popularity/233

Какие Telegram каналы я читаю?

Frontend
@forwebdev
@webstandards_ru
@frontend_thoughts

Стандарты (TC39, EcmaScript)
@juliarderity

Angular
@angular_fox
@ngFanatic

Возможно ли бесплатно обучать нейронную сеть на крутых видеокартах прямо в браузере и при этом использовать JavaScript? На самом деле, возможно 🙂 Специально для вас сделал шаблон и написал небольшую статью по этому поводу. Шаблон для Google Colab позволяет использовать Jupyter Notebook для того, чтобы обучать нейронные сети как минимум в 3-7x раз быстрее чем MacBook Pro 2018. https://habr.com/ru/company/avito/blog/488936/

Прямой эфир завтра в 12:00 по Мск

В этот раз проведем эфир вдвоем с Лешей Охрименко, разработчиком с 11-летним стажем из Avito, спикером-чемпионом IT-конференций, лидером сообществ Angular и Tensorflow.js, автором и ведущим подкаста «Пятиминутка Angular».

Эфир будет в моем инстаграме lucy_frontend. Сейчас там можно накидать свои вопросы.

Ставьте напоминалку и присоединяйтесь, будем вас ждать ❤️

Долгое время думал, что все эти радости Agile: standup, scrum pocker и velocity - полная чушь. Пока не прочитал «Head First - управление разработкой ПО». Прочитайте хотя-бы первую половину книги #book #agile #software

Русская версия документация Angular теперь доступна для всех на сайте angular24.ru

Это результат 6 месяцев работы, нескольких безуспешных попыток написать все необходимые remark плагины, кастомного парсера и цепочки из двух Magic Strings, позволяющих делать перевод Markdown файлов без потери форматирования.

Стоило ли так мучиться? Да.

✨ Во-первых, удалось сделать расширяемую утилиту для перевода markdown файлов без потери форматирования, что до сих пор не особо успешно решалось. Чтобы убедится в этом, возьмите markdown файл с примерами кода, таблицами и кусками html.

✨ Во-вторых, теперь можно будет перевести документацию Angular на все 103 языка, которые поддерживает Google Translate.

✨ В-третьих, удалось выдернуть код документации Angular в отдельный schematics, который позволит вам добавить документацию Angular в свой проект (с поддержкой поиска, service workers и offline режима).

Это много для одной статьи, поэтому сейчас вы узнаете, чем сможете помочь, и о том, какие статьи ждут вас в будущем.

Документация пока не совершенна, ибо была переведена с помощью Google Translate, и именно тут вы можете помочь. Как? Есть 2 варианта:

1) Следуйте видео инструкции чтобы предложить свой вариант перевода. Меню появляется при выделении любого текста.

Если захотите посмотреть оригинал можете поменять 24.ru на .io в браузерной строке. Также простой заменой в адресной строке .io на 24.ru вы можете перейти с англоязычной версии документации на русскоязычную.

2) Если чувствуете себя достаточно уверенно с Markdown и Github, можете:

- перейти напрямую в репозиторий

- переключиться на бранч angular-v9-final

- взять любой .md файл из директории aio/content, поправить его и сделать pull request в бранч angular-v9-final

Теперь коротко о том какие статьи ждут вас в ближайшем будущем:

1️⃣ Что такое Magic String и настолько ли они волшебные?

2️⃣ Double Magic String - микропарсер и утилита по переводу markdown.

3️⃣ Особенности Google Translate, нюансы и хаки. Как переводить бесплатно в браузере?

4️⃣ Добавь в свой проект документацию Angular, делай как core команда Angular :)

Надеюсь, этот список вас заинтриговал :)

#angular #markdown #magicstring

CrowdSourcing работает!

2 недели назад я зарелизил русскоязычную документацию Angular (angular24.ru). За это время добавили 35 issues с правками по тексту и 2 pull request-а. Я искренне сомневался что система в которой ты выделяешь текст, предлагаешь перевод и автоматически презаполняется issue на GitHub, будет работать. Но она работает!

Сегодня вышел релиз со всеми правками. Документация Angular стала лучше благодаря вам и сможет стать еще лучше. Если еще не успели, присоединяйтесь :)

🎉 Что такое Magic String и настолько ли они волшебные?

Это одна из четырех статей, подробно описывающих, как был сделан перевод документации Angular. В этой статье мы узнаем о библиотеке MagicString. Эта и последующие статьи позволят понять, как удалось перевести документацию Angular так быстро, и как это поможет с созданием универсального переводчика как Markdown, так и файлов любого другого формата.

🎬 Сделал короткое видео для тех кому некогда читать ;)

Статья на Русском: https://habr.com/ru/post/502760/

Крупнейшее русскоязычное TensorflowJS коммьюнити стало ещё больше. Хотите освоить Machine Leaning в браузере или Node.js? Присоединяйтесь ;)

t.me/tensorflow_js

Побывал в гостях у подкаста Веб-стандарты. Похоливарил немного на тему, нужна ли русскоязычная документация для фреймворков.

Выпуск №231: MS Build, Chrome 83, Lighthouse 6, быстрый Google Fonts, перфоманс Notion, Angular по-русски. В гостях Алексей Охрименко. Слушайте на Ютубе https://youtu.be/la_81IJqmks, читайте на Медиуме https://medium.com/p/d2e6463c78d5

Для тех кому лень смотреть 2х часовое видео - подготовил конспект второго Show And Tell, шоу в котором вы можете найти ответ на вопрос, на что способно машинное обучение в браузере? #tensorflowjs

Статья на Medium
Тред в Twitter

🎉 В субботу (27 июня) в 5 утра по Москве, выступаю на конференции DevFest. Это 15 часовая конференция, которая проводится GDG Russia. Доклады по Angular, NextJS, Firebase, ML и многое многое другое.

Ставьте будильники заранее, чтобы не проспать 😉

Поделюсь новостями о русскоязычной документацию #Angular Покажу, как можно автоматизировать перевод Markdown документов и о том, такая ли уж магическая эта #MagicString. Плюс будет бонусный NPM пакет, который каждый сможет применить у себя на проекте.

🎬 Будет как и живая трансляция так и запись доклада. Ссылка на доклад.

Плейлист Mobile.
Плейлист Web.
Плейлист Cloud.

Помочь с переводом русскоязычной документации Angular
можно просто выделив текст и нажав "Предложить перевод".

Но если есть желание внести множество правок, это может быть неудобно.

Специально для этого случая теперь можно найти карандаш "Suggest Edits" в правом верхнем углу страницы, вас немедленно перенесет на нужную страницу документации в GitHub, где вы сможете сделать свой PullRequest и стать контрибьютором :)

Хотите так-же зажигать на танцполе? 🕺

Тогда прочитайте короткую статью о том как создать подобный 3D аватар из machinelearning модели PifuHD

Статья на Русском
Статья на Aнглийском

PS: чтобы получить текстурированную и анимированную модель придется попотеть в Blender, Mixamo и Adobe Aero. Но оно того стоит :)

Чувствую себя героем фильма "Искусственный разум". Смотрел его на свой День Рождения. Очень не рекомендую так делать 😅

PS: Если не понимаете что происходит прочитайте https://archiveprogram.github.com

Очень много работаете с версткой? Дизайнер отдал вам готовый HTML и CSS? Добавив data-component атрибут и выполнив одну команду, вы можете сгенерировать кучу компонентов.

Для Angular (ссылка):

npx create-angular-components ./index.html

Для React (ссылка):

npx html-to-react-components ./index.html

🧙🏻‍♂️ Магия :)

🎉 Впервые переваливаю за отметку 1000 подписчиков в Twitter 🎉

Создание парсеров за 5 минут. Крутые плагины для VSCode. Альтернативная версия Angular. Распознавание лиц и виртуальный лак для ногтей. Сверхбыстрый статический анализ миллионной кодовой базы. Советы по рефакторингу, и просто статьи обо всем что накипело :)

Подписывайтесь на мой канал в Twitter (ENG) и Telegram (RU) чтобы ничего из вышеперечисленного не пропустить :)

Хакатон «Build for Belarus» пройдёт онлайн 14–16 августа. Участники помогут разработать технические решения для коммуникации, безопасности и поддержки пострадавших в протестах.

Сайт хакатона https://eventornado.com/event/build-for-belarus
Событие на Фейсбуке https://www.facebook.com/events/492050428325842