Yükleme Çubuğunun Dönüşü: CSS3 ve HTML5 Yeni Flash mı?

Bugün, Flash'ın olumsuz bir ışık altında nasıl ve neden kabul edildiğini ve onun yerini alan modern teknolojilerle aynı yolu izlemekten nasıl kaçınabileceğimizi biraz tartışacağız.

Envato Elements'i keşfedin

Flash'tan Neden Nefret Ediyoruz

Beğen ya da beğenme, web Flash'ı açtı. Eski İnternet posteri çocuğu, birçok kullanıcıda dürüst nefret duyguları ortaya çıkaran kırmızı başlı bir adım çocuğu oldu. Bu yürüyüş büyük ölçüde Steve Jobs ve Apple'ın iOS'ta Flash'a izin vermeyi reddetmesi tarafından yönetildi, ancak her gün web kullanıcıları teknolojiyle uzun zamandır bir sığır eti vardı.

Birkaç nedenden dolayı Flash harikaydı. Web geliştiricilerinin web sitelerini daha önce imkansız olan bir dinamizm seviyesine getirmesine izin verdi. Sıkıcı statik sayfalar ülkesi yerine, İnternet gerçekten sürükleyici ve düpedüz fütüristik deneyimlerin mümkün olduğu bir yer haline geldi.

Bütün bunlar olsa bir bedeli vardı. Flash'ın yükselişiyle birlikte web de dikkat çekici bir şekilde buggy ve halsiz bir yer haline geldi. Flash web siteleri elbette Flash eklentisi gerektirir ve en son sürüme sahip değilseniz, onu alsanız iyi olur veya bu şey işe yaramaz.

Sonra yükleme çubukları geldi. Saf Flash sitelerinde sayfa yükleme süreleri katlanarak ve aniden artar “Yükleniyor:% 10… Yükleniyor:% 11…” iplikçiler günlük hayatımızın bir parçası oldu.

Son olarak, istikrar sorunu var. Steve Jobs ünlü olarak, çoğu zaman Mac'ler çöktüğünde, Flash'ın suçlanacağını belirtti. Bu biraz abartılı ama ifadenin çekirdeği bazı gerçekleri ima ediyor. Hepimiz Flash'la ilgili donma ve kötüleşme yaşadık. Öyle ki, birçok kişi manuel olarak onaylanmadığı sürece tüm Flash etkinliklerini engelleyen eklentiler indirir.

Hollywood Bilgeliği

Kaos uzmanı Ian Malcom, Jurassic Park filminde yaşayan bir dinozor adası bulduktan sonra şunları söylüyor: “bilim adamlarınız yapabilecekleri veya yapamayacakları konusunda çok meşguldüler, yapmaları gerekip gerekmediğini düşünmek için durmadılar.”

“Bilim adamlarınız yapabilecekleri veya yapamayacakları konusunda çok meşgullerdi, yapmaları gerekip gerekmediğini düşünmek için durmadılar. -Ian Malcom

Bu alıntı, Flash'ın ün kazanması için çok uygundur. Geliştiriciler ne yapabilecekleri konusunda çok heyecanlıydılar, ne yapmaları gerektiğini sormayı unuttular. Flash genel deneyimi geliştirecek veya kötüleştirecek mi? Flash kullanarak ne kazanıyorum ve neyi feda ediyorum? Kullanıcılarımın çoğunluğu verdiğim kararlardan memnun olacak mı? Kaçırılacak kullanıcı havuzu ne kadar büyük ve onlar için hangi seçeneklere sahip olacağım?

Yinelenen Tarih

Şimdiye kadar ileri sar. CSS3 ve HTML5 günü kurtarmak için geldi. Flash, ipler üzerindedir ve yalnızca CSS, HTML ve JavaScript ile oluşturulmuş şaşırtıcı yeni sitelerin çarpıcı örneklerini gördüğümüz için her gün yeni bir yenilgi almaktadır.

HTML ve CSS modern web tarayıcılarına yerleştirilmiştir ve bugün bildiğimiz şekliyle Worldwide Web'in en temel omurgasıdır, bu nedenle bu sayfaları dinamik sayfalar oluşturmak için kullanabilmek bir web tasarımcının hayalini gerçekleştirmektir.

Bununla birlikte, giderek daha fazla geliştirici bu teknolojileri aldıkça ve bunları sınırlara zorlamaya başladığında, Jurassic Park Sendromu bunu ortaya koymaya başlıyor. Hepimiz mümkün olan şeyle o kadar meşgul oluruz ki, izin verilebilir olanı gözden kaçırmak kolaydır.

Web'e göz attıkça giderek Flash benzeri bir geleceğin yaklaşmakta olduğuna dair işaretler görmeye başlıyorum. Sayfa yükleme süreleri “yükleme” mesajlarının geri döndüğü noktaya kadar artıyor, web sayfaları tarayıcıya oldukça bağımlı hale geliyor, uzun animasyonlar tarayıcı donmalarına neden oluyor; tanıdık geliyor mu?

