Responsive Hakkında

Herkese Merhaba,

Sormak istediğim birkaç sorum olacaktı.

İlk olarak html-css konusunda orta halli de olsa bilgim var. Daha önceleri psd css leri kendim yapıyordum ancak uzun zamandır yapmadım diyebilirim.

Sormak istediğim konu ise responsive hakkında neredeyse hiç bilgim yok. bu konuyla ilgili temelden eğitim adına bildiğiniz kaliteli kaynakları paylaşırsanız sevinirim.

Youtube den izlediğim videolarda neredeyse hepsinde bir html dosya oluşturup getbootstrap sitesinden kodları alıp yapıştırmakla süren bir seri var. Benim için bu yapıdan ziyade çizdiğim psd tasarıma göre nasıl özelleştirebileceğim ile ilgili sorunum.

bootstrap veya benzeri bu işilemleri yapabileceğim farklı nerileriniz olursa değerlendirmek isterim.

Şimdiden teşekkürler.

Bootstrap hazır bir sistem. Hiç uğraşmadan responsive tasarıma sahip olabiliyorsun.

Ama ben kendim yazmak istiyorum diyosan da css media query leri araştır.

https://www.w3schools.com/css/tryit....ive_mediaquery
https://css-tricks.com/snippets/css/...ndard-devices/

Şimdi Anton Bey,
o orta halli bilgi olmuyor.

Ne kadar bilmediğinizi kendinizde belirtmişsiniz,

grid960 denilen sistem bootstrap'a ilham vermiştir.

İş sadece media queryleri ile de olmuyor.

Layout'un yani "serim"in Matbaa kadar, 500 yıllık bir geçmişi vardır, o paddingler hayalden verilmiyor.

Hala var mı bilmiyorum, bootstrap'ın sitesinde tüm componentleri etkisiz hale getirip saf grid kodlarından oluşan css temin edebiliyordunuz, onu deneyin ve inceleyin.

Onun dışında CSS sürekli W3C'yi takip isteyen bir iş. Safari'de neden back-drop var diğer hiç birinde yok sorusunun cevabını bilmek için Apple'ı bilmek gerekiyor.

Ya da ben uzatıyorum, takdir sizin.

Bootstraptan ziyade kendi hafif projelerim için yeni nimet FlexBox'u kesinlikle tavsiye ediyorum. Tüm grid ihtiyaçlarınızı karşılayacaktır.

https://www.w3schools.com/css/css3_flexbox.asp