İyi yazılım şarap gibidir, zaman alır. Joel Spolsky
HTML5 ile gelen yeni bir özellik te placeholder, bu özellik input alanlarında kullanıcıya bilgi - referans vermek için kullanılır, kısaca input içinde bir yer tutucu görevini yapar, kullanıcı inputa tıkladığında bu değer kaybolur ve boş bir input gözükür, ama google. Devamı »
Öncelikle datalist ile başlayalım. Datalist HTML5 ile gelen yeni özelliklerden birisi, tıpkı selectbox gibi kendi içinde option etiketini tutar, <datalist id="id_adi"> şeklinde tanımlanır özelliğe verilen id, tanımlanan ilgili input un list etiketine verilmelidir. Input type="color" Bu yeni input da HTML5 ile birlikte. Devamı »
Bir görevin, işlemin ilerleme veya tamamlanma sürecini kullanıcıya görsel olarak göstermemizi sağlar, iki standart özelliği vardır. Özellikleri; max : Görevin ya da işlemin bitirilme durumunu tanımlayan özelliktir. value : Görevin ya da işlemin şu anki durumunu gösteren özelliktir. İnternet Explorer ve Safari tarayıcıları henüz. Devamı »
CSS @font-face ile yeni Türk lirasının kullanımını paylaşmak istedim. TC Merkez Bankasının yayınladığı yazı tipi olan AbakuTLSymSansRegular ı ekleyerek başlayalım işe, ilgili fontu buradan indirebilirsiniz. @font-face ile fontu ekleyelim @font-face { font-family: 'AbakuTLSymSansRegular'; src: url('abakutlsymsans.eot');. Devamı »
Html5 in nav etiketinden bahsedeceğim bugun, <nav> etiketi menu alanlarını <div class="id"></div> karmaşası ile tanımlamak yerine sadece <nav></nav> tagları arasında tanımlamamızı sağlıyor. Örneğimize geçelim. Eski Kullanım; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Standart Div</title> </head> <body> <div id="menu"> <ul> <li><a href="#">Anasayfa</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">Referanslar</a></li> <li><a href="#">İletişim</a></li> </ul> </div> </body> </html> Yeni Kullanım; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5 NAV</title> </head> <body> <nav> <ul> <li><a href="#">Anasayfa</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">Referanslar</a></li> <li><a. Devamı »
