HTML5 özellikleri uzun zamandır kodlarımız arasında birçok özelliği ile yer aldı bu özelliklerinden biride genellikle css ile kazandırdığımız özellik olan gizle/göster özelliğidir. Attribute ile göster gizle olayını nasıl sağlarız makale devamında göreceğiz.
Etiket: html
Son zamanlarda mobil uygulamlarda ve web’de sıkça rastladığımız şifre göster gizle olayını basit bir şekilde html ve javascript kullanarak nasıl yapabiliriz onu göreceğiz.
HTML’de listeden seçim yaptırmak için en sık kullandığımız nesnelerden biride select elemanıdır ve bu html elemanı içerisindeki listeyi gruplamak isterseniz optgroup etiketini kullanmanız gerekecektir. Tek yapmanız gereken option ile oluşturduğunuz listenizi optgroup etiketleri arasına almak.
HTML liste elemanlarını galeri, menü oluşturmaktan çok genel işlevi olan listeleme türleri ve şekilleri üzerinde yüzeysel olarak duracağız.
HTML font’u kalın, eğik(italic), altı çiziki yapmak için mantıksal font stillerini kullanırız yani hiçbir css değişikliği yapmadan yazılar üzerinde istediğimiz değişiklikleri html etiketleri kullarak yapabilmekteyiz makale devamında bu mantıksal font stillerinin neler olduğu görebilirsiniz.
Html a Etiketi, HTML’de en çok kullanılan etiketlerden biride a(Anchor) etiketidir bu etiket ile genellikler farklı sitelere absolute link verme veya site içerisinde kullanıcının daha rahat dolaşabilmesi için site içi relative linkler verilebilir.
Günümüzde CSS3 ve HTML5 teknolojileri ile beraber çok şık tasarımlar ortaya çıkmakta biz bu örneğimizde CSS3’ün bazı özelliklerini kullanarak tam ekran arkaplan’ın nasıl yapıldığını göreceğiz.
Başlıkta’da belirtildiği gibi HTML5 ile gelen datalist ile input nesnesi için veri listesi hazırlayabilirsiniz örnek olarak range türü için aralık, color için renk listesi, text için otomatik tamamlama gibi özellikleri datalist veri listesi oluşturarak kullanabilirsiniz.
HTML5 ile beraber gelen yeniliklerden biride color input türüdür bu input ile kullanıcıdan renk seçimi yapmasını sağlayabiliyoruz. Makalenin devamında hangi tarayıcılarda çalıştığı ve çalışmayan tarayıcılar için ne yapılacağı anlatılmıştır.
HTML5 ile beraber gelen multimedia uygulamalarından biri olara audio etiketi ile ses dosyarını oynatmak için artık flash etiketlerine falan ihtiyacınız kalmamaktadır. Çok kolay bir şekilde mp3, ogg, m4a gibi ses dosyalarını oynatabilirsiniz.
HTML5 ile beraber gelen ve çok kullanılan data attribute’lerini ASP.NET MVC’de HtmlHelper metodlarında htmlAttribute parametrede @data-ad şeklinde kullanamıyorsunuz mağlesef makalenin devamında doğru kullanım ile ilgili örneğe ulaşabilirsiniz.
İnsanlar bildirileri, duyuruları yaymak için çeşitli araçlara başvururlar bu internet olmadan önce ve hala broşürler, mektuplar, afişler vs ile yapılırdı internet ile birlikte ise mail yolu yapılmaya başlandı.
Aslında başlıkta bahsettiğimiz gibi bu bir sıkıntı değil olması gereken durum çünkü yeni nesil tarayıcılarda date türündeki input nesnesi için ekrana giriş yapacağı tarih formatını daha önce maskedinput’da kullandığımız gibi bir maske uygulanmaktadır.
HTML5 LocalStorage, Çoğu web geliştirici çerez’in ne olduğunu ve ne işe yaradığını bilir kullanıcının bilgisayarını bir depo olarak kullanıp kullanıcının daha sonra siteyi ziyaret etme durumunda çereze kaydettiğimiz bilgiyi elde edip tekrar aynı işi yapmamak adına kolay bir çözüm yolu olabilmektedir.
HTML5 SessionStorage, Asp.net kullanıcıları session kelimesine aşinadırlar veya bilmeleri gereklidir session ile kullanıcının o anki oturumunda saklanacak veriler belirlenir veya o anki oturumda ihtiyaç olunan veriler session’dan alınır.
Mail gönderimlerinizi renklendirmek için makalenin devamında sizlerle paylaştığım mail template’ini kullanabilirsiniz.
HTML’de varsayılan olarak çıkan mavi renkte olan seçim rengini css3 ile beraber gelen selection adlı seçici sayesinde kolayca değiştirebilmekteyiz. makalenin devamında seçim renginin nasıl değiştirilebildiğini görebilirsiniz.
Aynı gazetede kullanılan sistem gibi html’de içeriklerinizi istediğiniz sayıda sütuna bölebilirsiniz bunun için yapmanız gereken sadece css tarafında seçiciler ile sütunlara bölünecek alan seçilecek ve sütun sayısı girilecek.
ASP.NET MVC’de HtmlHelper sınıfını kullanarak html etiketklerinden biri olan img etiketini metod içerisinde oluşturacağız.
ASP.NET MVC’de sayfaları parçalara ayırarak istediğini sayfada çağırmak ve tekrar tekrar kod yazmaktan kurtulmak için yapmanız gereken partiview sayfalar oluşturmak ve istediğiniz view’den RenderPartial adlı html helper’i ile çağırmak.
