Web sitesi layout nasıl oluşturuyorsunuz?
Merhaba, Frontend developer arkadaşlar size sorum var :D Bir web sitesi tasarlayacaksınız diyelim.
Bu web sitesinin layoutunu nasıl hazırlıyorsunuz? Grid mi Flex mi kullanıyorsunuz?
Projeye başlamadan önce neler yapıyorsunuz adımlarınız neler oluyor.
Ben web sitesi layoutun da ciddi problemler yaşıyorum. Oluşturamıyorum bana tavsiyeler verir misiniz? Layout oluşturma işini Grid ile nasıl kavrayabilirim?
Layout Hazırlama
Yapılacak bir sitenin şemasını oluştururken ilk örnek tasarımlarına bakıyorum, kopyalama değil ama sadece örnek alma olarak bakıyorum. Bu aşamadan sonra kendi kafamda bir şema düşünüyorum genelde ben çok az bir karalama yapıyorum ama sen istesen Figma Photoshop gibi platformlardan bile yapabilirsin.
Grid mi ? Flex mi ?
Bu konuda ikisini karşılaştırma yapamayacağım ama ben genelde Flex yapısını kullanıyorum gereken yerler olursa da Grid yapısını da kullanıyorum sana bunu en büyük örneğini Tayfun abinin TailwindCSS derlerinde 2. dersten verebilirim yapıyı flex ile oluşturdu ama gerekli olan bir yerde grid yapısını kullandı
Tailwind CSS -2 / Gelişme (Örnek bir site tasarlama)
Yapıları Kavrama
Flex veya Grid farketmeksizin oluşturmada sorun çekmen bence pratik yapmamanda olabilir eğer yapmıyorsan tabii ki. Bunu en kısa yoldan da internette kaynakları aratarak (Flex ve Grid ile alakalı) bulabilirsin ve buradaki içerikleri izleyerek temelini oluşturur ve devamını da kendin örnekler yaparak kavrayabilirsin ama bunu sürekli kavrayana kadar yapman lazım yoksa hiçbir şey değişmez. Prototurk kanalında Tayfun abinin anlatımı var Css Grid (Izgara) Sistemi veya CSS Tricks sayfasına bakabilirsin. Ben şahsen bir türlü anlamakta zorluk çektiğim flex yapısını bu sitedeki flex yapısı dökümanını okuyarak anladım.