Mobil CSS uyumluluk tabloları yayınlandı

Yazar: Louise Ward
Yaratılış Tarihi: 12 Şubat 2021
Güncelleme Tarihi: 18 Mayıs Ayı 2024
Anonim
Web Sitesini Mobile Uyumlu Hale Getirme | Responsive Web Design
Video: Web Sitesini Mobile Uyumlu Hale Getirme | Responsive Web Design

2012'nin sonlarında, mobil platform stratejisti Peter-Paul Koch, web standartlarını araştırmak ve webplatform.org ile paylaşılacak uyumluluk tabloları üzerinde çalışmak için daha fazla zaman harcayacağını söylediği QuirksMode.org için sponsorluk aldı.

Hafta sonu, mobil tablolar için CSS seçiciler kullanıma sunuldu. Koch ayrıca CSS sütunlarını daha da araştırıyor ve uygulama konusunda gidilecek bir yol olduğunu keşfediyor.

Koch ile çalışmaları, testlerinin nasıl yazıldığı ve geliştiricilerin motor bazında testler konusunda neden daha dikkatli olmaları gerektiği hakkında konuştuk.

.net: Mobil masalarınıza çok çaba sarf ediyorsunuz. Bu, başka bir yerde bu kadar yapılmayan bir şey mi?
PPK: Hayır, gerçekten yapılmıyor. Benimkine en yakın olan tablolar Max Firtman'a ait tablolar ve HTML5 API'lerine odaklanıyorlar.

Tarayıcı testinin veya puanlarının otomatikleştirilmesine inanmıyorum ve bu yüzden HTML5 testi gibi testleri gerçekten saymıyorum. O zaman Kullanabilir miyim… var, bu yararlıdır, ancak bazen doğru tarayıcı bilgilerini vermez.


Bildiğim kadarıyla, hala en ayrıntılı testleri yapan ve test sayfalarının yanı sıra sonuçları da yayınlayan tek kişi benim.

.net: Testleri yazmaya nasıl başlıyorsunuz?
PPK: Yavaş yavaş! Bazen bir spesifikasyonda neyin kastedildiğini anlamak kolay değildir, özellikle de ince bir şekilde (veya çılgınca) farklı olan yalnızca iki uygulama olduğunda. Neyse ki, tarayıcı testi yazma konusunda çok deneyimim var ve bu yüzden yaygın tuzakları nasıl önleyeceğimi biliyorum.

Örneğin, ilk başta Opera Mini CSS sınıflarını desteklemiyormuş gibi görünüyordu, ancak bu açıkça saçma. Sorun, bir test öğesi vererek sınıfların desteğini test etmemdi. yazı tipi stili: italik. Çoğu Opera Mini, bu stili desteklemez. Bununla daha önce karşılaştığım için test stillerini değiştirmem gerektiğini biliyordum. Ve MeeGo tarayıcısı desteklemiyor yazı tipi değişkeni: küçük büyük harf. Aynı hikaye.

Bu arada, JavaScript hala italik Opera Mini'den istediğinizde yazı stili değer. Bu, bu testleri otomatikleştiremeyeceğinizi kanıtlıyor: Sayfaya bakmalı ve italik yazı tipi kullanıp kullanmadığını belirlemelisiniz.


.net: Seçiciler ve sütunlar hakkındaki son makalenizde, aynı WebKit yapısını kullanan tarayıcıların farklı uyumluluklara sahip olduğunu belirtiyorsunuz. Bu, geliştiricilerin en yeni teknikler konusunda ne kadar dikkatli olmaları gerektiğini ve cihazlar arasında daha titiz bir şekilde test etmeleri gerektiğini daha da vurguluyor mu?
PPK: Evet. Mobilde WebKit yok. En az on iki farklı tarayıcı vardır (oluşturma motoru olarak WebKit kullanan sürümler hariç), ancak birbirlerine benzemeleri gerekmez.

En iyi örnek -webkit-column-span bildirimi. WebKit'in son zamanlarda desteği bıraktığı ortaya çıktı. Bu, şimdiye kadar karşılaştığım en tuhaf uyumluluk sorunu çünkü belirli WebKit sürümleriyle desteği bağlamak mümkün değil. Bu nedenle, bu bildirim için destek bir karmaşa ve bir tarayıcının WebKit kullanması tam olarak hiçbir şey söylemiyor.

Portal Makaleleri
Mükemmel yazı tipini seçmek için 5 önemli ipucu
Keşfetmek

Mükemmel yazı tipini seçmek için 5 önemli ipucu

Küre el markalama projelerinden mobil uygulamalara, doğru veya yanlış yazı tipi çok önemli bir rol oynar. Peki iş için doğru tili na ıl eçer iniz?Elbette her proje farklıdır, ...
Grav CMS ile başlayın
Keşfetmek

Grav CMS ile başlayın

Grav, fark yaratan bir içerik yönetim i temidir (CM ). İçerik yönetim i temleri, web itelerinin büyük bir yüzde ini de tekleyen Wordpre (veya başka bir web barındırm...
Özel fırça darbeleriyle klasik bir his ekleyin
Keşfetmek

Özel fırça darbeleriyle klasik bir his ekleyin

Yazılım: Photo hop C 6 veya CCProje zamanı: 4-6 aatBeceriler: Elle çizilmiş öğelerin dijital olarak çalışma ını ağlayın, Kanal karıştırıcı ını kullanın, Ton / Doygunluk katmanları oluşt...