Hadi ile yüzleşelim, web geliştirme kolayca bir karmaşa olabilir. HTML, CSS ve Javascript Hepsi uzun yıllardır mütevazi kökenlerden gelişti ve onları nasıl kullanmanız gerektiği konusunda büyük ölçüde eşdeğerdir. Sonuç olarak, her şey söylenemez bir karışıklık inşa etmek çok kolaydır. Standartlara yapışmak ve teknik özelliklerdeki en son iyileştirmelerden yararlanmak iyi bir kod garanti etmez, ancak kesinlikle yardımcı olabilir.
Her türlü yazılım geliştirmede, modülerlik, bakım yapılabilir kod oluşturma söz konusu olduğunda kraldır. Sonuç olarak, web bileşenlerine yakın bir göz tutmak istersiniz. Tarayıcı desteği harika değil, ama kendinizi yakalarsanız polifiller , eğrinin önüne geçebilir ve kodunuzu hemen yapılandırmak için özel öğelerden yararlanmaya başlayabilirsiniz. Bu gelişme tarzı gelecek, bu yüzden şimdi buna aşina olmaya değer.
HTML5'in kendisi iyi kodlama uygulamalarını teşvik etmek için bir dizi yeni unsur (ve birkaç kez kaldırılmış) tanıttı. HTML5'in betimsel unsurlarının kullanılmasını ifade eden anlamsal işaretlemeyi duymuş olabilirsiniz. & lt; makale ve gt; ve & lt; Şekil ve GT; İçerdikleri içerik türünü belirtmek için.
Bu, kodunuzun temizliğine gerçekten yardımcı olabilir, çünkü HTML elemanları hemen tanımlayacak, örneğin hangi parçalar menü çubuğunu, içerik bölümlerinizi, altbilgiyi vb.
Ayrıca, en son JavaScript standartlarından yararlanırsanız yardımcı olacaktır. Javascript ayrıca dağınık olabilir, ancak son yıllarda çalışmak çok daha kolay hale gelir. ES6 Sözdizimi, tarayıcılarda yaygın olarak desteklenir ve ok işlevleri ve sınıfları gibi özellikler hayatınızı çok daha kolay hale getirebilir - yine de birçok geliştirici ya onları kullanmaya karşı yabancı ya da temkinli olabilir.
Modüler geliştirme temasına devam eden JavaScript, şimdi bağımlılıklarınızı temiz bir şekilde yönetmenize yardımcı olabilecek modül yüklemesini de destekler.
Bunlar bir zamanlar uzman bir yazılım gerektiren karmaşık fonksiyonlar olmuştur, ancak şimdi doğrudan tarayıcılara inşa ediliyorlar. Web Konuşma API, metin-konuşmaya ve konuşma metnini destekleyen bileşenlere sahiptir. Bunların ikincisi, çevrimiçi bir hizmet kullanır (Chrome, Google Cloud Speech API'sini kullanır) veya cihazın yerel konuşma tanıma hizmetini kullanır. Bunun gelecekte mobil cihazlarda yaygın olarak kullanıldığını görmeyi bekleyin.
Trivial Sun olabileceği gibi, bu, HTML5'in daha önce oldukça karmaşık bir UI bileşeninin özel kodlamasını gerektiren ortak görevleri nasıl basitleştireceğine dair büyük bir örnektir. & lt; giriş türü = "renk" & gt; Cihaza özgü bir renk seçici kullanarak, tıklandığında görsel bir renk seçicisi görüntüleyecektir. Bu özellikle HTML tuvaliyle faydalı olabilir. Mobil Safari hariç, yaygın olarak desteklenir.
Bu, mobil platformlarda güzel bir estetik dokunuş sunabilir. & lt; meta name = "tema rengi" içeriği = "# ffffff" / & gt; Sitenizi görüntülerken tarayıcıyı araç çubuğunu yeniden renklendirecek şekilde talimatlar için tasarlanmıştır. Ne yazık ki, bu biraz standartlaştırılmamıştır. "Tema-renk" İhtiyacınız olacak iOS'ta Chrome, Firefox ve Opera ile çalışır "Apple-Mobile-Web-App-status-Bar tarzı" (sadece tam ekran modunda çalışır).
Umarım zaten duyarlı tasarım uyguluyorsunuz, bu durumda görüntüleriniz görünümüne uyacak şekilde yeniden boyutlandırılacak. Bu mükemmel değil, kullanıcıyı görüntünün en büyük sürümünü indirmeye zorladığınızdan sonra indirin. HTML5'e girin & lt; picture & gt; Ekran çözünürlüğüne bağlı olarak görüntülenecek farklı görüntüler belirlemenizi sağlayan eleman, sitede görüntülenir.
Açıkça adlandırılan titreşim API, tam olarak destekleyen cihazlarda tam olarak ne yazdığını söyleyen tek bir işlevi, titreşimi () gösteriyor. İşlev, bir titreşim modelini argümanı olarak tanımlayan bir liste alır. Kenar ya da safaride şansın olmasa da, Chrome, Firefox ve Opera'da çalışacak. Bazı reklamların bunu kullanıcının dikkatini çekmek için kullandığı bildirildi, bu yüzden jüri aslında iyi bir fikir olup olmadığı konusunda ortaya çıkıyor.
Bu makale başlangıçta ortaya çıktı Web tasarımcısı Sayı 266. Buradan satın al .
İlgili Makaleler:
Pentagram, halka açık tiyatro için ısmarlama yazı yazdı. (Görüntü Kredi: Halka açık Pentagram) ..
Bir gül nasıl çizilir - Bir gül video çizmek nasıl - Bir gül nasıl çizilir: yeni başlayanlar - ..
Sayfa 1/2: Sayfa 1 Sayfa 1 Sayfa 2 3D Uzman Glen Southern, 8 M..
Dünyadaki en büyük yaşam karası memeli olarak filler oldukça inkar edilemez bir varlığı var. Doğumda, filler zaten 200 pound'a (kabaca 90 kg) ağ..
Zbrush'ta yaratıkları kavramlarken, fikrinizi bir GREYSCALE, UNSISSED parça olarak sunmak 3d sanat Bir izleyici..
Her zaman tüyler nasıl çizileceğini bilmek istediniz ve onları süper gerçekçi hale getirirseniz, doğru yerdesiniz. Bu adım adım kılavuz, kuş tüylerini daha üç boyutlu bir sonu..
Bu çizim öğreticisinde öğreneceksiniz Nasıl çizilir ve boyayın kullanarak bir zombi Klibi stüdyo ..
Ne zaman bakım yapılabilir ve ölçeklenebilir web siteleri inşa etmek hakkında konuşursak, kaçınılmaz olarak karşılaş..