Yaratıcı Tooltip Örnekleri

Günlük hayatta bir şeyleri açıklamak için notlar düşmek, oldukça kullanışlı bir yöntem olup internet sitelerinde de durum aslında buna oldukça benzer işlemektedir. İnternet sitelerinde de bu şekilde çalışmakta olan “tooltip” adı verilen ipuçları bulunmaktadır. Bazen bir bağlantının, bazen de bir butonun üzerine geldiğinizde size açıklama sunan bu araçlarla bilgisayar kullanımınız boyunca aslında oldukça sık karşılıyorsunuz. Günlük hayatta not kağıtları nasıl renk renk ve desen desen ayrılıyorsa tooltip araçları da aslında böyle renk renk ve desen desen ayrılmaktadır. Konu buraya kadar gelmişken Codrops tarafından oluşturulan bazı yaratıcı tool tip örneklerine bir göz atalım bakalım. Örneklere Göz Atmak İçin Tıklayın

Devamını Oku ›

HTML5 Form Input Tipleri ve Kullanımı

Bir internet sitesi hazırlarken bir şekilde mutlaka form kullanıyor ve dolayısıyla input da kullanmak zorunda kalıyoruz. Veri girişi için gerekli olan bu input nesnelerinin kullanımı göz önüne alınarak yerinde bir hamleyle HTML5 ile birlikte daha da geliştirilmiş. Bu gelişim bize, geliştiricinin işini kolaylaştırmanın yanında kullanıcı deneyimini de arttırma fırsatı sunuyor. Dilerseniz lafı hiç uzatmadan bakalım kullanabileceğimiz ne gibi inputlar mevcut ve bu inputları nasıl kullanırız. Input Tipleri Kullanılabilir input tipi tam 13 adet. Formlarınızda kullanmak istediğiniz veri girişine göre bunlardan bir veya birkaçını kullanabilirsiniz. Input tipleri sırasıyla şöyle: color date datetime datetime-local email month number range search tel time url week   color…

Devamını Oku ›

CSS ile Çok Katmanlı Açılır Menü Yapmak

Menüler, web sitelerin genelinin temel kısmını oluşturan unsurlardan birisidir. Böylesine önemli bir unsurun işlevselliği de hayli önemlidir. Standart menülerden ziyade daha çok katmanlı şekilde açılır menülere ihtiyaç duyulması durumunda bunu pratik bir şekilde çözmek için uygulanması gereken iki basit adım var. 1. Adım: HTML <nav class=”menu”> <ul class=”menu-ic”> <li><a href=”#”>Ana Sayfa</a></li> <li><a href=”#”>Hakkımızda</a></li> <li class=”ustmenu”><a href=”#”>Kategoriler</a> <ul class=”altmenu”> <li><a href=”#”>Cemal Süreya</a></li> <li><a href=”#”>Özdemir Asaf</a></li> <li><a href=”#”>Nazım Hikmet Ran</a></li> <li><a href=”#”>Mehmet Akif Ersoy</a></li> </ul> </li> <li><a href=”#”>İletişim</a></li> <li class=”ustmenu”><a href=”#”>Arşiv</a> <ul class=”altmenu”> <li><a href=”#”>2014</a></li> <li class=”ustmenu”><a href=”#”>2015</a> <ul class=”altmenu”> <li><a href=”#”>01/2015</a></li> <li><a href=”#”>02/2015</a></li> <li><a href=”#”>03/2015</a></li> </ul> </li> <li><a href=”#”>2016</a></li> </ul> </li> </ul>…

Devamını Oku ›
12
kod.gen.tr