Duyarlı Web Tasarımının Tanımı

Yıllar önce, teknoloji olduğu zaman, sadece yaptığı görsel şeylerin (görüntüler, oyunlar, uygulama arayüzleri, ...) yaklaşık 14 inçlik bir ekranda iyi görünüyordu. monitör itibaren bilgisayar. Ama evrim Durdurulamaz oldu ve şu anda çok sayıda cihazımız ve biçimimiz var.

Bu, bir kullanıcı arayüzünün veya başka herhangi bir içeriğin artık farklı özelliklerle uğraşmak zorunda olmadığı anlamına geliyordu. farklı kullanılan cihazlarda değilse görüntü boyutları ve farklı en-boy oranları özellikle.

90'lı yıllarda ortaya çıkan ve o zamandan beri vazgeçilmez hale gelen bir gelişme olan web, platform senaryosunda da bu değişikliklere uğradı. kullanılabilir ve web standartlarını yöneten kuruluşlar, arayüz geliştiricilerin hayatını kolaylaştırmak için dahiyane çözümler seçmek zorunda kalmıştır. Ağ.

Duyarlı bir web sayfası (aynı zamanda duyarlı, orijinal İngilizce kelimenin benimsenmesi), arayüzü otomatik olarak yeniden boyutlandırılan ve Grafik öğeleri, herhangi bir ekran boyutunda ve en boy oranında kolay görüntüleme için yeniden konumlandırılmıştır. görünüm.

instagram story viewer

hakkında düşünelim çeşitlilik 5 ”ekran ve 18:9 oranında dikey olarak okunabilen akıllı telefondan, arada bilgisayar veya tablet bırakarak 16:9 40” televizyona kadar değişen ekran formatları

Arayüz yapmak için adımlar atılana kadar grafik Web sayfalarının çoğu, görüntülendiği ekrana otomatik olarak uyum sağlar, "Çözüm", tüm olası biçimleri tahmin etmekten ve uygun şekilde farklı sayfalar sunmaktan oluşuyordu. Sorun, öngörülemeyen biçimler ve teknolojik evrimin doğal olarak sağladığı biçimlerdi.

Resmin görüntülendiği ekran formatına uyum sağlayacak duyarlı bir tasarım elde etmek için araçlar. Bu format ve ekran boyutunun ne olduğuna bakılmaksızın web sitesi, W3C (World Wide Web) tarafından belirlendi. Konsorsiyum).

Ve bu teknolojinin tanıtımı, sayfaların içeriğinin öncekinden ayrılması sayesinde mümkün oldu. sunum bahsi geçen içeriklerin ve bak ve hisset CSS stil tanım dosyalarını kullanarak sayfa.

Bunlar, web sitesinin tamamının (bir sayfa kümesi olarak anlaşılır) görünümünü, sayfaya dokunmanıza gerek kalmadan değiştirmenize olanak tanır. kod tüm HTML dosyalarının kaynağı, çünkü stilin ve sunumun tanımlarının ne olduğu farklıdır ( dosya CSS) içeriği (HTML dosyalarında bulunur).

Duyarlı tasarımın unsurları, 21. yüzyılın ilk on yılının sonundan beri W3C tarafından web standartlarında tartışılmakta ve tanıtılmaktadır.

itibaren başlatmak 2006'da web sitelerini ayarlama yarışının başlatıldığı ilk iPhone'un hem masaüstü tarayıcılarda hem de büyük ekranlarda ve cihazlarda mükemmel bir şekilde görülebilir cepler.

Fotolia fotoğrafları: Alexey Shkitenkov / Bobb Klissourski