Web sitesinde responsive için yüzde kullanımı

Web programlamada hangi dilleri önerirsin ?

  • HTML

  • PHP

  • ASP

  • Diğer

Sonuçları sadece ankete oy verdiğinizde görebilirsiniz.
Yusuf H.

Yusuf H.

Hectopat
Katılım
19 Haziran 2017
Mesajlar
220
Yer
Kayseri Melikgazi
Daha fazla  
Cinsiyet
Erkek
Ben bir site oluşturdum fakat responsive değil ve responsive yapmak istiyorum. Birazda divlerin boyutlarını pixel ile değilde yüzdelik dilim ile yapılması gerekiyor ve ben bunu hesaplayamıyorum. Daha doğrusu tarayıcımın ekran çözünürlüğünü bilmediğim için hesaplama yapamıyorum. Yardımcı olursanız sevinirim.
 
Son düzenleyen: Moderatör:
Chrome DevTools da "device mode" aracılığı ile çözünürlüğü ayarlayabilirsiniz. Zaten var olan monitör çözünürlüğünüzü biliyorsunuz, diğer çözünürlükler içinde DevTools yardımcı olacaktır.

Açıklama için : Simulate Mobile Devices with Device Mode | Web | Google Developers

Ama sorunuz "responsive bir arayüz nasıl yapılır" ise önce responsive tasarım ve arayüzün ne olduğunu öğrenmen, ondan sonra çözünürlüğe göre ayarlayabilmek için "Media Query" kavramını öğrenmen gerekiyor. Ufak bir Google araması işini fazlasıyla görecektir. Çünkü responsive ve media query konuları ile ilgili bir çok tutorial ve örnek var.

Dip not : Hiç birini yapamam dersen de en azından responsive kavramını bir oku sonra herhangi bir CSS framework kullan. Yeterli olacaktır.
 
Bulut Uzer dedi:
Chrome DevTools da "device mode" aracılığı ile çözünürlüğü ayarlayabilirsiniz. Zaten var olan monitör çözünürlüğünüzü biliyorsunuz, diğer çözünürlükler içinde DevTools yardımcı olacaktır.

Açıklama için : Simulate Mobile Devices with Device Mode | Web | Google Developers

Ama sorunuz "responsive bir arayüz nasıl yapılır" ise önce responsive tasarım ve arayüzün ne olduğunu öğrenmen, ondan sonra çözünürlüğe göre ayarlayabilmek için "Media Query" kavramını öğrenmen gerekiyor. Ufak bir Google araması işini fazlasıyla görecektir. Çünkü responsive ve media query konuları ile ilgili bir çok tutorial ve örnek var.

Dip not : Hiç birini yapamam dersen de en azından responsive kavramını bir oku sonra herhangi bir CSS framework kullan. Yeterli olacaktır.
Genişletmek için tıkla...
Açıklama için teşekkürler ama dediklerini yapmakta biraz zora benziyor ama Teşekkürler!
 
Responsive sadece % ile yapılmaz üstteki arkadaşın dediği gibi zaman zaman media queries kullanmada gerekir ayrıca flex box doğru kullanımı işini kolaylaştıracaktır. Şuanda profesyoneller şu şekilde çalışır:
1- Bootstrap gibi framework kullanırlar
2- Sass less gibi css araçları kullanırlar
3- flex box, media queries ve calc özelliğini kullanırlar
 
Eldar dedi:
Responsive sadece % ile yapılmaz üstteki arkadaşın dediği gibi zaman zaman media queries kullanmada gerekir ayrıca flex box doğru kullanımı işini kolaylaştıracaktır. Şuanda profesyoneller şu şekilde çalışır:
1- Bootstrap gibi framework kullanırlar
2- Sass less gibi css araçları kullanırlar
3- flex box, media queries ve calc özelliğini kullanırlar
Genişletmek için tıkla...

Birazdaha açık anlatabilir misiniz ?
 
Bootstrap twitter ın ücretsiz olarak yayınladığı bir CSS kütüphanesi olup, barındırdığı grid sistemi ile websitelerini responsive olarak yazabilirsin, Bootstrap adresinden içeriği detaylı bir şekilde inceleyebilirsin.
 
Uyarı! Bu konu 9 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Benzer konular

Yusuf H.
Web sitesi responsive tasarım piksel sorunu
Mesaj
1
Görüntüleme
1.240
5131
5
Mert Pektaş
Siteye responsive eklemek
Mesaj
0
Görüntüleme
281
Mert Pektaş
Mert Pektaş
7
Siteler responsive nasıl yapılır?
Mesaj
5
Görüntüleme
174
cuttty
cuttty
2
  • Çözüldü
Çözüldü  Sitedeki responsive nasıl çözülür?
Mesaj
2
Görüntüleme
656
249873
2
Arch or Not
  • Çözüldü
Çözüldü  Bir web siteyi responsive yapmak için tek kod yeterli mi?
Mesaj
2
Görüntüleme
2.732
Netluckie
Netluckie

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı