HTML5 Kodları

HTML5 Nedir? HTML5, HyperText Markup Language adıyla da bildiğimiz HTML dilinin 5. sürümüdür. İnternet teknolojileri sürekli güncellenmekte olduğundan HTML dili de ortaya çıktığı günden itibaren sürekli güncellenmiş ve beşinci sürüme kadar gelmiştir. HTML5 henüz deneme aşamasında kabul edilse de neredeyse tüm tarayıcıların güncel sürümleri HTML5 desteği sunmaktadır. Alışageldiğimiz diğer sürümleri değil de neden HTML5 kullanmalıyız derseniz HTML5’in avantajları arasında en büyük pay daha az kod kullanacak olmamızdır. Ayrıca video ve ses etiketleri sayesinde web uygulamalarında da kolaylık sağlamaktadır. Kodlama yaparken kullanacağımız HTML5 etiketleri ile de daha düzenli ve anlaşılır kod bloklarına sahip olabilirsiniz; hatalarınızı da oldukça hızlı çözümleyebilirsiniz. HTML5 Etiketleri…

Devamını Oku ›

jQuery ile Artan/Azalan Sayaç Yapımı

Sayılar, biz farkına varmasak da web sitelerimizin önemli bir kısmında yer almaktadır. Yazıların okunma sayısı, dosyaların indirilme sayısı, ürünlerin fiyatları ve web sitelerin daha birçok yerinde sayısal veriler kullanılmaktadır. Günümüz internet sitelerinde durağan tasarımlardan çok dinamik tasarımlar ilgi gördüğünden sayılar da bunların dışında bırakılamazdı. jQuery sayesinde en basit şekilde nasıl artan veya azalan bir sayaç yapabiliriz görelim. Öncelikle sayaç kodunu HTML dosyasına eklemeliyiz. Sayaç kodunu aşağıdaki şekilde ekleyebilirsiniz. <b class=”timer” id=”sayac” data-from=”1″ data-to=”99″ data-speed=”5000″></b> Buradaki sayacımız bize 1’den başlayıp 99’a kadar sayma işlemini yapacaktır. Görüldüğü üzere data-from değeri sayacın başlangıç değerini, data-to değeri ise sayacın bitiş değerini alır. data-speed değerini açıklamadan…

Devamını Oku ›

CSS ile Resim Efektleri

Web sitemize eklediğimiz resimlere CSS ile ne gibi etkiler yapabiliriz burada bunlardan bahsedeceğim. Aklıma gelenlerden bir liste yapmaya çalışırsam, CSS ile resme: Çerceve içine alma Şeffalıklık Köşelerini oval yapma Gölgelendirme Siyah-beyaz veya sepya yapma Bulanıklaştırma Kontrast ayarlama gibi birçok işlem uygulayabiliriz. Şimdi bu işlemlerimizi nasıl uyguladığımızı görelim. Orijinal resmimiz aşağıdaki gibidir. CSS ile Resmi Çerçeve İçine Alma (Border) Kullanımı şu şekildedir: border: kalınlık renk stil; Örnekler: border: 2px black solid; border: 1px red dotted; border: 2px #53CCAA dashed; border: 3px #AA3D11 double; border: 3px orange groove; border: 3px orange ridge; border: 4px #00CDCD inset; border: 4px #00CDCD outset;   CSS…

Devamını Oku ›
kod.gen.tr