Skip to content

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

Notifications You must be signed in to change notification settings

RSametSamyeli/tailwindcss-design-to-css

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published