Teknik web sitesi - Ziyaretçilerimin modern bir tarayıcı kullanacağını varsaymalı mıyım?

Teknik bir blog içeren kendi web sitemi oluşturma sürecindeyim. Web sitemi HTML5 ve CSS3 gibi modern teknolojileri kullanarak oluşturmak istiyorum.

Yana Web sitem programcılar hedeflenmiş edilecek ve çoğunlukla teknoloji meraklısı kullanıcılar bu insanlar, modern bir tarayıcı kullanarak olacağı hafife ben almalıyım? Yoksa her durumda sitemi eski tarayıcılarla uyumlu hale getirmeli miyim?

Web sitemin kullanılmayacağını düşündüğüm tarayıcılarla uyumlu hale getirme acısını yaşamak istemiyorum.

GÜNCELLEME: Şimdiye kadar cevapları okudum ve soru hakkında önemli bir ayrıntıyı kaçırdığınız anlaşılıyor. Açık değilse, lütfen sitenin doğasını dikkate alarak cevaplarınıza odaklanın:

web sitem programcıları ve çoğunlukla teknoloji meraklısı kullanıcıları hedef alacak

Bunu göz önünde bulundurarak, bu kişilerin modern bir tarayıcı kullanacağını kabul etmeliyim?

Ekle Google Analytics sitenize ve kullanıcıları takip

Bunu öğrenmenin tek yolu, kullanıcı tabanınız hakkında makul bir istatistik örneği toplamaktır. Bunun dışında herhangi bir şey sadece temelsiz bir varsayımdır.

Neyse ki, Google Analytics tarayıcı, ekran boyutu, etkin yetenekler vb. İle ilgili her şeyi kesinlikle takip eder.

Internet Explorer'ı 'düşük işaret' olarak hedefleyin çünkü sürümler çok daha uzun süre destekleniyor. Örneğin, Windows XP destek yaşam döngüsünün süresi 8 Nisan 2014'e kadar sona ermeyecektir, bu nedenle IE 6 o zamana kadar kaybolmayacaktır.

İstatistikler, kullanıcıların çok az bir yüzdesinin IE 6 (veya IE 7) kullandığını gösteriyorsa, tarayıcılarını desteklemek için gereken çabayı haklı göstermeyebilir.

Daha yeni HTML5'e gelince, ücretsiz aşamalı geliştirme kapsamı için sitenize bir HTML5 shiv ekleyebilir, ancak tarayıcılar yakalanana kadar daha gelişmiş özellikleri (HTML5 Dosya API'sı gibi) sitenizin özel bölümleriyle sınırlayabilirsiniz.

Amerikalıların% 90'ı veya daha fazlasında resim var, JavaScript etkin, CSS desteği ve makul bir bağlantı var.

Zamanınızın% 90'ını dünyanın modern ağını deneyimlememek için kendi yolundan çıkan% 10'unu kovalayarak geçirmek zaman kaybıdır.

varsayalım:

• JavaScript kapatılacak
• CSS3 desteklenmeyecek
• Görüntüler devre dışı bırakılacak
• Kullanıcı bağlantısı yavaş olacak

