CSS Dersleri ile ilgili yazı dizisine devam ediyoruz arkadaşlar. Bugün ise sadece CSS kullanarak iki farklı renk içeren bir kenarlık (border) nasıl yapılıyor, bu konuyu öğreniyor olacağız. Bu şekilde sitenize farklı ve özgün görünümler elde edebilmek için iki farklı renk içeren kenarlıklar (çubuklar) ekleyebilirsiniz. Yapılması gereken ise çok basit, aşağıdaki kodları, renk kodlarını dilerseniz değiştirerek, ilgili div içerisine eklemenizdir. Böylelikle siz de iki renkli [...]

WordPress veya Blogger için varsayılan yorum formları elbette mevcut. Ancak dilerseniz daha sosyal ve farklı yorum formları da var İnternet dünyasında. Örnek vermek istiyorum: Disqus! Uzun zamandır aktif olan ve birçok büyük - gelişmiş sitede kullanılan bir yorum formu olan Disqus'u ücretsiz olarak kullanabilmektesiniz. Elbette ücretli sürümleri de mevcut. Birçok altyapıyı destekleyen Disqus hk. detaylı bilgi almak için buraya tıklayabilir, hemen [...]

Google'ın site hızı analiz edilebilmesine olanak tanıyan PageSpeed Insights servisine yeni bir güncelleme geldi. Artık sitenizin masaüstü ve mobil üzerindeki hızını daha detaylı bir biçimde analiz edebileceksiniz. Buraya tıklayarak, karşınıza çıkan kutucuğa sitenizin adresini girin ve Analiz Et adlı butona tıklayın. Biraz bekledikten sonra tüm detaylarıyla sitenizin hız ölçümü karşınıza çıkacaktır. Günümüzde site hızının ne denli önemli olduğu göz önüne alınırsa, gerçekten [...]

Web sitemizin tüm mobil, tablet v.b. gibi cihazlarla uyumlu olması için, responsive bir tasarıma ihtiyaç duyarız. Ancak responsive bir tema oluşturduktan sonra, elimizde tüm farklı cihazlardan kontrol edebilecek imkân olmayabilir. Yani bu cihazların hepsine sahip olamayabiliriz. Bunun için ise geliştirilen birçok uygulama mevcut. Responsinator adlı web sitesine girdikten sonra, sitenizin adresini yazın ve ilerleyin. Sitenizin responsive olup olmadığını rahatlıkla kontrol etmeye [...]

Mobil cihazlar günümüzde çok fazla kullanılmaktadır. Bu yüzden web sitenizin her türlü cihaz ile uyumlu (responsive) olması önem arz etmektedir. Bunun için Google'ın test amaçlı geliştirdiği birçok ücretsiz araç mevcut. Web sitenizin mobil versiyonuna ait mevcut performansı ve hız oranını ölçümlemek için de bir uygulaması var Google'ın. Buraya tıklayarak ilgili web sitesine gidebilir ve sitenizin adresini yazarak ilerleyebilirsiniz. Ardından web sitenizin [...]

Google'ın birçok ücretsiz uygulaması var. Bunlardan birisi de Google Fonts. Bizlere sitelerimizde dilediğimiz fontu kolay bir şekilde kullanabilmemize olanak tanıyan Google Fonts üzerinde yüzlerce ücretsiz font mevcut. Bu fontlardan dilediğinizi seçin ve sitenize ekleyin. Ardından hemen kullanmaya başlayabiliyorsunuz. Eğer klasik fontlardan sıkıldıysanız, Google Fonts'u ziyaret etmenizi tavsiye ederim. Çok güzel, minimal birçok font [...]

YouTube videolarını otomatik Responsive yapmak hk. çok araştırma yaptım. Sizler için iki adet çözüm yolu sunuyor olacağım. Bunlardan birisi jQuery bazında çözüm önerisi olup, tüm tarayıcılar ile sorunsuz çalışmaktadır. Ancak siz daha çok JavaScript ile çözüm yolu kullanmayı düşünürseniz, onu da paylaşacağım. Aşağıdaki kodları temanızın "body" etiketinden önce eklemeniz, yeterli olacaktır. Kodları değiştirmeden eklerseniz, sorunsuz [...]

Bir web sitesi tasarlar iken gerekebiliyor ikonlar. Bununla ilgili birçok web sitesi var aslında. Ancak "flat" olarak tanımlanan ikonlar çok fazla web sitesinde yok. Bununla ilgili araştırma yaparken, Icons8 adlı web sitesi ile karşılaştım. Birçok konu ile ilgili ikon bulabileceğiniz gibi, bu ikonların rengini v.b. online ve ücretsiz olarak değiştirebiliyorsunuz. Gerçekten mükemmel bir kaynak olduğuna inanıyorum. Dolayısı ile ihtiyacınız olduğunda ziyaret etmeyi düşünebilirsiniz. Tavsiye [...]

Birçok sosyal paylaşım sitesinde görmüş olmalısınız. Tepki ikonları ile ziyaretçilerinizin içerikleriniz hk. ne düşündüğünüzü analiz edebilirsiniz. Bunun için ise sıfırdan bir uygulama yazmaktansa, ShareThis servisinin bu yönde geliştirdiği uygulamayı kullanmayı düşünebilirsiniz. Buraya tıklayarak konu hakkında daha detaylı bilgi edinebilir, ücretsiz olarak ilgili uygulamayı kullanabilirsiniz. Ancak şu an için uygulamanın Türkçe versiyonu bulunmamaktadır. [...]

İnternet üzerinde "JavaScript mi? jQuery mi?" şeklinde başlıklar gördüm ve bu konu hk. yazmaya karar verdim. Öncelikle şunu belirtmek gerekir ki, JavaScript bir programlama dili, jQuery ise JavaScript kullanılarak hazırlanan bir kütüphane. Bana kalırsa hangisine öncelik vereceğinizi düşünüyorsanız, pek de düşünmenize gerek yok. Şu da var gerçi, JavaScript ile hazırlanan bazı eklentiler için çok efor gerekir iken, jQuery ile bunu hazırlamak çok kısa ve kolay olabiliyor. [...]