/tailwindcss-design-to-css

Sadece Tailwind Kullanarak Tasarımı Birebir Olarak CSS'e Dökme İşlemi

Primary LanguageCSS

Tailwind Landing Page - Figma to "only" Tailwind

Selamlar, Figma'dan gelen tasarımı sadece Tailwind kullanmaya çalışarak kullanılabilir bir internet sitesine çevirme işlemi gerçekleştirdim. Aşağıda ki GIF'lerden son halini görebilirsiniz. İşlemlerin nasıl yapıldığını da adım adım olarak burada ki "TailwindKullanimi.pdf" dosyasından ulaşabilirsiniz.

Kurulum

Tailwind kurulumu

npm install

İşlemler input.css dosyasında gerçekleşiyor. Tailwind dosya yapısı ise css/main.css

npm run watch

Çalıştırma işlemini build yapabiliriz.

npm run build

Bu işlemler nasıl yapıldığını ve Tailwind kullanımı hakkında oluşturmuş olduğum içeriğime ulaşmak için

"TailwindKullanimi.pdf"

Ekran Görüntüleri

Alt text

--

Alt text

Traversy Media'ya teşekkürler.