Tailwind Weekly #95: Heroicons v2.0 здесь 🥳 🚀!

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


Привет, друзья!

Heroicons v2.0 вышел, друзья 🎉 . Этот запуск долго готовился, и вот он наконец-то состоялся! Загляните в раздел новостей для получения дополнительной информации.

Мы также решили добавить раздел вакансий и разместить объявления с официальной доски вакансий Tailwind CSS, если вы хотите добавить свои, то загляните в раздел для получения дополнительной информации.

🌟 Новости

Красивые 😍

Поприветствуйте новые Heroicons!

Мы получили совершенно новый дизайн, новый набор сплошных шрифтов 24px и 260 иконок, перерисованных с нуля, причем в контурной версии используется более тонкий штрих 1.5px.

Иконки также доступны в виде библиотек React и Vue и официальных компонентов Figma, так что мы получили полный комплект 😎.

🤩 Спонсоры


Спонсором этого выпуска является браузерное расширение DevTools for Tailwind CSS. DevTools for Tailwind возвращает проектирование и отладку в ваш браузер. Автодополнение Intellisense, полная поддержка JIT-движка в минифицированных производственных сайтах и многое другое. Получите скидку 20%, если используете код TAILWIND-WEEKLY при оформлении заказа.


Polypane — это отличный инструмент для тестирования отзывчивого дизайна и доступности вашего проекта. Я использую его ежедневно для своей фронтенд работы и это 👌. Если вы зарегистрируетесь по этой ссылке, вы получите 20% скидку на подписку, которая будет применена при оформлении заказа.

📚 Обучение

Все, что разработчики должны знать о Figma

Этот учебник — не обычный пост «как использовать Figma», а отличное руководство по наиболее распространенным и продвинутым функциям и их полезности для разработчиков. Отличное чтение, если вы работаете над переводом дизайна Figma в код.

Как сделать ваш многоязычный сайт пригодным для RTL с помощью только HTML и CSS

Эта статья короткая, милая и прямо в точку. В ней есть 3 совета для вас, если вы работаете над добавлением поддержки RTL на свой сайт. Третий совет «Дать шрифтам диапазоны юникода» был тем, о котором я раньше не слышал, и оказался довольно интересным.

Как изменить базовый размер шрифта Tailwind CSS

Написано мной! Недавно я работал над проектом по миграции старой базы кода с Bootstrap на Tailwind CSS, и первоначальный разработчик сделал весь html { font-size: 10px; }, поэтому пришлось найти способ обойти это для Tailwind, и в этом посте объясняется, как я это сделал. Надеюсь, вы найдете его полезным!

💅 Показать

Bump

Дизайн Bump простой и чистый, с красивыми голубыми оттенками, милыми иконками и стилизованными скриншотами. Копия здесь — король, и мне особенно понравился дизайн раздела отзывов.

Для любопытных вот описание Bump:

Создайте мощный человеко-ориентированный рабочий процесс для ваших API. Bump документирует, диффундирует и валидирует изменения в API непрерывно. Это позволит вам сосредоточиться на главном — создании вашего продукта.

🎁 Ресурс

a17t

a17t — это плагин Tailwind CSS, который предоставляет предварительно созданные компоненты, такие как field, button, и card в вашем проекте. Я бы сказал, что дизайн очень минималистичен, и мне кажется любопытным, как они используют такие префиксы, как ~ и @. В целом, это отличный ресурс, если вам нравится дизайн и вы хотите быстро кодировать с помощью готовых компонентов.

💼 Популярные вакансии

Laravel Developer — Полная занятость — Удаленная / США — Mindsize

Ведущий разработчик Tailwind — Полная занятость — Удаленная / США — CMS Max

Старший Frontend Engineer — Полная занятость — Удаленная / Везде — Lugg

⭐ Хотите добавить свою вакансию сюда? Смотрите больше информации.

👌 Продвигаемые ссылки

Примечание: Некоторые из этих ссылок являются партнерскими, что означает, что я получаю определенную компенсацию, если вы покупаете через них, но я обещаю, что рекомендую только те продукты, которые мне действительно нравятся!

Станьте профессионалом в создании компонентов и макетов с помощью CSS Flexbox и Grid с помощью электронной книги «Полное руководство по CSS Flex и Grid» Шрути Баласа. Я действительно прочитал эту книгу и полюбил ее. Я использую flexbox и CSS grid уже много лет, но все равно узнал из книги много нового.

Управляйте всеми своими проектами и задачами наиболее организованно и эффективно. Используйте шаблон управления проектами Notion, чтобы не отвлекаться и создать надежную структуру для своих деловых или личных проектов.

Не зря более 2,6 миллиона человек начинают свой день с Morning Brew — ежедневной электронной рассылки, которая доставляет последние новости от Уолл-стрит до Кремниевой долины. Деловые новости не обязательно должны быть сухими и скучными… сделайте свое утро более приятным бесплатно.

Становитесь умнее каждый день. Каждый день Refind подбирает для вас 7 ссылок из интернета с учетом ваших интересов. Его любят более 50 тысяч любопытных умов. Подпишитесь бесплатно сегодня.

✌️ Партнеры

CSS Simplified от Shruti Balasa: Один простой совет по CSS каждую среду из ее десятилетнего опыта прямо в ваш почтовый ящик.

TypeScript Weekly: лучшие ссылки по TypeScript каждую неделю, прямо в ваш почтовый ящик.

Новости ES.next: узнайте о последних новинках JavaScript и кроссплатформенных инструментах.

Хотите поделиться чем-то с сообществом TailwindCSS? Вы можете прислать ссылку или написать мне в Twitter @vivgui.

Хотите поддержать рассылку? Вы можете купить мне кофе по ссылке ниже 😁.

Оцените статью
devanswers.ru
Добавить комментарий