Responsive neden zor ?

o kadar zor değil hocam sürekli uğraşın çözersiniz

öyle tabi ama bu işlere girişen insanlar en azından css js bilmesi gerek bir nebze. öyle ben site tasarlıyacam, hemde responsive olacak diyip atlamak olmaz.

Responsive aslında hiçte zor değildir. Responsive i anlayamamanın tek sebebi css i yeterince bilmiyor olmaktır.

Responsive mantığı şudur. Css kodlarını ekran çözünürlüğüne göre belirlersin. Bunuda @media etiketi ile yaparsın. Bu durumda küçük ekrandan giren biri farklı görürken büyük ekrandan giren biri farklı görür.

Önemli nokta şudur. Div yerleşimi yaparken, yani html kısmını yazarken eş zamanlı olarak hem mobili hem büyük ekranı nasıl duracağını kafanda canlandırmalısın.

Örneğin yan yana 300px genişliğinde iki tablo yerleştirdin. Şöyle mantık yürütürsün bunu yazarken. Büyük ekranda bunlar float:left ve width:300px ile yan yana çıkarırım. Sonra geçerim responsive css kısmında float:none ve width:100% yaparım tamamdır. alt alta full genişlikte iki tablom olur. Tabi bu bir örnek yazılan css kodlarına göre değişir. Ayrıca responsive de en çok kullanılan şeyler px yerine % genişlik değeri vermektir.

Sürekli çalışma yapar css'i yi öğrenirsen yavaş yavaş responsive mantığını kavrarsın bu konuyla ilgili videolar mevcut bende yakında çekeceğim basit birşeyler.

Zor değil ya, artık Bootstrap ile kolay bence.

Özelleştirilmiş temalar yapmak zor olabilir yada bootstrap ile varolan bir bölüme ek yapmak istediğin değişikliği yapmak...Sonuç olarak bence şunu anlamak lazım width margin padding verirken % yüzde vererek hesaplama yaparsanız sorun yaşamazsınız şimdi arkadas 300px 2 tablo yapmış mesela tablet açtığında sorun olacaktır yada tablet için tekrar width verecegi css eklemesi gerekecektir bunun yerine temel boyutları @media ile verir gerisini 1 kerede % yüzde vererek yapabilirsiniz. Kritik nokta budur mobil uyumlu js dosyalarıda dikkat edin yüzde ile yaparlar tutorial leri inceleyerek daha çok bilgi sahibi olabilirsiniz.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 20:33:49 -->-> Daha önceki mesaj 20:27:31 --

tabiki yukarıdaki arkadasın anlattıgını eleştirmek adına yazmadım yanlış anlaşılmasın mesela mobil tagına 470 px tablete 750 px belirlediniz
içine table yada div olustururken width : 50% verdiğinizde yarısını kaplayan bir parça elde edebilirsiniz spesifik bir en boy vermemek lazım demek istedim mümkün olduğunca
buradan boyutlara bakabilirsiniz
https://css-tricks.com/snippets/css/...ndard-devices/

Responsive ilk başlarda zor gelebilir. Ama öğrendikçe bence çok eğlenceli bir hale gelebiliyor. Deneyerek ve herhangi bir proje geliştirerek daha sağlıklı öğrenebilirsin.