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

Yusuf H. · 7 Ağustos 2017

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.

Bulut Uzer · 8 Ağustos 2017

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.

Yusuf H. · 8 Ağustos 2017

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.

Açıklama için teşekkürler ama dediklerini yapmakta biraz zora benziyor ama Teşekkürler!

Eldar · 12 Ağustos 2017

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

Yusuf H. · 12 Ağustos 2017

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

Birazdaha açık anlatabilir misiniz ?

BeyfendiDedeKorkut · 13 Ağustos 2017

Yusuf H. dedi:
Birazdaha açık anlatabilir misiniz ?

Eger bootstrap kullanarak websitenizi tasarlarsaniz otomatik olarak resposive oluyor. sanirsam arkadasimiz bunu kullan bir goz at demek istemis.

Kendi tecrubemi paylasmam gerekirse bootstsrap isini kolaylikla gorur. sitesinde bir cok ornek mevcut.

Emrah Akçay · 15 Ağustos 2017

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.

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

Web programlamada hangi dilleri önerirsin ?

HTML

PHP

ASP

Diğer

Ayrıntılı düzenleme

Yusuf H.

Hectopat

Bulut Uzer

Kilopat

Yusuf H.

Hectopat

Eldar

Hectopat

Yusuf H.

Hectopat

BeyfendiDedeKorkut

Hectopat

Emrah Akçay

Hectopat

Benzer konular