Herkese selam, başlıkta da bahsettiğim gibi masaüstü header alanında, mobile düştüğü zaman olan geçiş işlemini ne şekilde hallediyorsunuz? Masaüstü için ayrı mobil için ayrı ayrı çalışıp göster/gizle mantığıyla mı? Yoksa header alanı içerisinde her öğeyi absolute olarak çalışıp, mobil için yerleşim mi yapıyorsunuz? Bunun en pratik yöntemi nedir?
Masaüstü: https://i.hizliresim.com/8zd1m7.jpg
Mobil: https://i.hizliresim.com/DDdJov.jpg
Mesela masaüstünde arama kutusu görünür olarak geliyor, mobilde tıklandığı zaman popup gibi bir alan açılıp, orada arama yaptırılıyor. Masaüstü header kodlama işleminden sonra mobil için bu iş nasıl çözülür?
Mobil arama: https://i.hizliresim.com/Q27MgZ.png
Eğer konuyla ilgili araştırabileceğim bildiğiniz kaynak varsa o şekilde de öneride bulunabilirsiniz, yerli/yabancı fark etmez. Teşekkürler.
Masaüstünden mobile geçildiğinde header düzenlemesini nasıl hallediyorsunuz?
5
●671
- 19-07-2018, 09:34:08Buyrun hocam burada var.
https://www.w3schools.com/howto/howt...responsive.asp - 19-07-2018, 09:44:09@truvacreative; Öncelikle ilginiz için teşekkür ederim. Fakat bahsettiğim sadece menü değil, genel olarak komple yapı değişikliği nasıl hallediliyor, bunu öğrenmek istiyorum. Saygılar.
- 19-07-2018, 10:01:10Css kısmında bootstrap kullanabilirsin hocam.triposi adlı üyeden alıntı: mesajı görüntüle
- 19-07-2018, 10:15:15
Arayüz tasarımına göre değişir bu dediğin bazen mobil için ayrı masaüstü için ayrı div açıp göster gizle mantığı kullanırım
bazen de her ekran ölçüsü için ayrı css koordinatları veririm genelde bootstrap kullanıyorum nekadar kullanışlı bir iskelet yapısı olsada tabiki onada müdahele etmek gerekiyor.
Arayüzün standart ölçülerde uyumlu çalışma problemi olmadıkça istediğin yolu deneyebilirsin hangisi kolay geliyorsa. Tabi işin back-end kısmınıda düşünerek. - 19-07-2018, 10:28:49Tüm projelerimde zaten bootstrap kullanıyorum fakat bahsettiğim olay tam olarak bu değil, yakın zamanda yaptığım işlerden:truvacreative adlı üyeden alıntı: mesajı görüntüle
https://giphy.com/gifs/1d50fYQ1NreLLFZp3r/fullscreen
Kalite biraz saçma oldu, kusura bakmayın.
İşin kolaylığından ziyade kod kalabalığı yapmamak ve back-end kısmında da defalarca uğraşmamak adına çözüm arıyorum aslında. Yoksa masaüstü ve mobil için ayrı ayrı div açıp içini doldurmaktan sıkıntı değil. E-ticaret haricinde böyle bir menü yapısıyla zaten kolay kolay karşılaşmıyorum, göster gizle mantığı şu an için en sağlıklısı sanırım, teşekkürler.CougaR adlı üyeden alıntı: mesajı görüntüle
