Публикации по теме 'tailwind-css'


Быстрый способ реализовать darkmode в Nuxt.js и Tailwindcss - Corona Virus Tracker
В наши дни Darkmode набирает обороты и внедряется почти повсюду в сети и в приложениях, поэтому я подумал о том, чтобы реализовать его в одном из моих побочных проектов tvflix.co v2, который создается с помощью tailwind и nuxt. Темный режим - хороший опыт для пользователей, которые посещают ваши веб-страницы, и многие пользователи просили о нем, и его было немного сложно создать ранее, мы сделаем его простым и модульным способом. Сегодня мы сделаем небольшую веб-страницу и реализуем..
Первый взгляд на Svelte&Tailwind с примером приложения чата Socket.io🚀
Здравствуйте, в этой статье мы сначала рассмотрим Svelte и Tailwind CSS. В начале разработки моего проекта выходного дня я начал с React и заметил, что мне очень скучно использовать управление состоянием, и начал искать новое путешествие. Тогда мне на ум пришел Svelte, и я начал с Svelte Tutorial . Спустя два часа я начал с самого начала свой проект со Svelte. В Svelte разработка и результаты происходят очень быстро. Я начал думать, что если я начну изучать новую технологию, то..
Отзывчивый интерфейсный компонент с интеграцией TailwindCSS + Svelte + DaisyUI?
Продолжайте строить! Чтобы следовать этому руководству, вам потребуется следующее: – Базовое понимание HTML, CSS и JavaScript. – Базовое знание CSS Tailwind и служебных классов. Начиная Инициализируйте наш новый проект, используя игровую площадку Svelte из CodeSandbox или используйте один из их шаблонов, доступных на Github . # Creating a new project npx degit sveltejs/template # Install the dependencies… npm install …затем запустите Rollup. npm run dev Перейдите на..
Мой шаблон Next.js + Tailwind
Введение Недавно начал работать с Next.js, и это изменило мою игру. Изначально я перешел с Vue на React, но, посмотрев пару видео о Next, решил перейти на него next (каламбур 😂). Вот мой шаблонный код, который я использую для каждого проекта. Настройка Next.js Во-первых, нам нужно настроить наше приложение Next.js. npx create-next-app <project-name> Как только он будет создан, cd в проект cd <project-name> Настройка CSS попутного ветра Теперь нам нужно..
Создание портативных настольных приложений с помощью Tauri, Svelte и Tailwind  —  Часть №1
Ускоренный курс по разработке мультиплатформенных приложений Это первая часть короткой серии руководств по созданию мультиплатформенных настольных приложений для Windows, MacOSX и Linux с использованием веб-технологий (HTML, JS, CSS). Плюсы и минусы портативной и нативной разработки широко обсуждаются. Портативный…
Parcel, React и Tailwind на Луну
В последние годы, благодаря современным технологиям, разработка веб-приложений стала проще, чем когда-либо. В этой статье я покажу вам, как сделать это еще проще с помощью Parcel, Tailwind и React. Parcel — это легкий и быстрый сборщик для веб-приложений, который позволяет вам легко и эффективно управлять своим проектом. Tailwind — это CSS-фреймворк, используемый для создания чистых современных интерфейсов, а React — это React и не нуждается в представлении. Без лишних слов давайте..
Material UI против Chakra против Bootstrap против Ant Design: плюсы, минусы и рекомендации
Какой из них выбрать? Библиотеки пользовательского интерфейса (UI) упростили создание единого дизайна для всего приложения. Библиотека пользовательского интерфейса — это набор готовых компонентов многократного использования, которые можно легко применить к внешнему проекту. Эти библиотеки являются благом для новичков, поскольку они избавляют от необходимости создавать множество стандартных блоков, таких как кнопки и модальные окна, с нуля. Превосходная библиотека пользовательского..