Годных инструментов вам в ленту: MightyMeld — набор предварительно настроенных веб-компонентов
Это — большая база компонентов, которые полностью совместимы с Tailwind CSS и React. Просто выбираете нужный объект из большой библиотеки шаблонов, перетаскиваете его на рабочую панель и настраиваете под свои нужды. В проекте есть встроенный ИИ ассистент.
Основная функицональность инструмента бесплатна, но есть и платные фичи: https://www.mightymeldfortailwind.com/
#инструменты #react #css
Это — большая база компонентов, которые полностью совместимы с Tailwind CSS и React. Просто выбираете нужный объект из большой библиотеки шаблонов, перетаскиваете его на рабочую панель и настраиваете под свои нужды. В проекте есть встроенный ИИ ассистент.
Основная функицональность инструмента бесплатна, но есть и платные фичи: https://www.mightymeldfortailwind.com/
#инструменты #react #css
Forwarded from IT Юмор
Media is too big
VIEW IN TELEGRAM
Old but gold: Сквозь тернии к core-у, или процесс компиляции Vue
Сегодня Vue пользуется огромной популярностью, успешно конкурируя с React. У него есть и удобные шаблоны, и однофайловые компоненты, и хранилище состояний и многое другое прямо «из коробки».
Но как это всё работает и компилируется? В этой статье вы найдёте ответ: https://habr.com/ru/companies/nordclan/articles/690522/
#фронтенд #vue
Сегодня Vue пользуется огромной популярностью, успешно конкурируя с React. У него есть и удобные шаблоны, и однофайловые компоненты, и хранилище состояний и многое другое прямо «из коробки».
Но как это всё работает и компилируется? В этой статье вы найдёте ответ: https://habr.com/ru/companies/nordclan/articles/690522/
#фронтенд #vue
«Продуктовый подход к пет-проекту или как я разработал музыкальное веб-приложение»
В статье автор рассказывает, как создавал стриминговое веб-приложение и что будет, если смотреть на пет-проект не как на лабораторную работу, а как на будущий продукт: https://habr.com/ru/articles/803673/
#карьера #петпроект
В статье автор рассказывает, как создавал стриминговое веб-приложение и что будет, если смотреть на пет-проект не как на лабораторную работу, а как на будущий продукт: https://habr.com/ru/articles/803673/
#карьера #петпроект
Лайфхак для скучных созвонов — фон с кивающе-вовлечённым лицом. Страшно представить, сколько нервов и времени он способен сэкономить...
10 лучших JavaScript-фреймворков в 2024 году — какой фреймворк учить?
Англоязычный YouTube-канал Hostinger Academy в новом видео рассмотрел 10 лучших фреймворков для JavaScript в 2024 году, чтобы выяснить, какой из них стоит учить больше прочих.
А мы перевели всё это дело на русский: https://tproger.ru/articles/10-luchwih-javascript-frejmvorkov-v-2024-godu--kakoj-frejmvork-uchit
#javascript #тренды
Англоязычный YouTube-канал Hostinger Academy в новом видео рассмотрел 10 лучших фреймворков для JavaScript в 2024 году, чтобы выяснить, какой из них стоит учить больше прочих.
А мы перевели всё это дело на русский: https://tproger.ru/articles/10-luchwih-javascript-frejmvorkov-v-2024-godu--kakoj-frejmvork-uchit
#javascript #тренды
Изучаем CSS Flex и Grid в фэнтезийном путешествии
Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.
Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games
#css #игры
Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.
Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games
#css #игры
Figma объявила о выпуске бета-версии Code Connect — функции, созданной для упрощённого внедрения дизайн-систем
Code Connect — это утилита, предоставляемая через npm для проектов JavaScript и TypeScript, а также как диспетчер пакетов Swift для проектов SwiftUI.
Это позволяет дизайнерам и разработчикам эффективно сотрудничать в рамках различных рабочих процессов, легко устанавливать и использовать в своих проектах независимо от платформы. В ближайшее время появится дополнительная поддержка платформ.
При этом разработчик при переходе в макет сразу видит эту документацию и код, в том числе одобренные и поддерживаемые образцы, опубликованные командой систем проектирования. Благодаря тому, что разработчикам не нужно переписывать компоненты, им требуется поддерживать меньше кода.
Инструмент будет полезным при масштабировании команд, так как облегчит им синхронизацию работы и соблюдение требований дизайн-систем.
В конце января Figma закрыла Dev Mode для пользователей бесплатного тарифа. Теперь он стоит $12 в месяц. Dev Mode — это режим разработки, который позволяет быстро переводить проекты в код. Там доступен код элементов разных платформ, можно создавать плагины под различные фреймворки, представлена интеграция с VSCode, позволяющая смотреть дизайн прямо в среде разработки.
#дизайн #figma
Code Connect — это утилита, предоставляемая через npm для проектов JavaScript и TypeScript, а также как диспетчер пакетов Swift для проектов SwiftUI.
Это позволяет дизайнерам и разработчикам эффективно сотрудничать в рамках различных рабочих процессов, легко устанавливать и использовать в своих проектах независимо от платформы. В ближайшее время появится дополнительная поддержка платформ.
При этом разработчик при переходе в макет сразу видит эту документацию и код, в том числе одобренные и поддерживаемые образцы, опубликованные командой систем проектирования. Благодаря тому, что разработчикам не нужно переписывать компоненты, им требуется поддерживать меньше кода.
Инструмент будет полезным при масштабировании команд, так как облегчит им синхронизацию работы и соблюдение требований дизайн-систем.
В конце января Figma закрыла Dev Mode для пользователей бесплатного тарифа. Теперь он стоит $12 в месяц. Dev Mode — это режим разработки, который позволяет быстро переводить проекты в код. Там доступен код элементов разных платформ, можно создавать плагины под различные фреймворки, представлена интеграция с VSCode, позволяющая смотреть дизайн прямо в среде разработки.
#дизайн #figma
Я: Начинаю использовать новый фреймворк, не читая документацию.
Также я после того, как уронил прод:
Также я после того, как уронил прод:
Чек-лист для проверки доступности вашего сайта для всех пользователей
Хорошая и важная статья, в которой обсуждается доступность сайтов для всех пользователей. Контрольный список включает тестирование с помощью инструментов проверки специальных возможностей, использование семантического HTML, использование альтернативного текста для изображений и пиктограмм и других возможностей.
Несложное, но большое дело — проверить свой сайт на выполнение всех пунктов: https://sarahabd.com/blog/my-accessibility-review-checklist
#тестирование #лучшиепрактики #интерфейс
Хорошая и важная статья, в которой обсуждается доступность сайтов для всех пользователей. Контрольный список включает тестирование с помощью инструментов проверки специальных возможностей, использование семантического HTML, использование альтернативного текста для изображений и пиктограмм и других возможностей.
Несложное, но большое дело — проверить свой сайт на выполнение всех пунктов: https://sarahabd.com/blog/my-accessibility-review-checklist
#тестирование #лучшиепрактики #интерфейс
Упрощаем отладку компонентов UI с помощью удобного расширения
Это Preview.js — удобное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.
Здесь вы можете посмотреть все возможности плагина и установить его: https://previewjs.com/
#инструмент #фронтенд
Это Preview.js — удобное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.
Здесь вы можете посмотреть все возможности плагина и установить его: https://previewjs.com/
#инструмент #фронтенд
Представьте, что вам выпала возможность передать себе из прошлого совет
Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.
Расскажите. Вдруг, кто-то прямо сейчас сделает правильные выводы и возьмет ваш совет на заметку.
#обсуждение
Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.
Расскажите. Вдруг, кто-то прямо сейчас сделает правильные выводы и возьмет ваш совет на заметку.
#обсуждение
Функциональное программирование от А до Я на примере JavaScript: монады, функторы, каррирование, композиция
Если интересовались функциональное программированием, это видео для вас. В нем разобрали декларативность, чистые функции и сайд-эффекты, иммутабельность (неизменяемость), функции первого класса, функции высшего порядка, композицию/конвейер, частичное применение и каррирование, контейнеры, функторы и другие темы.
Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=ScgmlDb5ed4
#javascript #лучшиепрактики
Если интересовались функциональное программированием, это видео для вас. В нем разобрали декларативность, чистые функции и сайд-эффекты, иммутабельность (неизменяемость), функции первого класса, функции высшего порядка, композицию/конвейер, частичное применение и каррирование, контейнеры, функторы и другие темы.
Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=ScgmlDb5ed4
#javascript #лучшиепрактики
Ничего необычного, просто веб-разработчик пытается освоить новый фреймворк до того, как он устареет:
Как управлять большими и маленькими командами в IT и не выгореть
Руководитель проектов в банке на примере моторной лодки объясняет как выстраивать рабочие процессы и коммуникацию внутри команд.
Ещё расскажет как и зачем выращивать молодых лидеров и поделится личным опытом и ошибками.
Руководитель проектов в банке на примере моторной лодки объясняет как выстраивать рабочие процессы и коммуникацию внутри команд.
Ещё расскажет как и зачем выращивать молодых лидеров и поделится личным опытом и ошибками.
SEO для разработчиков: что нужно знать программистам в 2024 году
В статье рассмотрели технические основы SEO: что нужно знать о мета-тегах, микроразметке, UX/UI, карте сайта, коде 404, подзаголовках: https://tproger.ru/articles/seo-dlya-razrabotchikov--chto-nuzhno-znat-programmistam-v-2024-godu--osnovnye-trebovaniya-k-razrabotke-sajta
#seo #советы
В статье рассмотрели технические основы SEO: что нужно знать о мета-тегах, микроразметке, UX/UI, карте сайта, коде 404, подзаголовках: https://tproger.ru/articles/seo-dlya-razrabotchikov--chto-nuzhno-znat-programmistam-v-2024-godu--osnovnye-trebovaniya-k-razrabotke-sajta
#seo #советы
