Websitelerde mobil "m." kısaltması nasıl yapılır?

Zeuszeus2023 · 7 Kasım 2021

Bazı websitelerde "m." gibi kısımlar oluyor ve bunlar telefonlarda oluyor. Bunun otomatik yönlendirme olduğunu düşünüyorum.
Bunu nedir ve nasıl yapabilirim?
İki farklı site mi yapılıyor?

Örnek:

m.facebook.com
en.m.wifipedia.org

BlackShadow · 7 Kasım 2021

Aynen, iki farklı dizayn yapılıyor. Subdomain olarak geçer, hostingin ayarlarından yapabilirsiniz.
Yönlendirme olayını da kullanılan cihazın mobil mi yoksa bilgisayar mı olup olmadığının kontrolünü sağlayarak gerçekleştirebilirsiniz. Mantık bu şekilde. Ancak ben responsive tasarım kullanmanızı öneririm, boşu boşuna iki tasarım ile uğraşmamış olursunuz.

LazJedi · 7 Kasım 2021

Günümüzde websiteleri artık responsive. "m." yönlendirmesine gerek kalmadı. Eskiden sadece mobil uyumlu sayfalar göstermek için subdomain kullanılırdı.

BlackShadow dedi:
Aynen, iki farklı dizayn yapılıyor. Subdomain olarak geçer, hostingin ayarlarından yapabilirsiniz.
Yönlendirme olayını da kullanılan cihazın mobil mi yoksa bilgisayar mı olup olmadığının kontrolünü sağlayarak gerçekleştirebilirsiniz. Mantık bu şekilde. Ancak ben responsive tasarım kullanmanızı öneririm, boşu boşuna iki tasarım ile uğraşmamış olursunuz.

Evet, responsive tasarım yapmak çok kolay. Onlarca CSS framework'ü var. Çok güzel detaylı dökümanları var.

Ecmel · 7 Kasım 2021

Mobilde uyumlu çalışması için yapılan eski bir taktik. Şu anda CSS3 ile çok basit bir şekilde responsive yazılabiliyor zaten.

LazJedi dedi:
Evet, responsive tasarım yapmak çok kolay. Onlarca CSS framework'ü var. Çok güzel detaylı dökümanları var.

Site sadece responsive olsun diye framework kurmanın bir anlamı yok, boştan yere sunucuya dosya yükü bindirirsiniz. CSS3 ile responsive yapmak iki satır koda bakıyor.

LazJedi · 7 Kasım 2021

Ecmel dedi:
Mobilde uyumlu çalışması için yapılan eski bir taktik. Şu anda CSS3 ile çok basit bir şekilde responsive yazılabiliyor zaten.

Site sadece responsive olsun diye framework kurmanın bir anlamı yok, boştan yere sunucuya dosya yükü bindirirsiniz. CSS3 ile responsive yapmak iki satır koda bakıyor.

Frameworksüz CSS etsiz lavaşa benzer.

Ecmel · 7 Kasım 2021

@LazJedi sırf responsive olsun diye framework kurulmaz. Başka işlevler için kullanabilirsin ama responsive yapmak iki satır koddan ibaret. display:flex yapısı ile her türlü responsive işlemi yapabiliyorsun neredeyse.

RaSGooL · 7 Kasım 2021

Ecmel dedi:
@LazJedi sırf responsive olsun diye framework kurulmaz. Başka işlevler için kullanabilirsin ama responsive yapmak iki satır koddan ibaret. display:flex yapısı ile her türlü responsive işlemi yapabiliyorsun neredeyse.

Display flex ile çözülse güzel. Yazdığın çoğu css kodunu mobilde test edip tekrar mobile göre düzenlemen gerekiyor.
Bunun en çok örnekleri; padding, margin, width, display, height, fontsize gibi özellikler. Bunları kesinlikle mobil ortamda tekrar test etmek lazım.
Ben her projede bootstrap kullanıyorum. Çoğu css kodunu yazmaktan kurtarıyor. En sevdiğim özelliği, md sm lg gibi kavramlar ile responsive özellikler kolayca verilebiliyor.

LazJedi · 7 Kasım 2021

Ecmel dedi:
@LazJedi sırf responsive olsun diye framework kurulmaz. Başka işlevler için kullanabilirsin ama responsive yapmak iki satır koddan ibaret. display:flex yapısı ile her türlü responsive işlemi yapabiliyorsun neredeyse.

Sırf responsive için söylemedim ki. Frameworkler işleri kolaylaştırır, güzel özellikleri vardır. Öyle sandığınız kadar performansı düşürmüyor. Şayet düşürseydi herkes vanilla CSS kullanırdı. Vanilla CSS ile uğraşılmaz, amelelik resmen.

Websitelerde mobil "m." kısaltması nasıl yapılır?

Ayrıntılı düzenleme

Zeuszeus2023

Hectopat

BlackShadow

Kilopat

LazJedi

Megapat

Ecmel

Megapat

LazJedi

Megapat

Ecmel

Megapat

RaSGooL

Kilopat

LazJedi

Megapat

Benzer konular