Web sitesi layout nasıl oluşturuyorsunuz?

yone1108 · 18 Mart 2023

Merhaba, Frontend developer arkadaşlar size sorum var

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?

bonz · 19 Mart 2023

Ben şu şekilde yapıyorum. Öncelikle kafamda kuruyorum. Ardından dosyalarımı ayarlıyorum. İstersen figma kullanabilirsin layout'u orada oluşturursun ve ardından koda dökersin. Hem Flex hemde grid kullanıyorum. O yapacağım şeye göre değişiyor. Yanlış anlama, mesela headerı Flex ile yapıyorum. Footer'ı grid ile yapıyorum mesela. Hangisi yapacağın işte daha kolay ve düzgün yapıyorsa onu tercih et.

Mesela Udemy sitesinin klonunu yapmıştım. Bazı kısımda grid bazı kısımda Flex kullanmıştım istersen bak. Fikir oluşturur.

Udemy | Clone

udemy-com-clone.vercel.app

yone1108 · 19 Mart 2023

bonz dedi:
Ben şu şekilde yapıyorum. Öncelikle kafamda kuruyorum. Ardından dosyalarımı ayarlıyorum. İstersen figma kullanabilirsin layout'u orada oluşturursun ve ardından koda dökersin. Hem Flex hemde grid kullanıyorum. O yapacağım şeye göre değişiyor. Yanlış anlama, mesela headerı Flex ile yapıyorum. Footer'ı grid ile yapıyorum mesela. Hangisi yapacağın işte daha kolay ve düzgün yapıyorsa onu tercih et.

Mesela Udemy sitesinin klonunu yapmıştım. Bazı kısımda grid bazı kısımda Flex kullanmıştım istersen bak. Fikir oluşturur.

Udemy | Clone

udemy-com-clone.vercel.app

header ve footer kısmında flex kullanıyorum bende.

Container alanına geldiğim zaman grid kullanıyorum ama mesela aside alanının genişliğini vs nasıl ayarlıyoruz onun tam mantığını kavrayamadım.

bonz · 19 Mart 2023

yone1108 dedi:
header ve footer kısmında flex kullanıyorum bende.

Container alanına geldiğim zaman grid kullanıyorum ama mesela aside alanının genişliğini vs nasıl ayarlıyoruz onun tam mantığını kavrayamadım.

Mehmet Pekcan diye birisi var. Onun HTML vs CSS ile yaptığı sitelere bakmanı öneririm ben çok şey kaptım çok yararı olur sana da.

yone1108 · 19 Mart 2023

bonz dedi:
Mehmet Pekcan diye birisi var. Onun HTML vs CSS ile yaptığı sitelere bakmanı öneririm ben çok şey kaptım çok yararı olur sana da.

Teşekkür ederim. İzleyeceğim...

oynozan · 3 Nisan 2023

İşi hızlıca bitirme gibi bir amacım varsa Bootstrap'in Grid şablonunu kullanıyorum. Eğer daha profesyonel bir iş yapıyorsam Flex.

Web sitesi layout nasıl oluşturuyorsunuz?

Ayrıntılı düzenleme

yone1108

Decapat

bonz

Gigapat

Udemy | Clone

yone1108

Decapat

Udemy | Clone

bonz

Gigapat

yone1108

Decapat

oynozan

Megapat

Benzer konular

Bu konuyu görüntüleyen kullanıcılar

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz