Bu sitedeki her şey 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

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ı [...]

CSS ile HR Etiketine Biçim Verelim

CSS ile HR Etiketine Biçim VerelimHTML'deki hr etiketini herkes bilecektir. Bu etiketin görünümü, tarayıcılar için standarttır. Ancak arzu ederseniz, border kullanmak yerine bir background kullanarak, tüm tarayıcılar ile uyumlu olacak şekilde hr etiketini biçimlemlendirebilmeniz mümkündür. Border belirlemeyeceğimiz için, IE ve Edge gibi tarayıcılar ile de uyumlu olacaktır. Aşağıdaki kodları CSS dosyanız içerisine eklemeniz yeterli olacaktır. Dilediğiniz gibi renk [...]

İçinden Çizgi Geçen Başlık Yapımı (Alternatif Versiyon)

İçinden Çizgi Geçen Başlık Yapımı (Alternatif Versiyon)Geçmiş zamanlarda çizgi efektli yazı yazma konusunda bir içerik kaleme almıştım. Ancak şu sıralar Responsive kavramına takılmış durumdayım. Hazırladığım veya editlediğim her şeyin Responsive olmasına, büyük - küçük ekranlarda sorunsuz çalışmasına özen gösteriyorum. Bu yüzden sizlerle bir içinden çizgi geçen başlık yapımı daha paylaşıyor olacağım. Bu paylaşımdaki kodlar, temanızdaki Responsive uyumluluğuna göre bağlı olarak da [...]

Input'lardaki Mavi Çerçeve Kaldırma Nasıl Yapılır?

Input'lardaki Mavi Çerçeve Kaldırma Nasıl Yapılır?Herhangi bir input butonuna tıkladığınız zaman tarayıcı bazında değişebilecek bir biçimde "mavi çerçeve" çıkmaktadır. Ben bu durumu tasarım açısından pek beğenmiyorum. Dolayısı ile sitenizdeki tüm input'lara tıklandığı zaman, ortaya çıkan bu mavi çerçeveyi kalıcı olarak kaldırabilirsiniz. Bu şekilde hiçbir tarayıcıda benzeri bir çerçeve çıkmayacaktır. Aşağıdaki kodu ise CSS bölümünüze eklemeniz yeterli olacaktır. Farklı bir aksiyona ise [...]

Textarea Ölçeklendirme Kapatma Nasıl Yapılır?

Textarea Ölçeklendirme Kapatma Nasıl Yapılır?Bildiğiniz gibi içerik formlarında (yani textarea bölümlerinde) yeniden ölçeklendirme özelliği bulunur. Böylelikle içerik formunu dilediğiniz gibi genişletebileceğiniz gibi, daraltabilirsiniz de. Ancak ben daha sağlıklı görünüm adına, yeniden ölçeklendirmeye pek sıcak bakmıyorum. Çünkü bu durum, ekran bazında kaymalara neden olabilmektedir. Textarea ölçeklendirme kapatmak için ise temanızın CSS bölümüne aşağıdaki kodu eklemeniz [...]

Tasarımcılar için Mükemmel Renk Paletleri

Tasarımcılar için Mükemmel Renk PaletleriBir İnternet sitesi tasarlar iken veya bir tasarım yaparken, renkler bizim için çok önem arz eder. Ancak hangi rengin, hangi renk ile uyumlu olduğu konusunda efor sarf etmek yorucu olabilir. Bunun için sizlerle çok fazla seçeneğin, renk paletinin bulunduğu bir web sitesini paylaşmak istiyorum. Color Palettes sayfasını ziyaret ederek, binlerce renk paleti içerisinden kendinize uygun olanı tercih edebilir, bu renkleri tasarım yaparken kullanmayı düşünebilirsiniz. Kesinikle göz [...]

IHS'nin Cloud Sunucu Sihirbazı ile Sunucunuzu Hemen Hazırlayın

IHS'nin Cloud Sunucu Sihirbazı ile Sunucunuzu Hemen Hazırlayın1999 senesinden bugüne özellikle sunucu, veri merkezi ve domain bazında hizmet sağlayan IHS Telekom, Türkiye'nin en büyük firmaları arasında yer alıyor. Bugün baktığımızda, birçok alan adınının IHS'ye kayıtlı olduğunu görebilmek mümkün. Nitekim, Teknobeyin.com olarak biz de tüm domain ve cloud sunucu hizmetlerini IHS'den satın alıyoruz. Bugün ise, içimden IHS ile ilgili bir içerik kaleme almak geldi. IHS'nin Cloud Sunucu Sihirbazı'nı hiç inceleme fırsatınız [...]

CSS'de "before" ve "after" Sınıfları Ne İşe Yarar?

CSS DersleriBir süredir CSS dersleri yazı dizisine ara vermiştik ancak şimdi devam ediyoruz. Bu dersimizde, CSS'de "before" ve "after" sınıflarının ne işe yaradığını ve nasıl kullanıldığını öğreniyor olacağız. CSS ile mevcut div'in öncesine veya sonrasına metin veya spesifik bir obje eklenebilir. İşte bu gibi durumlar için, before ve after sınıfları bize yardımcı olmaktadır. Bu konuyla ilgili olarak şuradaki yazımda yer alan örneği de inceleyebilirsiniz. Aşağıdaki şekilde ise kullanım [...]

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 [...]