HTML5'in Flaş Merkezli Kavram Yanılgıları
Web tasarımında on yılı aşkın bir deneyime sahip olarak, en son tasarım araçları ve teknolojileriyle ilgili birçok yanlış inanışa rastladım; ama hiçbir şey HTML 5 kullanımını çevreleyen kavram yanılgılarını yitirir.
Geliştiriciler olarak, belirli bir teknolojiyle ilgili yanlış yönlendirilmiş kendi inanç setimize sahibiz, ancak bu teknolojiyi kullanmaya başladığımız zaman, bunun ne anlama geldiğini, kullanımını ve kapsamını anlayabiliyoruz.
Zaman içinde karşılaştığım belirli HTML5 gereksinimlerinden esinlenerek, HTML5'in belirli kısımlarındaki havayı temizlemek için iki sent'imi eklemek istedim. HTML5'i çevreleyen kavram yanılgılarının çoğu, birçok kişinin Flash'ın yerini aldığını düşünüyor.
Başlangıçta, bunun bir HTML5'e karşı Flash yayını olmadığını açıkça belirtmek isterim. Gerçek şu ki, biri diğerinin yerine geçemez, yani 'biz onlara karşı' savaş yoktur. Ancak, orada yanlış kavramların nub'u var. Sorun şu ki insanlar HTML5’in Flash’a gelişmiş bir alternatif olduğuna inanıyorlar. Tüm yanlış kavramlar bu düşüncenin bir sonucudur.
HTML 5'in teknik özeti
World Wide Web'in beşinci büyük revizyonu hem HTML hem de XML sözdiziminde yazılabilir ve birlikte çalışabilir uygulamaları kolaylaştırmak için ayrıntılı işlem modelleri ile özel olarak entegre edilmiştir ve aynı zamanda HTML belgeleri ve web uygulamaları için işaretlemeyi de geliştirir. Temel amacı, web endüstrisindeki çapraz platform bağımlılığını çözmektir.
Eğer tüm bunlar size Yunanca geliyorsa, HTML5'in karmaşık tekniklere girmeden kolayca anlaşılan bir dile ne yaptığını inceleyelim:
- HTML5, XML standartlarını takip eden güncellenmiş bir işaretleme dilidir.
- HTML5'in ardındaki fikir, diğerlerinin yanı sıra iOS, Android, Windows dahil olmak üzere tüm işletim sistemlerinde web ürünlerinin performans ve çıktılarındaki tutarlılığı sağlamaktır.
HTML ile ilgili en yaygın yanlış kavramlar tasarım merkezlidir. Yani, HTML 5'in tasarım açısından sunduğu şeylere bir bakalım.
- Medyayı doğrudan HTML belgelerine yerleştirmeye yardımcı olan yerleşik ses ve video desteği, dış eklentilerin kullanımını gereksiz hale getirdi.
- HTML5, animasyonlar için SVG ve Canvas öğelerini destekler.
- Tasarımcılara 'acil modda' 2D grafiklerin oluşturulmasını kolaylaştıran bir tuval elemanı sunar. Bu, grafik nesnelerin doğrudan ekrana işlendiği anlamına gelir.
- Ağır içerikli ve sadece kullanıcı dostu değil aynı zamanda SEO dostu olan etkileşimli uygulamalar oluşturmak için geliştirilmiştir.
Neden insanlar HTML5'in Flash yerine geçtiğini düşünüyor?
Flash, kullanıcılara zengin bir web deneyimi sağlayan etkileşimli ve ilgi çekici web içeriği sunmaya yardımcı olan bir multimedya yazma programıdır. Masaüstü ve dizüstü bilgisayar tarayıcılarının% 99'una ulaşan son derece popüler bir platformdur ve tüm tarayıcılarda aynı teknik ve görsel performansı sunar. Ancak önemli bir dezavantajı var, yani iOS gibi mobil işletim sistemleri tarafından etkin bir şekilde desteklenmiyor.
Bunun için HTML5 var.
Şimdi bu ifadeye çok yakından bakın. Yüz değerinde ele alındığında, iOS platformu için son derece etkileşimli uygulamalar geliştirirken, HTML5'in Flash'ın yerini tutması anlamına gelebilir.
İstemcilerin geliştiricilerinden bir Flash uygulamasını HTML5 kullanarak, belirli bir mobil cihaz veya tablet için çoğaltmasını istediği senaryolar oldukça yaygındır. Sorun şu ki, geliştirme platformları ve onların işlevsellikleri yüz değerlerinde alınmamalıdır. Evet, HTML 5'in sunduğu başlıca avantajlardan biri, her mobil işletim sistemi için yeni bir uygulama kodlamak yerine tüm cep telefonu işletim sistemlerinde çalışan uygulamaları geliştirmeyi kolaylaştırıyor.
Ama bu bir Flash değiştirme anlamına gelmez.
HTML5'i çevreleyen popüler kavram yanılgıları
İnsanların HTML 5 hakkında sahip oldukları kavram yanılgılarını gösteren bir dizi senaryodan geçeceğim.
1. Senaryo : Mevcut bir Flash tabanlı tasarım aracını HTML 5'e dönüştürün
Misconception : HTML 5, Flash'a benzer bir şekilde görüntüleri maskeleyemez; Görüntü maskelemesi, ne kadar işaretli ne de pürüzsüz. Daha da önemlisi, Flash daha hızlıdır ve alanların ve çapların hesaplanması gibi belirli işlevler söz konusu olduğunda; Flash çok daha iyi bir seçenektir. Sürükle / Ölçek ve Zum gibi özellikler, Flash'ta HTML 5 ile karşılaştırıldığında daha iyi çalışır.
Senaryo 2 : Dönüştürme Flash tabanlı ses kütüphanesi HTML5 tabanlı bir tablet uyumlu kütüphaneye.
Misconception : HTML5, ses ve video desteği sunuyor ancak bazı sınırlamalarla birlikte. Bu Flash tabanlı web sitesinde neredeyse 800 mp3 dosyası vardı; büyük ölçekli bir uygulama yapmak. Sorun, Mozilla'nın .ogg formatını ve chrome / safari'nin .mp3 formatını desteklemesini sağlarken, kullanıcının tercih ettiği tarayıcı IE8 ise, Flash Audio Player'ın bir gereklilik haline gelmesidir. HTML5'te bulunan Sınırlı Uzantılar, tek çözümün tüm ses dosyalarını iki biçime dönüştürdüğü anlamına gelir - mp3 ve ogg / wave. 800 dosyayı iki dosya biçimine dönüştürmek sadece zaman alıcı bir işlem değildir, aynı zamanda sunucu depolamayı da artırır.
Sonuç, blokları yavaşlatan bir iPad uygulamasıdır.
3. Senaryo : Dönüştürme Flash tabanlı web sitesi HTML5 tabanlı bir web sitesine.
Yanlış Kavrayış : HTML5'in her çeşit animasyonu, hatta büyük ölçekli çeşitlerin bile üstesinden gelebileceği konusunda bir yanlış anlama var. Ama en azından henüz değil. 3D efektler sunma ve aynı anda birden fazla animasyon çalıştırma becerisi oldukça sınırlıdır. HTML5 animasyonlarının performansını belirleyen sistem yapılandırmasıdır ve şu ana kadar bir bellek yiyici olduğu kanıtlanmıştır. HTML5'in kullanımının, animasyon açısından çok şey yapması istenirse, web sitesi performansını etkilemesinin iyi bir şansı vardır. Web sitesi çökecek veya hızı etkilenecektir. Dolayısıyla, yukarıdaki durumda, HTML 5 web sitesi aynı marka performansını sunamayabilir.
Sık rastlanan HTML 5 hatalarını giderme
Öncelikle, HTML 5, bazı gelişmiş işlevler ile çok uygun bir ses ve video çözümü sunuyor. Tüm iyi ve iyi, ama pek çok insanın görmezden geldiği şey, bu ses ve video dosyalarının tarayıcılarda çalınmasıdır. Her tarayıcının ses ve video için yerleşik eklentileri vardır, ancak farklı tarayıcılar ses ve videonun farklı sürümlerini destekler. Bu nedenle, tüm tarayıcıların gereksinimlerini karşılamak zor oluyor.
İkincisi, SVG ve Canvas öğeleri, geliştiricilerin 2D animasyonları uygulamalarını ve entegre etmelerini kesinlikle kolaylaştırdı, ancak bu animasyonun web sitesi performansı üzerinde zararlı bir etkisi olduğu gözlemlendi. Ayrıca, HTML5, 3D animasyonlar ele alındığında zayıf kalıyor, bu da geliştiricilerin bir Flash web sitesini HTML5'te benzer bir verimlilikle çoğaltamamasına neden oluyor. Her zaman sınırlamalar olacaktır.
Üçüncü olarak, HTML5 Zengin İnternet Uygulamaları'nı kullanabilirsiniz, ancak Flash / Flex'in sunabileceği aynı verimlilik ve işlevsellik modelini sunabildikleri konusunda yanlış düşünmeyin. Örneğin, Flash uzaktan servislerle doğrudan iletişim kurabilirken HTML5, .
Artık HTML5'in yapamayacağını bildiklerinden, HTML5'in yapabileceği ve aslında çok iyi yapabileceği küçük bir şeyler listesi sunmama izin verin. Bu ayrıca yanlış anlamayı büyük ölçüde azaltmaya da yardımcı olabilir.
- İPad, iPhone, Windows vb. Üzerinde çalışan tek bir uygulama oluşturabilirsiniz. Başka bir deyişle, platform / cihaz bağımsızlığını kolaylaştırır - kendi başına büyük bir fayda.
- Tablet, mobil ve masaüstünde aynı anda çalışan tek bir web sitesi geliştirmeye yardımcı olur.
- İyi kullanılmışsa ve kullanılması gerektiği şekliyle, web sitesi performansını artırabilir.
- Tüm platformlarda ses ve video etiketlerinin kullanılmasını sağlar, ancak biraz sıkı çalışmaya hazır olun.
- Video, ses ve görüntülerin hepsi doğrudan kodlara yazılır ve herhangi bir üçüncü taraf yazılıma olan ihtiyacı ortadan kaldırır.
- WebSockets uygulaması nedeniyle eski sürümüne kıyasla daha hızlı yükleme süresi.
- Grafikler ve ışık efekti için harika vektör animasyonları sunar, ancak animasyonlar söz konusu olduğunda ay, güneş ve yıldızları beklemez; Flash bu yönde ileriye gidiyor.
- Belirli bir klavye desteği sunmak için uygun yerleşik form doğrulama ve tip bildirimleri sağlar.
HTML 5 kesinlikle Flash'ı üst üste birden fazla yolla kullanma potansiyeline sahiptir, ancak şu anda devam eden bir çalışmadır. Mevcut avatarında bile, cep telefonu uygulamalarının daha erişilebilir olmasını sağlıyor ve geliştiriciler artık farklı cep telefonları için evrensel uygulamalar oluşturabiliyor. Ayrıca, web sitesi yaratıcılığında daha fazla esneklik sağladığından şüphe yoktur. Şimdilik, bu yeterli. Gelecekte olan şey saf hipotezdir.
Feragatname: Bu yazıda kullanılan tüm resimler açıklama amaçlı sadece uygun senaryoları açıklamak içindir.
Yaygın olarak desteklenmeyen bazı HTML5 özelliklerini zaten mi uyguluyorsunuz? En çok hangi özellikleri benimsemek için bekliyorsunuz? Yorumlarda bize bildirin!