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

Search Console ve Mobil Kullanılabilirlik Sekmesi

Search Console ve Mobil Kullanılabilirlik SekmesiGünümüzde artık birçok İnternet kullanıcısı mobil veya tablet üzerinden siteleri ziyaret etmektedir. Dolayısı ile bu durum da, bizlerin sitelerini mobil uyumlu yapması gerektiğini gösteriyor. Tablet, mobil, PC v.b. tüm cihazlar ile uyumluluk için Responsive tasarım tercih etmeniz tavsiye edilebilmektedir. Sitenizin Mobil uyumluluğu ile ilgili hatalarını ise, Search Console üzerinden takip edebilirsiniz. Böylelikle mobil kullanılabilirlik durumu ile ilgili her şeyi öğrenebilirsiniz. Mutlaka denemeyi [...]

CSS ile Yuvarlak Kenarlıklar Oluşturucu!

CSS ile Yuvarlak Kenarlıklar Oluşturucu!CSS Dersleri ile ilgili bugüne kadar birçok içerik paylaştık sizler için. Bildiğiniz gibi sadece CSS kullanarak, yuvarlak (oval) kenarlıklar elde edebilmek mümkün. Bunun için ise CSS kodu yazmanız gerekiyor. Bu belki size yorucu gelebilir. Bu yüzden sizlerle bir kaynak site paylaşmak istiyorum. Border Radius adlı bu site vasıtası ile dilediğiniz yuvarlaklık boyutunu belirleyerek, direkt ilgili kodu alabilirsiniz. Pratik bir site. Mutlaka kullanmanızı tavsiye ediyorum. Ben de [...]

CSS ile Kıvrılmış Kenar Efekti Yapımı

CSS ile Kıvrılmış Kenar Efekti YapımıCSS Dersleri ile ilgili içeriklerimize ara vermeden devam ediyoruz ve bugün gerçekten farklı bir konuyu işliyor olacağız. Bilirsiniz, bazı sitelerde kâğıt gibi kıvrılmış kenarlıklar vardır. Bu daha farklı bir görünüm elde edebilmemizi sağlar tasarımımızda. Gerek sitenizin Header bölümünde, gerek Image’lerinizde kullanabileceğiniz gibi, ana bölüme ait div içerisinde de kullanabilirsiniz. CSS ile kıvrılmış kenar efekti yapımını, şimdi sizlerle paylaşıyor olacağız. Faydalı olmasını [...]

CSS ile İki Renkli Kenarlık Yapımı

CSS ile İki Renkli Kenarlık Yapımı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 [...]

Siteniz için Alternatif Yorum Formu: Disqus

Siteniz için Alternatif Yorum Formu: DisqusWordPress 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 [...]

PageSpeed Insights’a Güncelleme Geldi

PageSpeed Insights'a Güncelleme GeldiGoogle‘ı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 [...]

Sitenizin Responsive Olup Olmadığını Kontrol Edin

Sitenizin Responsive Olup Olmadığını Kontrol EdinWeb 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 Web Sitenizin Hızını Ölçümleyin

Mobil Web Sitenizin Hızını ÖlçümleyinMobil 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 Fonts Nedir? Ne İşe Yarar?

Google Fonts Nedir? Ne İşe Yarar?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

YouTube Videolarını Otomatik Responsive YapmakYouTube 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 [...]