Milyonlarca web sitesi SSL sertifikası kullanıyor. Ancak yine de bu web sitelerinin bazılarında "Güvenli değil" uyarısı ile karşılaşabiliyoruz. İşte bunun en temel sebebi, Mixed Content dediğimiz problemden kaynaklanıyor. [...]

Web sitemizin hızlı olması, günümüz İnternet koşullarında oldukça önemli. Yani ziyaretçilerin daha hızlı bir gezinti deneyimi yaşaması için efor sarf etmemiz gerekiyor. Bunun için birçok webmaster aracı söz konusu. Ancak birçok kişinin atladığı nokta, görsellerin boyutları olsa gerek. Web sitenize görsel yüklemeden önce TinyPNG ile küçültürek, web sitenizin daha da hızlı olmasını sağlayabilirsiniz. Servis tamamen ücretsiz ve oldukça kolay bir kullanıma sahip. Mutlaka [...]

Web sitemizdeki içeriklerin paylaşılabilir olması çok önemli. Bunun için manuel olarak da sosyal medya butonları eklemek mümkün. Ancak gerek analiz özelliği ile, gerek kolay kullanımı ile AddThis servisini kullanmamak için hiçbir geçerli sebep yok gibi görünüyor. AddThis'i kullanarak yazılarınız için paylaşım butonları ekleyebileceğiniz gibi, bu butonları dilediğiniz gibi de özelleştirebilmektesiniz. Tamamen ücretsiz ve kullanımı kolay bir servis. Aşağıdaki bağlantı [...]

Zaman zaman bir web sitesinden ekran görüntüsü almak isteyebilirsiniz. Yani bir blog yazısı yazarken veya bir web sitesi tasarlar iken, bu gerekebilir. Bu yönde geliştirilen birçok uygulama var. Ancak sizlerle paylaşıyor olacağım web sitesi, gerçekten de stabil çalışıyor. Screenshot machine adlı web sitesi ile dilediğiniz web sitesinin ekran görüntüsünü birkaç saniyede alabilirsiniz. Bunun için ise ekran görüntüsü almak istediğiniz web sitesinin [...]

Bildiğiniz üzere bir web sitesinde aşağı ve yukarı hareket edebilmek için scrollbar (kaydırma çubuğu) kullanılmaktadır. Buna ek olarak, her tarayıcının kendine özel bir scrollbar stili bulunmakta olup, dilerseniz CSS yardımı ile scrollbar değiştirme işlemini de kolaylıkla gerçekleştirebilirsiniz. Böylelikle web sitenizin mevcut tasarımına özel scrollbar hazırlayabilmektesiniz. Dilerseniz hemen şimdi, örnek kodları ve bu yönde yapılan örnek bir çalışmaya göz atıyor [...]

Günümüzde CSS ve HTML kullanarak birbirinden farklı şeyler elde edebilmek mümkün. Örneğin, CSS'e ait ilk harfi büyük yazma özelliğinin yanı sıra, otomatik resim boyutlandırma imkânı da mevcut. Dolayısı ile CSS ile birçok faydalı içeriğimize göz atmanızda fayda bulunmaktadır. Konumuza da dönecek olursak, birçok statik web sayfasında veya bloglarda yatay bir açılır menü görmüş olmalısınız. Yani web siteniz ile ilgili bağlantıları ekleyebileceğiniz [...]

CSS dersleri ile ilgili içeriklerimizi ara vermeden yayımlamaya devam ediyoruz. Bu bağlamda, bazı web sitelerindeki resimlerin saydam olduğunu görmüş olmalısınız. Bu işlem Photoshop ile de yapılabilir. Ancak CSS'e ait "opacity" özelliğini de kullanarak, fotoğrafları saydam, yani transparan hâle getirebilirsiniz. Böylelikle temanıza uygun olacak şekilde, daha özgün bir görünüm elde edebiliyorsunuz. Dilerseniz bir örnek yaparak, konuyu daha iyi anlıyor [...]

CSS ile ilgili ders içerikli yazılarımızı kaleme almaya devam ediyoruz. Bildiğiniz gibi, CSS'e ait "list-style" özelliğini kullanarak, listeleme yaparken ilgili madde işaretlerini belirleyebiliyoruz. Yani dilerseniz; "disc", "circle" ve "square" gibi etiketler tanımlayabilmektesiniz. Ancak kullanım alanına göre değişebilse de, listeleme işaretlerini kaldırma ihtiyacı söz konusu olabilmektedir. Yine alt alta listeleme yaparsınız, ancak bu sefer herhangi bir şekilde [...]

Bir paragrafın ilk harfinin büyük olarak yazıldığı gazete ve dergilere denk gelmiş olmalısınız. Ayrıca, bazı büyük web siteleri de bu şekilde içerik hazırlamaktadır. Böylelikle, oldukça güzel ve farklı içerik sayfaları elde edebilmektesiniz. Bu işlemi CSS kullanarak yapmak oldukça basit. Yani CSS'nin "first-letter" özelliği kullanılarak, paragrafın ilk harfi büyük yapılabilir ve ardından kolay bir şekilde de biçimlendirilebilir. Dilerseniz bu yönde bir örnek yapıyor [...]

Web siteleri için, butonların özel bir yeri bulunmaktadır. Yani web sitenizde kullandığınız butonların, tasarımınıza özel olarak hazırlanmış olması, oldukça fark yaratıcı bir etki bırakacaktır. Bu yüzden özgün butonlar oluşturmak çok ama çok önemli. Photoshop kullanarak da bu işlemi yapabiliriz. Ancak CSS yardımı ile de birbirinden güzel butonlar oluşturmak mümkün. Bu yönde hazırlanmış birtakım web siteleri de mevcut durumda. Böylelikle birkaç tıklama ile, [...]