HTML5'in Neyle İlgili Olduğunu Görmek İçin 10 Web Sitesi

HTML (HyperText Markup Language), günümüzde en yaygın kullanılan biçimlendirme dilidir. CSS'den biraz yardım alan etiketler, elemanlar ve köşebentler, World Wide Web'de gördüğünüz her şeyin yapı taşını oluşturur.

HTML, web’i nasıl göreceğimizi tanımlamaya başladığından bu yana yaklaşık 20 yıl geçti. Şimdi, beşinci büyük revizyonunun eşiğinde - HTML5. İlk avatarından beşincisine kadar web kendisi değiştirildi. HTML5, yoğun olarak dinamik ve multimedya açısından zengin içeriğe dayanan mevcut ihtiyaçları karşılama girişimidir. Ancak, web’de görünme ve çalışma biçimimizi nasıl değiştirecek??

Bugünün ağı giderek daha etkileşimli ve medya zengindir. Uygulamalar çevrimiçi hareket ediyor. HTML5, tüm videoları, sesleri gömmek, basit grafikler çizmek, uygulamalarla çevrimdışı çalışmak; bütün bunları eklentiler olmadan yapın ve elbette hepsini öncekinden daha hızlı yapın.

Sonuçta standarttır. Bu yüzden, detayları birkaç satırda terletmek imkansız. İşte size HTML5 hakkında size fikir veren on kaynak var. Bunu tanıyalım, çünkü yakında hepimiz kullanıyor olabiliriz..

WTF HTML5'tir [Artık Kullanılamaz]

Araştırma grubu Focus en yeni spesifikasyonları ortadan kaldırıyor ve basit bir şekilde infografik olarak anlaşılması mümkün. On dakika içinde, HTML5'in neyle ilgili olduğunu ve neden umursayacağımıza dair bir helikopter görüntüsü alacaksınız.

HTML5 Dalış

Mark Pilgrim tarafından yazılmış, HTML5'in seçkin özelliklerine elle çizilmiş bir bakış. Konuşma tarzında bir araya getirildi “˜Aptalların serisi için. Temel bilgileri öğrenmek istiyorsanız, bu bir zorunluluktur.

Ve orada “˜Profesör Markup, sık sorulan soruların cevaplarıyla birlikte size rehberlik edecektir. Her bölüm demolar ve örnekler ile desteklenmektedir. Ancak, denemeden önce belirtilen desteklenen tarayıcıları kontrol et.

HTML5Doctor

HTML5Doctor.com adresinde, zeminde çalışmaya başlamanıza yardımcı olacak makalelere sahipsiniz. Örneğin, ilk makaleyi kullanarak, web sayfanızı tarayıcılar tarafından HTML5 olarak tanınacak şekilde ayarlayabilirsiniz. Dördüncü gönderi, HTML5 ile blog tasarlamaya yardımcı oluyor.

HTML5 blogunda ayrıca sorularınızı yükleyebileceğiniz bir Soru ve Cevap bölümü vardır. Cevapların bazıları ana sayfada “˜Sorularınız Cevaplandı 'yayınları.

HTML5Rocks

Bu HTML5 web kaynağı, kodlama konusunda iyi bilgi sahibi olmanızı ister. Eğer öyleyse, HTML5 özelliklerinin nasıl kodlanabileceğini anlamanıza yardımcı olacak birkaç ders vardır. Adresinde HTML5 ile deneme yapabilirsiniz. Oyun alanı ve hatta kendi projenizdeki bazı kod örneklerini yeniden kullanın.

Dersler az fakat kapsamlı. Her biri, HTML5 özellik gereksinimlerini karşılayan tarayıcıların simgesiyle de etiketlenir.

HTML5games

HTML5, Adobe’ye birkaç sıkıntı veriyor çünkü Flash’tan kurtulmayı vaat ediyor (en azından bazı uygulamalar için). HTML5, alıştığımız Flash tabanlı oyunlar kadar çevrimiçi oyunlar kadar etkili olacak mı? Bu sitede barındırılan HTML5 oyunlarını oynayarak kendiniz göz atın.

HTML5 Hazırlık

Tüm tarayıcılar HTML5 için kendilerini okuyor. Bu sitedeki yarım tekerlek, HTML5 ve CSS3 için şu ana kadar her tarayıcının temel yapısının görsel bir göstergesidir. 28 özelliği fareyle hareket ettirebilir ve sahne alanını renk kodlu konuşmacılardan ölçebilirsiniz.

Görünüşünden bakıldığında, Safari ve Chrome diğerlerinden daha çok yolda.

[NO LONGER WORKS] HTML5 Eleman Referans Tablosu

Elementlerin Periyodik Tablosu, Josh Duck'ın bir projesi, periyodik bir tablonun düzenini kullanan 104 HTML5 elementine (ve önerilen 2 elemente) ilginç bir bakış. Her bir hücreye tıklamak, ek referanslarla birlikte kısa bir açıklama getirir..

HTML5 Testi

Bir bakışta HTML5 için hazır özelliklerle eşleştiğinde (tarayıcınızın) puanınızı söyleyebilirsiniz. Web sitesi yüklenir yüklenmez, en fazla 300 olan puan görüntülenir. Destek, HTML5 spesifikasyonunun belirleyebileceği sınırın ötesine uzanırsa bonus puan kazanırsınız.

Skorlar ayrıca tarayıcınızda neyin harika olduğunu ve neyin uygun olmadığını gösteren herhangi bir şeyi gösteren renk kodludur..

HTML5 Galerisi

HTML5gallery.com, HTML5'i başka bir biçimde kullanan diğer web sitelerini de karşılaştırır. Küçük resme tıklayabilir ve görüntülenen web sitelerine ulaşabilirsiniz. Aynı zamanda web geliştiricilerin HTML5'i nasıl uyguladıklarını görmek için bir öğrenme platformudur..

Profillenmiş her web sitesi, bir HTML5 öğesinin web sitesini tasarlamak için nasıl kullanıldığını açıklayan küçük bir nota sahiptir..

YouTube HTML5 Beta

“˜Video 'öğesi, HTML5'in en çok satan noktalarından biri olarak tanıtıldı. Çoğu video için Flash oynatıcı yerine HTML5 oynatıcı kullanmayı seçerek bunu YouTube'da test edebilirsiniz. Denemeleriniz, geçerli tarayıcınızın HTML5 videolarla nasıl başa çıktığını da söyleyecektir. YouTube’un beta çabasıyla ilgili daha ince noktaları not etmek için Notlar bölümünü okuyun..

Her şey ileride heyecanlı günler diyor. HTML5'teki bu on web sitesi, yakında patlayacak olan bir ırkın sadece ilk başlayanları. Umarım, HTML5 ile çalışmak için sizi doğru öğeye sokmanıza yardımcı olurlar.

Resim: justinsonmia