Mobil uyumlu web tasarımı nasıl yapılır?

2

264523

Gigapat

İlk 5 Haneli Mesajınız!

Katılım

14 Haziran 2019

Mesajlar

12.114

Makaleler

4

Çözümler

68

• 16 Nisan 2021

• #1

Bootstrap kullanmak istemiyorum hem kendimi geliştirmek hem de kendime özgü bir site yapmak istiyorum. Responsible web tasarımı nereden öğrenebilirim? Bir de siteyi önce yapıp sonra mı uyumlu hale getirmeliyim?

 

A

Ascendency

Hectopat

Katılım

15 Kasım 2020

Mesajlar

3.483

Makaleler

3

Çözümler

24

• 16 Nisan 2021

• #2

Kendiniz yapmanız oldukça zor. Neden Bootstrap gibi güzel bir şeyi kullanmıyorsunuz ki?

 

3

300319

Zettapat

İlk 5 Haneli Mesajınız!

Katılım

4 Aralık 2018

Mesajlar

21.763

Makaleler

63

Çözümler

478

• 16 Nisan 2021

• #3

CSS içinde @media etiketi ile ekran genişliğini alarak Responsive tasarımlar yapabilirsiniz.
Örnek:

CSS:Panoya kopyala

@media (max-width:750px){
    #main_container{ width:740px; }
}

 

Daniel Saddler

Hectopat

Katılım

15 Temmuz 2017

Mesajlar

738

Makaleler

1

Çözümler

3

Daha fazla  

Cinsiyet

Erkek

• 16 Nisan 2021

• #4

Favori kanallarımdan olan DesignCourse'ye ait video ile öğrenebilirsin

Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.

Üçüncü taraf çerezlerini kabul et

 

K

Kafadan_Kontak

Decapat

Katılım

3 Mart 2021

Mesajlar

96

Daha fazla  

Cinsiyet

Erkek

• 20 Nisan 2021

• #5

Responsive Web Tasarım Nedir? Nasıl Yapılır - Yusuf SEZER

Responsive web design, responsive web tasarım veya duyarlı web tasarım ile kullanılan viewport, grid sistemi ve framework kullanımı yer alıyor.

www.yusufsezer.com.tr

Bu içerikte de olduğu gibi kendi Grid sistemini oluşturabilirsin. Bu sayede bootstrapin gereksiz kod kullanımından da kurtulmuş olursun.

 

U

Unturned

Kilopat

Zamanın Tanığı

Katılım

29 Ağustos 2016

Mesajlar

2.650

Makaleler

1

Çözümler

43

• 20 Nisan 2021

• #6

@Berkay Davas @bitwise

 

Berkay Davas

Gigapat

Zamanın Tanığı

Katılım

24 Temmuz 2019

Mesajlar

7.588

Makaleler

29

Çözümler

199

Yer

İstanbul

Daha fazla  

Cinsiyet

Erkek

Meslek

Bilgisayar Mühendisi

• 20 Nisan 2021

• #7

Evet, bir siteyi önce HTML ve CSS ile kodladıktan sonra CSS kodlarını overwrite edecek şekilde media kuralları ile responsive CSS'lerini yazacaksın.

CSS kodlarken de responsivei düşünerek kodlarsan işin kolaylaşır. Örneğin display: flex kullanabilirsin ya da sabit width vermek yerine max-width kullanabilirsin.

 

qelos

Kilopat

Katılım

14 Aralık 2020

Mesajlar

2.340

Makaleler

5

Çözümler

30

Yer

Gorgoroth Yaylası

• 20 Nisan 2021

• #8

CSS kısmında media etiketlerini kullanarak, HTML elementlerinin tasarımları değiştirilerek mobile uygun hale getirilebilir. Media etiketi ile ekran çözünürlüğüne özel CSS kodları ekleyebilirsiniz.