lostyazilim

Responsive tasarım hakkında bi soru

10 Mesajlar 832 Okunma
lstbozum
wmaraci reklam

pose1233 pose1233 WM Aracı Kullanıcı
  • Üyelik 13.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek grafiker
  • Konum İstanbul Avrupa
  • Ad Soyad M** K**
  • Mesajlar 2112
  • Beğeniler 351 / 594
  • Ticaret 5, (%100)
arkadaşlar bu saatte tasarım yapmaya başlıcam ama bi türlü anlamadıgım bişey var.

yapmışken kaliteli olsun diye responsive yapacağım ama boyuta göre site yi tasarlarken her boyuta göremi yapıcam

yani 320px 321 322 333 gibimi
bana saçma geldi yani her boyuta göre nası lyapayım :D

yoksa 320px 720px 1080px

gibimi ?
 

 

Kadınlar müthiştir, uzaktan bakınca.
wmaraci
reklam

Hermes Hermes Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.11.2011
  • Yaş/Cinsiyet 42 / E
  • Meslek Seo | Sosyal Medya | Yazılım
  • Konum İstanbul Anadolu
  • Ad Soyad S** Y**
  • Mesajlar 2777
  • Beğeniler 397 / 1093
  • Ticaret 90, (%98)
Buyrun; http://mattkersley.com/responsive/
 

 

pose1233 pose1233 WM Aracı Kullanıcı
  • Üyelik 13.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek grafiker
  • Konum İstanbul Avrupa
  • Ad Soyad M** K**
  • Mesajlar 2112
  • Beğeniler 351 / 594
  • Ticaret 5, (%100)
cok teşekkürler burdakileri yapsam yeter sanırım.

bu arada fazla uğraşıcam responsive için ama değer değilmi ? gerekli kesin yani
 

 

Kadınlar müthiştir, uzaktan bakınca.

Hermes Hermes Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.11.2011
  • Yaş/Cinsiyet 42 / E
  • Meslek Seo | Sosyal Medya | Yazılım
  • Konum İstanbul Anadolu
  • Ad Soyad S** Y**
  • Mesajlar 2777
  • Beğeniler 397 / 1093
  • Ticaret 90, (%98)
pose1233 responsive olması her zaman + katar ve değer. Hele ki günden güne telefon ve tabletten internet kullanım oranı yükselmeye devam ederken...
pose1233

kişi bu mesajı beğendi.

wmaraci
wmaraci

pose1233 pose1233 WM Aracı Kullanıcı
  • Üyelik 13.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek grafiker
  • Konum İstanbul Avrupa
  • Ad Soyad M** K**
  • Mesajlar 2112
  • Beğeniler 351 / 594
  • Ticaret 5, (%100)
peki localde yaptıgım bi siteyi nasıl öğrenicem o problem oldu :(
attıgınız siteden yani
 

 

Kadınlar müthiştir, uzaktan bakınca.

Bilbaz Bilbaz WM Aracı Kullanıcı
  • Üyelik 15.12.2014
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum Balıkesir
  • Ad Soyad Y** P**
  • Mesajlar 114
  • Beğeniler 63 / 48
  • Ticaret 1, (%100)
Belli aralıklar ile tek tek ayarlamana gerek kalmadan responsive tasarım yapabilirsin kardeşim.Bunların bir sürü ayrımı var fakat özet olarak şöyle ki.

@media (min-width: 1000px) {
/* ekran genişliği en az 1000px ise çalışıcak css kodları burada bulunuyor */
}
@media (max-width: 500px) {
/* Ekran genişliği en fazla 500px ise çalışıcak olan css kodları burada bulunuyor*/
}


Örneğin mobil tasarım yapıcaksan ve elinde tüm divleri kapsıyan bir divin var ise:


@media (max-width: 500px) {
#genel_div{width:100%;height:auto;background:red;}
/* Genişlik 500 altında olunca,div ekranı yüzde yüz doldurucak.Böylece div genişliği 500px altında olan her türlü cihaza uygun olarak kendi şeklini alıcak.*/
}

Klasik rehber linkleri vermek yerine,kendim anlatıyım dedim.Anlamadığın yer olursa,buyur.

Bu arada static,responsive ve liquid arasındaki farkları anlaman için
http://www.liquidapsive.com/ sitesini ziyaret edebilirsin.


Meta etiketini yazmayı unutma.
 

 

pose1233 pose1233 WM Aracı Kullanıcı
  • Üyelik 13.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek grafiker
  • Konum İstanbul Avrupa
  • Ad Soyad M** K**
  • Mesajlar 2112
  • Beğeniler 351 / 594
  • Ticaret 5, (%100)
cok teşekkür ederim
fakat ben biliyorum responsive yapmayıda hangi aralıklarla yapayım onu bilemedim :D
 

 

Kadınlar müthiştir, uzaktan bakınca.

Bilbaz Bilbaz WM Aracı Kullanıcı
  • Üyelik 15.12.2014
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum Balıkesir
  • Ad Soyad Y** P**
  • Mesajlar 114
  • Beğeniler 63 / 48
  • Ticaret 1, (%100)

pose1233 adlı üyeden alıntı

cok teşekkür ederim
fakat ben biliyorum responsive yapmayıda hangi aralıklarla yapayım onu bilemedim :D



Google chrome kullanıyosan,bas F12 ye,Elements butonunun hemen bi tık solunda mobil iconu var.Bas oraya,neredeyse tüm cihazlar orada mevcut.Bütün cihazların width x height'i yazıyor.Ben 500px,700px ve 1000px 'e göre ayarladım.Fakat siteden siteye değişiyor bu.

Minimalist bir tasarıma sahip sitede 500px ile 1000px için yazıp hallediyor adam.Senin siten aşırı doluysa,her 100px'de bir tasarımını mıncıklaman gerekir.
 

 

pose1233 pose1233 WM Aracı Kullanıcı
  • Üyelik 13.07.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek grafiker
  • Konum İstanbul Avrupa
  • Ad Soyad M** K**
  • Mesajlar 2112
  • Beğeniler 351 / 594
  • Ticaret 5, (%100)
portal olucak yani çok çok çok aşırı dolu olacak :)
 

 

Kadınlar müthiştir, uzaktan bakınca.

Bilbaz Bilbaz WM Aracı Kullanıcı
  • Üyelik 15.12.2014
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum Balıkesir
  • Ad Soyad Y** P**
  • Mesajlar 114
  • Beğeniler 63 / 48
  • Ticaret 1, (%100)
Görmeden birşey diyemem ama bana kalsa 1200px,800px,500px,300px yap gitsin.
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al