Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Teknobeyin - Teknolojinin Beyni
Teknoloji, internet, sosyal medya, yazılım, oyun, webmaster ve birçok güncel içerik sizlerle.

İLGİLİ YAZILAR

Ref Saldırılarını Düzenli Olarak Kontrol Edin

Ref Saldırılarını Düzenli Olarak Kontrol EdinGünümüzde hâlâ SPAM siteler, kaliteli sitelerden habersiz bağlantı almaya çalışarak, ref saldırısı yapabilmektedir. Ancak bu durum Google'ın gözünde kalitenizin düşmesine neden olabilir. Bu yüzden en mantıklı yöntemin ve en hızlı [...]

Proje Yönetimi Trello ile Çok Daha Kolay

Proje Yönetimi Trello ile Çok Daha KolaySizlerle çok güzel ve sevdiğimiz bir uygulamayı paylaşmak istiyoruz. Mevcut projelerinizin yönetimi için gerekli birçok işlevsel özelliği içerisinde barındıran Trello ile örneğin, yapmanız gereken ileri tarihli aksiyonları not [...]

HTTP Header Bilgilerinizi Kontrol Etmeyi Unutmayın

HTTP Header Bilgilerinizi Kontrol Etmeyi UnutmayınHTTP Header bilgileri içerisinde, kullandığınız sunucu altyapısı ve PHP sürümüne kadar birçok bilgi bulunmaktadır. Dolayısı ile olası tehlikelerden korunmak için HTTP bilgilerinizde sadece gerekli bilgilerin yer aldığından emin [...]

Sitenizin Hızını WebPageTest ile de Kontrol Edebilirsiniz

Sitenizin Hızını WebPageTest ile de Kontrol EdebilirsinizBir web sitesinin hızlı yüklenmesi, günümüz şartlarında, oldukça önem arz ediyor. Bunun için geliştirilen birçok alternatif araç mevcut. Bunlardan bazıları ise Google PageSpeed, GTmetrix ve Pingdom olarak dile getirilebilir. Ancak [...]

JavaScript Minifier ile JS Dosyalarımızı Küçültelim

JavaScript Minifier ile JS Dosyalarımızı KüçültelimCSS Minifier ile ilgili içeriğimde, stil dosyalarımızı sıkıştırmak için bir web sitesi tavsiye etmiştim. Şimdi ise JavaScript dosyalarımızı sorunsuz ve stabil bir şekilde küçültebileceğimiz, gereksiz boşlukları kaldırabileceğimiz [...]

CSS Minifier ile Stil Dosyalarımızı Küçültelim

CSS Minifier ile Stil Dosyalarımızı KüçültelimTasarım yazarken ister istemez karışık kodlama yapabiliyoruz. Gereksiz metinler, boşluklar, hatalı noktalama işaretleri v.b. gibi... Bunların tamamını, manuel incelemek için zamanımız olmayabilir. Bunun için "CSS Minifier" dediğimiz bir [...]

Embed ve Object Videoları CSS ile Responsive Yapalım

Embed ve Object Videoları CSS ile Responsive YapalımGünümüzde bakıldığında videolar için "iframe" kullanılıyor. Ancak eskiden veya bazı eski player'larda olası bir şekilde embed veya object etiketleri kullanılabilmektedir. Esasen, jQuery ve JavaScript ile bu etiketlerin [...]

CSS ile Resim Altındaki Boşluğu Silmek

CSS ile Resim Altındaki Boşluğu SilmekCSS içerisindeki parametreler bazı zamanlar kesinlikle doğru bir tabir ise, hayat kurtarabiliyor. Örnek verelim hemen. Bildiğiniz gibi img etiketleri içerisine eklenen bir görselin, herhangi bir CSS parametresine sahip olmasa bile, altında belirli bir oranda boşluk çıkar. Ben yaptığım tasarımlarda bu gibi boşlukların olmamasını istiyorum bazen. Bunun için geçmişte çok araştırma yapmıştım ve çözümün çok basit olduğunu anladım. Görsel etiketine aşağıdaki kodu [...]

Alternatif Analiz Servisi: Yandex.Metrica

Alternatif Analiz Servisi: Yandex.MetricaBiz web geliştiricileri genellikle analiz servisi olarak Google'ın Analytics servisini kullanırız. Ancak bence alternatiflere de şans vermek gerekir. Bir süre önce detaylı olarak incelemeye başladığım ve aktif olarak kullandığım Yandex.Metrica servisini sizlere de tavsiye etmek istedim. Birçok açıdan analiz yapabilmenizi sağlayan Yandex.Metrica, ziyaretçilerinizin tıklamalarına ve aktivite videolarına kadar birçok aracı ücretsiz olarak sunmaktadır. Kesinlikle [...]

SVG Görseli Responsive Nasıl Yapılır?

SVG Görseli Responsive Nasıl Yapılır?SVG, ölçeklenebilir bir grafik biçimidir. Birçok sitenin logosu veya header bölümlerinde .svg kullanıldığını fark etmiş olmalısınız. Ben araştırma yaparken, şuna dikkat ettim. SVG dosyasını nasıl Responsive uyumlu yapacağız? İşte bunun için birçok yöntem mevcut. Ancak sadece CSS kullanarak da bunu başarmak ve sorunsuz bir şekilde kullanabilmek mümkündür. Temanızın CSS bölümüne aşağıdaki kodları eklemeniz bu yönde yeterli olacaktır. Kesinlikle faydalı [...]

Yukarı Çık