UI - UX Uzmanı Olun - Grid System

[@imamquliyev679]

Azerbaycan"dan Selamlar. Hocam çok iyi yapıyorsun. Yorumlamak ve öğrenci olarakta konuşuyorsun, hoca olarakta yorum yapıp konuşuyorsun. Teşekkür ederim Hocam

[@berkozerdogan]

Emeğinize sağlık, o kadar güzel ki anlatım ve bilgiler. Mest oluyorum öğrendikçe.

[@turkani_va6306]

Çok teşekkür ederim hocam güzel anlatdınız sıkılmadan izledim. Allah razı olsun

[@suleymanozyurt]

Yine çok güzel bir çalışma olmuş. Emeklerinize sağlık.

[@mutfaktabiracemi3685]

Bir konuyu bilmek başka anlatabilmek başka. Bravo👏🏻 bu arada eğer zamanınız varsa yeni başlayanlar için kaynak önerisi çeker misiniz lütfen? Yazılı kaynaklar ve websiteleri olarak sizin de kullandığınız kaynakları bilmek isterim.

[@stkutu]

Bu kadar iyi anlatılabilirdi. Ağzınıza sağlık, merak edip izlemiştim benim de eksiklerim çıktı.

[@GC9jxVoWMVr1vKR]

Emeğiniz paha biçilmez, gördüğüm en temiz videolar sizde. Alanında uzman biri olarak yorumladım :). Boostrap 5 için figma da grid sistemini anlattığınız bir video var mı yani başlayan bir kardeşime videolarını atıyorum sizi izlemesi için.

[@endertopaloglu]

Çok teşekkür ederim 🙏🏻

[@sevgiyleyasariz]

Güzel, samimi anlatım. Var olasın abi :)

[@vugarmammadov6404]

Mükemmelsin abi. Ellerine sağlık

[@mustafaberker1453]

Margin bir objenin dışarıya olan mesafesi değil, webde her objenin bir BOX u vardır yani kutusu, defaultta bu gözükmez çizgi belirmtediyseniz. Bu box ın sınır çizgisinin dış boşluğuna margin iç boşluğuna (yani sınır ile nesne arasına) padding denir. kutu gibi düşünebilirsiniz.

[@oyunarkadasi1708]

Cox gozel izah etmisiz, coxsagolun

[@gokselinaydemir4322]

harika

[@kocmerv]

grid açma kapama kısayolu hangi tuştu

[@yasinturan_]

Abi selamlar, içeriklerini severek takip ediyorum çokca da faydalanıyorum. Bu ekran görüntüsünü nasıl alıyorsunuz hem ekran kaydetme hem de kendi görüntünüzü bir uygulama kullanıyorsanız paylaşırsanız memnun olurum. Şimdiden teşekkürler

[@endertopaloglu]

Merhaba yasin, ilk başlarda obs denedim ama sorun yaşadığım için Streamlabs'e geçtim. Mantık ve özellik olarak birebir aynı. Mac'te bu daha sorunsuz çalıştığı için bunu tercih ettim.

[@mustafau.5921]

yatay grid sisteminde bir şeye takıldım. textlerin etrafındaki mavi kutucuğun boyutu neye göre oluyor? default bir şey sanırım ama merak ettim. ben grid sistemini görmesem şuan hizayı harfin kenarlarından alırdım çünkü :)

[@Tiktokseecihoo]

arkadaşlar bu işin eğitimini nereden alabilirim ve nereden bir sertifika alabilirim? bi yardımcı olsanız

[@morpheus5871]

Hocam her markanın status barı farklı. Tasarım yaparken bu alanı boş mu bırakıyoruz? Yoksa hepsinin hazır tasarımları var mı? Ben Sadece İOS u kullananları gördüm. Ama bir sürü marka var. Hepsinin kaç pixel boşluk olduğunu bilmemiz mi gerekiyor?

[@endertopaloglu]

Merhaba, tasarım yaparken bu alanın tasarımını yapmanıza gerek yok, boşlukta bırakmanız gerekmiyor. Zaten o alan kodlama yapılırken otomatik olarak ekleniyor. Sadece müşterinize veya tasarımın ön izlemesini yaparken ios veya android cihaz için gösterim yapacaksanız örnek bir cihaz seçip yine örnek bir status bar kullanırsınız. Tasarımınızın bu şekilde gözükeceğini söyleyebilirsiniz.

[@cagatay1337]

Çok detaylı bir çalışma olmuş, Emeğinize sağlık. Fakat bir sorum olacak. Tablet ve mobil için genelde 8px odaklı ızgara sistemleri görüyorum. Fakat Web tasarımını yaparken genelde boostrap baz alınarak yapılıyor ve boostrap'in ızgara sistemi 8px'e tam bölünmüyor bu da Tablet ve mobil de sorun yaratıyor. Web'de kullanabileceğimiz 8px ızgara sistemi var mıdır? veya kendimiz oluştursak bir sorun teşkil eder mi?

[@endertopaloglu]

Merhaba Çağatay. Izgara sistemi biraz karmaşık bir konu ama bootstrap 8’e bölünüyor. Fakat yapacağınız tasarımlar responsive olacağı için birebir tutması mümkün değil. Önemli olan boşluklandırmaların bir sistemi olması ve her yerde o sisteme göre boşluk verilmesi. Html ve css’i çok iyi bilmeden bu konuyu tam kavrayabilmek biraz zor.