Bunu duymak istemediğinizi biliyorum ama web tasarımcıları ve geliştiricileri olarak karşımıza çıkan gerçek bu. Yalnızca eski tarayıcıları kullanan kullanıcılar değil, bazıları varsayılan davranışını değiştirmek için tarayıcılarındaki ayarları değiştirir (örn. JavaScript'i kapat).

Ayrıca, CSS ve JavaScript için çeşitli ve sınırlı desteğe sahip arama motorları gibi botları unutamazsınız. Ayrıca bazı kullanıcılar en son teknolojileri destekleme konusunda herkesin bildiği ekran okuyucularını kullanacak.

Yukarıdakilerin tümünü desteklemek aslında kulağa çok daha kolaydır. Aşamalı geliştirme , web tasarımı ve geliştirmenin temel prensibidir ve henüz tümüyle başa çıkamayan tarayıcıları ve kullanıcıları desteklerken sitenizdeki en son ve en iyi özellikleri kullanmanıza olanak tanır.

En azından ana sayfanızın makul şekilde destekleyebileceğiniz her ortamda iyi çalıştığından emin olun. Belirli sayfalar geniş ölçüde desteklenmeyen teknolojiler gerektiriyorsa, bunu onlara yönlendiren bağlantılarda açıkça belirtin (iğrenç bir şey kullanmanıza gerek yoktur titleve altbağlantılar ve resimlerdeki metinler yeterli olabilir) ve sayfaların kendisinde (örneğin, üstbilgi - bu özelliklerin mevcut olduğunu tespit edip edemediğinizde gizlenebilir).

Ayrıca, gerekli teknolojiler mevcut olmadığında / etkinleştirilmediğinde sayfaların zarif bir şekilde ayrıldığından emin olun. Ziyaretçileriniz teknoloji meraklısı olsalar bile, sayfanızdaki bir şey işe yaramazsa, ancak neyin eksik olduğuna dair bir belirti yoksa, aramaya gitmeyebilirler (gerçekten ilgilenmedikleri sürece, bu bir şey olabilir varsayılır). OTOH, eksik olanları nasıl etkinleştireceğiniz konusunda ayrıntılı talimatlar vermek zorunda değilsiniz, sadece nelerin etkinleştirilmesi gerektiğini belirtmek bu kitle için yeterli olmalıdır.

Güncelleme: Kişisel bir anedocte ile son noktaya daha fazla vurgu yapmak istiyorum: güvenlik bilincine sahip bir kullanıcı olarak, her zaman NoScript etkinken göz atıyorum . Örneğin, video içeren bir web sitesine gittiğimde, aşağıdaki şeylerden biri olur:

• Video için bir yer tutucu vardır ve tıklamak videonun engelini kaldırmak için yeterlidir;
• Bir yer tutucu var, ancak tıklama yeterli değil - engellenmesi gereken (genellikle bir CDN) başka bir alan var, genellikle tutarsız olsa da uygun şekilde adlandırılıyor (dailymotion.com/dmcdn.net, youtube.com/ytimg.com, metacafe.com /mcstatic.com);
• Hiçbir yer tutucu Video JavaScript aracılığıyla eklenir veya yok, var widthve heightstatik olarak ayarlanmış ve bazen sayfası hiç bir video vardır hiçbir ipucu yoktur. Tamamen cevapsız gidebilir;
• Video rastgele bir reklam sunucusuna bağlıdır, bu nedenle en belirgin alanların engellemesini kaldırmak bunu göstermek için yeterli değildir. Ben olsam gerçekten ben kalan her etki engeli kaldırma gidebilirsiniz ilgi (sırasına göre daha az-to-daha gölgeli görünümlü isim) bazen etkisiyle, daha önceden orada görünmesini değildi etki, video çalışmalarıyla kadar veya Pes ediyorum.

Bu sadece modern bir tarayıcı ve teknoloji meraklısı bir kullanıcı olduğunu varsaysanız bile olabilecek bazı sorunları göstermek içindir. Sitenizin dışarıdaki her olası yapılandırma için çalıştığından emin olmak için yoldan çıkmanıza gerek yoktur, ancak bu durumda bile bazı arıza korumalı öğelerin mevcut olması önemlidir.

John Conde'un söylediği nokta, teknik insanlar oldukları için modern bir tarayıcı kullandıklarını varsayamayacağınızdı. Bunu söyledikten sonra, Evik James ile OP'nin daha geniş bir kitle için siteyi kodlaması veya bunun yerine bloglamaya başlaması arasındaki dengeyi bulması gerektiğini kabul ediyorum. Bu siteden bir noktada para kazanmak istiyorsa, mobil ile (ve IE6! yukarı. Ancak en azından OP sitesini bir Lynx tarayıcısı üzerinden çalıştırmalıdır.sitesinin bir ekran okuyucusuna veya arama motoru örümceğine nasıl göründüğünü görmek ve her şeyin resimler, CSS ve javascript kapalı olarak görüntülenebilmesini sağlamak için. Sonra modern tarayıcılar için gerçekten harika çanları ve ıslıkları bırakın ve IE6'da biraz yer veya sıkıcı görünen şey hakkında çok fazla endişelenmeyin.

Sanırım hedef pazarınıza göre modern tarayıcılar kullandıklarını varsaymalısınız. Tarayıcı kullanımıyla ilgili bir sekme tutun ve önemli sayıda kişi daha eski tarayıcılar kullanıyorsa uyumluluk değişiklikleri yapın.

Kullanıcıların çoğunu desteklemek ve tarayıcının özelliklerinden yararlanmak için aşamalı geliştirme hakkında bilgi edinmelisiniz . Duyarlı tasarım , cihazların çoğunu desteklemek için önemli bir konudur (Günümüzde birçok insan mobil cihazları kullanmaktadır). Öte yandan, bu konuda size yardımcı olacak Modernizr , boilerplate , explorercanvas gibi birçok kütüphane var .

Hedef kitlenizin programcı vb. Olacağı gerçeği, teknik olarak daha fazla fikir sahibi oldukları için bilgisayarlarında en son şeylere sahip olacaklarını varsaymam. Bir programcı / teknik kişinin bilgisayarında ne kullandığını belirleyen profesyonel düşünce yerine kişisel akıl yürütmedir.

Örneğin, bir programcı paranoyak olabilir ve bilgisayarlarında Java'nın etkinleştirilmesine izin vermez.

Her durumda, internet herkese açıktır, farklı bölümlere güvercin delikli değil. Web sitesini herkesin erişebileceği şekilde oluşturun. Asla bilemezsiniz, bir teknoloji meraklısı programcısı bilgisayar molası verebilir, bu nedenle anneleri PC'lerini kullanarak Internet Explorer 7 ile Windows XP çalıştırabilirler.