HTML5 Notification API / Masaüstü Bildirimleri (Facebook ,Gmail gibi)

HTML5

Bu yazıda HTML5 ‘ in yeni özelliklerinden olan notification apiyi tanıyacağız.Notification api herhangi bir istekte kullanıcının masaüstünde bir bildirim oluşturur ve bu bildirim tarayıcı kapansa dahi çalışabilir.Tabi bu uygulama için kullanıcıdan tarayıcı vasıtasıyla izin almak gerekir..

HTML5 – Javascript Harekete duyarlı uygulamalar (Motion detection)

HTML5

Merhaba, arkadaşlar javascript ve html5 canvasların birleşimi harekete duyarlı web uygulamaları ilginizi çekiyorsa canvas apının ne işe yaradığını, nerelerde kullanıldığını kestiremiyorsanız bu konuyu okuyabilirsiniz.Sizlere yaptığımız projenin genel bir tanıtımını yaparak konuyu anlatacağım

HTML5 Tam Ekran Uygulaması (Full Screen API)

HTML5

HTML5 gittikçe gelişiyor ve bu gelişmelerden ne yazıkki çoğu web yazılımcısının haberi olmuyor. Full Screen API de html5’in getirdiği yeniliklerden birisi.Herhangi bir html elementini tam ekranda görüntülememize olanak sağlıyor..

HTML5 ile Kullanıcının Bağlantı Tespiti (Offline / Online API)

HTML5

Bazı uygulamalarda gözünüze çarpmıştır.Uygulama internetiniz koptuğunda sizi bilgilendirir.Buna örnek olarak facebook sohbetde bağlantınız koptugunda sohbete bağlanamıyor gibi bir uyarı mesajı yer alır.Bu özellik gibi küçük detaylar her zaman kullanıcının dikkatini çekmiş ve mutlu etmiştir.Bizde kullanıcımızın bağlantısını kontrol edip bağlantı koptuğunda mesaj vermesini sağlayacağız.

Php Durum Çubuğu ile Dosya Yükleme (HTML5 Progressbar)

HTML5

  Bu yazımızda html5’in nimetlerinden progressbarı kullanıp php ile bir dosya yükleme işlemi gerçekleştireceğiz.Bunun için tabiki bir miktarda javascript ve ajax kullanacağız.Yazıyı okumadan önce temel seviyede ajax bilmeniz yeterlidir ..

jQuery Facebook Tarzı Bildirim Sesi | Chat Uygulaması

451083_jquery

Bu makalede web sayfamızda nasıl bildirim seslerini kullanabileceğimize bakalım.Bildirim seslerine örnek vermek gerekirse facebook’da chatleşirken gelen sohbet seslerini gösterebiliriz.Biz de bunu basit bir chat kutusuyla Jquery ve HTML5’in audio etiketini kullanarak oluşturacağız.Makale sonunda kendi hazırladığınız şablonu test etmek için bilgisayarınızın sesinin açık olduğundan ve tarayıcınızın HTML5’i desteklediğinden emin olun ..

Harika bir Twitter Butonu

css3-web-design-examples

Erik Deiner Tarafından kodlanmış olan bu tasarım en son ayrıntısına kadar düşünülmüş ve harika.Sayfanızda kullanmanız için sadece takipci bölümünü kendi twitter adresinizle değiştirin ve istediğiniz gibi kullanın 🙂

HTML5 ve Web Formları 1 | Form Elemanları

HTML5

HTML5, yeni form elemanları ve özellikler tanımlar.HTML5 yapısı, görsel veri giriş kontrolleri, girilen verinin belirli bir formatta olup olmadığını kontrol eden yeni elemanlar barındırır.Şimdi HTML5 içerisindeki tüm form elemanlarına yakından bakalım.

HTML5 Etiketleri 7 | Interaktif elemanlar

HTML5

HTML5 Etiketlerimi öğrenmeye devam ediyoruz.

Lütfen bol bol örnek yaparak konularda ilerleyiniz.

Interaktif elemanlar grubunda bulunan HTML5 ile yeni tanımlanan elemanlar için Chrome da full tarayıcı desteği bulunmaktadır.

details,summary,command,menu elemanlarını içerir.Şimdi bu elemanları yakından inceleyelim

HTML5 Etiketleri 6 | Tablolar

HTML5

HTML5 Etiketlerimi öğrenmeye devam ediyoruz.

Lütfen bol bol örnek yaparak konularda ilerleyiniz.

Tablo oluşturmak için kullanılan elemanlardır.

.

Arama
Beni yukari isinla