Beni yanlış anlamayın, ayağa kalkıp HTML5 ve CSS3'ün yalnızca web'in geleceği değil, aynı zamanda mevcut en iyi teknolojilerin kaynağı olduğunu söyleyen ilk kişi benim. Ancak, Flash benzeri bir senaryodan kaçınmamız gerektiğinde dikkatle ilgili bazı görüşmelerin uygun olduğunu düşünüyorum.

Evet, yeni oyuncaklarımız harika, ama bir dakika yavaşlayalım ve uygulamadan önce kendimize birkaç önemli soru soralım.

Önemli Sorular

Aşağıda, sitenize belirli yeni nesil teknolojileri uygulamadan önce kendinize sormanız gereken soruların kaba ve eksik bir listesi verilmiştir.

Amaç Deneysel / Eğitsel mi?

Bana bir parmak işaret etmeye hazır olanlarınız ve haftalık CSS3 tekniklerim için, ücretsiz bir geçiş elde ediyorum (bu uygun değil mi?). Benim görevim sadece web'in mevcut durumunu değil, yaklaşan trendleri ve teknolojileri tartışmak. Sonuç olarak, bu blog ve diğerleri kesinlikle ortaya çıktıkça yeni teknikleri araştırmalı ve öğretmelidir.

Birey olarak, deney yapma hakkınız da vardır. Deneysel özelliklere sahip bir web oyun alanı veya kişisel web sitesi kurmanın hiçbir zararı yoktur. Sorun, maksimum kullanıcı uyumluluğunun birincil hedef olduğu varsayımı altında bir site oluşturmak için işe alındığınızda ortaya çıkar. Çoğu şirket sadece diğer web tasarımcıları için etkileyici ve herkes için biraz sinir bozucu bir site oluşturmak için işe deli olmayacaktır.

Ne Kazanılır? Ne Kaybolur?

Tıpkı Flash uygulamasında önerdiğim gibi, herhangi bir yeni veya deneysel teknoloji ile her zaman artılarınızı ve eksilerinizi dikkatlice tartmalısınız.

Fayda çoğunlukla estetik bir destek midir? Kullanılabilirlikte hafif bir vuruşa değer mi? Büyük olana ne dersin? Ortalama tasarımcı olmayan kullanıcının bakış açısından, bu seçenek deneyime katkıda bulunacak veya deneyimden uzaklaşacak mı?

Örneğin, JavaScript yerine saf CSS3 kullanarak süslü bir animasyonlu açılır menü oluşturduğunuzu varsayalım, bunu daha etkileyici veya daha fazla kullanıcı için gitmiş olduğunuzdan daha işlevsel hale getirebileceğinizi bildiğiniz için mi yapıyorsunuz? JS yolu?

Her şey Ian Malcom'un ikilemine geri dönüyor. Bir sitede bir dizi modern web sihirbazını çıkarabileceğiniz ortaya çıkıyorsa , kendinize her zaman ihtiyacınız olup olmadığını sorun.

Bazen gelişmeler sitenizi düzene koymanıza ve daha da kullanışlı hale getirmenize yardımcı olur, bazen de ilerlemiş şeridinizi sallarken kendinizi şişirilmiş kod ve yavaş bir sayfa ile bulacaksınız. Sadece kendinize karşı dürüst olun ve çizgiyi nereye çizeceğinize karar verin.

Herhangi Bir Kullanıcı Kaçırır mı?

Bir müşteri sitesine bazı Webkit Anahtar Kare Animasyonları (en sevdiğim CSS3 hediyelerimden biri) uygulamak istediğinizi varsayalım, ilk önce kaç Webkit kullanıcısı bırakacağınızı görmek için analitiklerinize bir göz atıyor musunuz?

Tarayıcı uyumluluğu HTML5 ve CSS3'ten önce önemli bir sorundu ve şimdi daha kötü. Her zaman kullandığımız aynı mantık yine de geçerlidir. Her büyük tarayıcıyı düşünerek tasarladığınızdan emin olun. İlgili olarak, tarayıcıya özgü hileler ve efektler uygulamak konusunda kötü hissetmemelisiniz, sadece diğer kullanıcıların hala sağlam bir deneyime sahip olduğundan emin olun.

Açıkçası, ilerici geliştirmeden bahsediyoruz. Tüm büyük tarayıcılarda çalışan bir işlevsellik ve estetik temel ile başlayın, ardından gerçekten modern bir tarayıcı kullanarak ileri görüşlü kişiler için özel ekstralar ekleyin.

Sonuç

Özetle, HTML5 ve CSS3'ü kesinlikle seviyorum. Daha önce mümkün olduğunu düşündüğüm şeyleri denemek ve sınırlarını uzatmak için çok fazla zaman harcıyorum. Ancak, gerçek projeler üzerinde çalışırken, her zaman denize girmek ve sadece Flash ile oluşturulmuş gibi görünmekle kalmayıp aynı zamanda bu şekilde hareket eden bir site oluşturmak konusunda da temkinliyim!

Aşağıya bir yorum bırakın ve müşteri sitelerinde yeni teknolojilerin kullanımına nasıl yaklaştığınızı bize bildirin. HTML5 ve CSS3'ü tamamen kucaklıyor musunuz veya yalnızca gerçek iyileştirmelerin yapılabileceği yerlere seçici bir şekilde çekici mi?