Editör Puanları: Kullanıcı Puanları:[Toplam: 0 Ortalama: 0] @media(min-genişlik: 500px) { } @media(min-genişlik: 800px) { }
Tailwindgen, kullanabileceğiniz basit bir çevrimiçi Tailwind kılavuz oluşturucudur. Sizden çok sayıda satır ve sütun alır ve ardından HTML koduyla birlikte görsel olarak bir ızgara düzeni oluşturur. Gerekli tüm Tailwind sınıfları koda dahil edilmiştir ve hatta bunun için React eşdeğer kodunu bile oluşturabilir.
Daha önce CSS ızgara oluşturucularını ele almıştık. Buradaki Tailwindgen, özel CSS sınıfları yerine bu aracın, Tailwind CSS sınıfları ekleyerek ızgarayı oluşturması dışında bir nevi aynıdır. İyi yanı, size, istenen şekle sahip bir ızgara elde etmek için özel satırlar ve sütunlar belirtebileceğiniz görsel bir ızgara oluşturucu sağlamasıdır.
Tailwind kullanarak CSS Izgarası Oluşturmak için Tailwindgen’i Kullanma:
Tailwindgen web sitesinin kullanımı tamamen ücretsizdir. Başlamak için bir kayıt veya kayıt sayfası bile yok. buradan ana web sitesini ziyaret edin ve hemen kullanmaya başlayın. Web sitesinin ana arayüzü şu şekilde görünüyor.
Şimdi satır ve sütun sayısını seçmeniz gerekiyor. Ardından, belirli satırları ve sütunları seçerek bir ızgara düzeni seçmeniz ve özel bir düzen oluşturmanız gerekir. Düzeni istediğiniz şekilde belirtebilirsiniz ve tüm bunlar için kodu kolayca oluşturabilecektir.
Daha aşağı kaydırın ve burada sizin için oluşturduğu kodu göreceksiniz. CSS ve HTML kodunu kopyalayın ve ardından projelerinizde kullanın. Burada iyi olan şey, HTML dışında, React bileşenlerini JSX olarak kodlayan kod oluşturmasıdır. ReactJS’de Tailwind ızgarasını kullanmayı düşünüyorsanız bunu da kopyalayabilirsiniz.
Bu şekilde, Tailwind öğütme oluşturmak ve herhangi bir ön uç projenizde kullanmak için bu basit yöntemi de kullanabilirsiniz. Bununla, ızgara düzenini elle kodlamayacaksınız. Bu araca yer işareti koyun ve istediğiniz zaman kullanın.
Düşüncelerinizi kapatın:
Tailwind CSS son zamanlarda popülerlik kazanıyor ve her gün onun için yeni yardımcı araçlar kullanıma sunuluyor. Bir web sitesi veya web uygulaması için bazı kullanıcı arayüzleri tasarlamak için ihtiyacınız olan temel yapı taşlarından biri. Bu nedenle, bir Tailwind ızgara oluşturucuya ihtiyacınız varsa burada sizi hayal kırıklığına uğratmayacak birinden bahsetmiştim.
