Нашли тулзу, которая генерирует шрифт на основе ваших иконок. Сейчас используем ее на одном из проектов.
Обычно иконки загружают в SVG, но когда проект начинает расти, заменять и обновлять их становиться сложнее. С этим инструментом дизайнер добавляет или обновляет иконки на сайте, а разработчик может конвертировать их в шрифт, при обновлении которого обновляются иконки на сайте.
Нужно быть аккуратным, потому что если иконок много, то время обновления шрифта на клиенте будет долгим. Это подойдет тем, кто уже использует font-awesome и хочет оптимизировать этот шрифт.
Обычно иконки загружают в SVG, но когда проект начинает расти, заменять и обновлять их становиться сложнее. С этим инструментом дизайнер добавляет или обновляет иконки на сайте, а разработчик может конвертировать их в шрифт, при обновлении которого обновляются иконки на сайте.
Нужно быть аккуратным, потому что если иконок много, то время обновления шрифта на клиенте будет долгим. Это подойдет тем, кто уже использует font-awesome и хочет оптимизировать этот шрифт.
icomoon.io
SVG Icon Libraries and Custom Icon Font Organizer
❍ IcoMoon
❍ IcoMoon
Easily mange your icons and integrate them in your projects. Browse free icons or import your own SVG icons to export as icon font, SVG, PNG, sprite and more.
Ученые предложили развивать космический интернет на основе гравитационных линз.
Universe Today
Gravitational Lenses Could Allow a Galaxy-Wide Internet
We could gravitationally lens radio signals to communicate with space probes at other stars. Maybe even communicate across the galaxy.
Подборка плагинов для IDE
Попросили наших разработчиков поделиться полезными расширениями, которые они сами используют.
Code Spell Checker
Мастхэв для тех, у кого не идеальный английский. Расширение подсвечивает грамматические ошибки прямо в коде и предлагает варианты правильного написания.
Аналог для WebStorm → Spellchecking
GitLens — Git supercharged
Показывает, кто и когда закоммитил конкретную строчку кода, позволяет быстро просмотреть историю изменения файла и еще много чего полезного.
Аналог для WebStorm → GitToolBox
Webhint
Предупреждает при использовании кода со слабой браузерной поддержкой, помогает с настройкой манифеста для PWA и напоминает про доступность: например, если вы забыли указать лейблы для инпутов или оставили картинку без атрибута alt.
Полный список правил можно посмотреть по ссылке: https://webhint.io/docs/user-guide/hints/
Только для VS Code
Prettier
Де-факто стандартный форматтер кода. Мастхэв.
Для WebStorm → Prettier
ESLint
Линтер для JS и TypeScript, который отлично работает в связке с Prettier. Мастхэв
Для WebStorm → ESLint
Import Cost
Подписывает, сколько килобайтов добавит очередная импортированная библиотека. Хорошая штука, которая поможет уберечь от случайного раздутия бандла вашего приложения.
Для WebStorm → Import Cost
VSCODE POWER MODE
Когда по-простому уже не вставляет. Плагин добавляет взрывы и тряску, когда печатаешь код.
На правах бонуса
Попросили наших разработчиков поделиться полезными расширениями, которые они сами используют.
Code Spell Checker
Мастхэв для тех, у кого не идеальный английский. Расширение подсвечивает грамматические ошибки прямо в коде и предлагает варианты правильного написания.
Аналог для WebStorm → Spellchecking
GitLens — Git supercharged
Показывает, кто и когда закоммитил конкретную строчку кода, позволяет быстро просмотреть историю изменения файла и еще много чего полезного.
Аналог для WebStorm → GitToolBox
Webhint
Предупреждает при использовании кода со слабой браузерной поддержкой, помогает с настройкой манифеста для PWA и напоминает про доступность: например, если вы забыли указать лейблы для инпутов или оставили картинку без атрибута alt.
Полный список правил можно посмотреть по ссылке: https://webhint.io/docs/user-guide/hints/
Только для VS Code
Prettier
Де-факто стандартный форматтер кода. Мастхэв.
Для WebStorm → Prettier
ESLint
Линтер для JS и TypeScript, который отлично работает в связке с Prettier. Мастхэв
Для WebStorm → ESLint
Import Cost
Подписывает, сколько килобайтов добавит очередная импортированная библиотека. Хорошая штука, которая поможет уберечь от случайного раздутия бандла вашего приложения.
Для WebStorm → Import Cost
VSCODE POWER MODE
Когда по-простому уже не вставляет. Плагин добавляет взрывы и тряску, когда печатаешь код.
На правах бонуса
Помните, как в 2019 году стала сенсацией первая в мире фотография черной дыры? Так вот, ученые сделали более качественное фото.
Выглядит завораживающе 🌀
Выглядит завораживающе 🌀
Занимательная статья о том, что из себя представляют эмоджи «под капотом» 🙌
tonsky.me
Emoji under the hood
Detailed look into all the machinery involved in rendering Emoji
В Windows 95 нашли скрытую пасхалку спустя 25 лет.
Twitter
Albacore
It's never too late to find easter eggs. Happened to notice what looks like a never before seen easter egg in Windows 95's / IE4's Internet Mail. You have to open its About window, select one of the files, and type MORTIMER. Names of the program's developers…
Помните мем «Наташ, вставай, мы там все уронили»? Автор решил зарегистрировать фразу как товарный знак.
Некоторые воспринимают информацию не как продукт, за который нужно платить, а как что-то, что может свободно распространяться всеми кто ею владеет. Но ситуация с регистрацией ТЗ на мем для некоторых может показаться абсурдной, хотя с юридической точки зрения у автора есть такое право.
С другой стороны, а чем в такой системе координат мем отличается от любой другой интеллектуальной собственности — приложения, рисунка или песни? Получается, если мы платим за пользование сервисами, то и за мемы нужно платить? И наоборот: если не платим за мемы, то и пиратить игры и фильмы правильно, и не должно наказываться законом.
Некоторые воспринимают информацию не как продукт, за который нужно платить, а как что-то, что может свободно распространяться всеми кто ею владеет. Но ситуация с регистрацией ТЗ на мем для некоторых может показаться абсурдной, хотя с юридической точки зрения у автора есть такое право.
С другой стороны, а чем в такой системе координат мем отличается от любой другой интеллектуальной собственности — приложения, рисунка или песни? Получается, если мы платим за пользование сервисами, то и за мемы нужно платить? И наоборот: если не платим за мемы, то и пиратить игры и фильмы правильно, и не должно наказываться законом.
This media is not supported in your browser
VIEW IN TELEGRAM
Boston Dynamics показали миру новую модель робота 🤖
🖐 Поднимите руки, кто помнит змейку на старых кирпичиках. Нашли интересную статью о том, как появилась легендарная игра и как она повлияла на современные мобилки.
It's Nice That
The history of Snake: How the Nokia game defined a new era for the mobile industry
After launching in 1997 on the Nokia 6110, Snake quickly became a phenomenon. The game’s developer Taneli Armanto discusses its origin and digital legacy.
Apple предложила разработчикам обходить правила App Store при помощи PWA
Apple в своем ответе на жалобу австралийской комиссии по защите прав потребителей (Australian Competition and Consumer Commission, ACCC) заявила, что разработчики и пользователи iOS могут обойти требования App Store, воспользовавшись PWA.
Примечательно, что команда браузера Safari и движка WebKit намеренно не улучшает поддержку прогрессивных веб-приложений, так как PWA представляют конкуренцию App Store, который приносит значительный доход Apple. Так, например, в ходе WWDC 2020 компания Apple объявила, что не будет реализовывать в Safari поддержку целых 16 Web API для создания прогрессивных веб-приложений. Среди них, например, Web NFC API, Web HID API и Web Serial API, поддержку которых недавно добавила в свой браузер команда Google Chrome.
Ситуация обостряется ещё и тем, что на iOS, согласно требованиям всё того же App Store, все браузеры без исключения, включая Google Chrome, Mozilla Firefox и др., вынуждены использовать движок WebKit вместо своего собственного движка — Blink, Gecko и др. То есть, по сути, эти браузеры являются Safari только с другим пользовательским интерфейсом со всеми вытекающими ограничениями в поддержке различных Web API.
Примечательно также и то, что это первый раз, когда Apple использовала термин PWA (Progressive Web Apps) с момента его появления. До этого Apple всячески избегала этого термина, называя прогрессивные веб-приложения либо просто "web apps" — веб-приложениями, либо "home screen web apps" — веб-приложениями, которые можно добавить на главный экран.
Apple в своем ответе на жалобу австралийской комиссии по защите прав потребителей (Australian Competition and Consumer Commission, ACCC) заявила, что разработчики и пользователи iOS могут обойти требования App Store, воспользовавшись PWA.
Примечательно, что команда браузера Safari и движка WebKit намеренно не улучшает поддержку прогрессивных веб-приложений, так как PWA представляют конкуренцию App Store, который приносит значительный доход Apple. Так, например, в ходе WWDC 2020 компания Apple объявила, что не будет реализовывать в Safari поддержку целых 16 Web API для создания прогрессивных веб-приложений. Среди них, например, Web NFC API, Web HID API и Web Serial API, поддержку которых недавно добавила в свой браузер команда Google Chrome.
Ситуация обостряется ещё и тем, что на iOS, согласно требованиям всё того же App Store, все браузеры без исключения, включая Google Chrome, Mozilla Firefox и др., вынуждены использовать движок WebKit вместо своего собственного движка — Blink, Gecko и др. То есть, по сути, эти браузеры являются Safari только с другим пользовательским интерфейсом со всеми вытекающими ограничениями в поддержке различных Web API.
Примечательно также и то, что это первый раз, когда Apple использовала термин PWA (Progressive Web Apps) с момента его появления. До этого Apple всячески избегала этого термина, называя прогрессивные веб-приложения либо просто "web apps" — веб-приложениями, либо "home screen web apps" — веб-приложениями, которые можно добавить на главный экран.
Twitter
Alexey Rodionov
It looks like Apple has used the term PWA for the first time, in the evidence to the Australian Competition and Consumer Commission (ACCC). 👀accc.gov.au/system/files/A… /cc @firt @slightlylate #PWA #ProgressiveWebApps
🚪 На днях кто-то пытался встроить бэкдор в репозиторий PHP, но попытку пресекли. После инцидента команда намерена полностью переехать на GitHub.
На сайте Apple появился анонс ежегодной конференции для разработчиков WWDC — она пройдет с 7 по 11 июня, снова в онлайн-формате. Как думаете, покажут что-то из новых девайсов?
Apple Developer
WWDC24
Join the worldwide developer community online for a week of technology and creativity.
This media is not supported in your browser
VIEW IN TELEGRAM
🧭 В Google Maps появилась навигация внутри помещений
Функцию реализовали с помощью искусственного интеллекта, AR и сервиса Street View. Пока что нововведение доступно в нескольких торговых центрах в США.
Функцию реализовали с помощью искусственного интеллекта, AR и сервиса Street View. Пока что нововведение доступно в нескольких торговых центрах в США.
Lucasfilm показали первый трейлер нового анимационного сериала — Star Wars: The Bad Batch.
Премьера состоится 4 мая. Вопрос знатокам: почему именно в этот день?
Премьера состоится 4 мая. Вопрос знатокам: почему именно в этот день?
YouTube
Star Wars: The Bad Batch | Official Trailer | Disney+
Check out the brand-new trailer for Lucasfilm’s “Star Wars: The Bad Batch,” an original animated series launching exclusively on Disney+. “Star Wars: The Bad Batch” makes its debut on Tuesday, May 4, with a special 70-minute premiere, followed by new episodes…
Некоторым пользователям Google Chrome на Android в качестве A/B-теста стал доступен новый UI установки PWA, который теперь отображает описание и скриншоты приложения, как в Google Play или App Store.
Кстати, идею отображать пользователям больше информации из веб-манифеста при установке PWA предложил и визуализировал с просьбой голосовать за неё в баг-трекере Chromium наш ведущий frontend-разработчик Mercury и евангелист PWA Алексей Родионов (пруф). 😎
Поля denoscription и screenshots уже давно описаны в тексте спецификации W3C Web Application Manifest, но до этого никак не использовались.
Если вы не попали в A/B-тест, то пощупать новый UI установки PWA всё равно можно, например, на сайтах https://twitter.com или https://squoosh.app, включив экспериментальный флаг
А недавно Алексей предложил и визуализировал похожую идею, но уже для десктопной, а не мобильной версии браузера. Голосуйте за эту идею, ставя ⭐️ (звёзды) в https://crbug.com/1168211, если хотите, чтобы она тоже была реализована. 🤞
Кстати, идею отображать пользователям больше информации из веб-манифеста при установке PWA предложил и визуализировал с просьбой голосовать за неё в баг-трекере Chromium наш ведущий frontend-разработчик Mercury и евангелист PWA Алексей Родионов (пруф). 😎
Поля denoscription и screenshots уже давно описаны в тексте спецификации W3C Web Application Manifest, но до этого никак не использовались.
Если вы не попали в A/B-тест, то пощупать новый UI установки PWA всё равно можно, например, на сайтах https://twitter.com или https://squoosh.app, включив экспериментальный флаг
chrome://flags/#mobile-pwa-install-use-bottom-sheet. 😉А недавно Алексей предложил и визуализировал похожую идею, но уже для десктопной, а не мобильной версии браузера. Голосуйте за эту идею, ставя ⭐️ (звёзды) в https://crbug.com/1168211, если хотите, чтобы она тоже была реализована. 🤞
В Spotify появятся голосовые чаты
Предполагается, что в там будут обсуждать спортивные и музыкальные события, а музыканты смогут общаться со своей аудиторией. Для этого компания купила конкурента Clubhouse.
Предполагается, что в там будут обсуждать спортивные и музыкальные события, а музыканты смогут общаться со своей аудиторией. Для этого компания купила конкурента Clubhouse.
Spotify
Spotify Acquires Locker Room and Announces Plans for a New Live Audio Experience
During Spotify’s first-ever Stream On event last month, we explored the journey of creation, the promise of interactivity, and the investments we’re making to further unlock audio’s potential. Today, we are announcing that Spotify has acquired Betty Labs…