Kategoriler
Kodlama

Youtube Theater Mode fix Youtube tiyatro/sinema modunu değiştirdim, ama sadece kendim için.

Youtube Theater modu(Tiyatro modu/Sinema modu) benim için harika çünkü ekranı tam kaplamadan tarayıcıyı boytlandırarak kenara çekip rahatça çalışmaya devam edebiliyorum, tam ekran ve diğer o saçma sapan picture in picture şeyleri bana göre değil.

Kategoriler
SEO

Google CSS içeriğinin indekslendiğini onayladı Google, Googlebot’un CSS’de ::before ve ::after ile eklenen content içeriğini indekslendiğini ve sonuçlarda gösterileceğini açıkladı.

Google, Googlebot’un sitelerin CSS içeriğini taradığını ve “:before” veya “:after” içerisine eklenen content metinlerinin(ve diğer nesneler) arama motoru sonuçlarında gösterileceğini belirtti.

Kategoriler
SEO

AdSense boş reklam alanını gizlemek Sitede boş olan Google Adsense reklam alanlarını gizlemek hakkında.

Belirli bir sayfa için reklamveren bulunamadığında Google AdSense o sayfadaki reklam birimlerini boş beyaz bir alanla doldurur. Burada vereceğim CSS yöntemiyle bu boş beyaz ve gereksiz reklam slotlarını kolaylıkla gizleyebilirsiniz.

Kategoriler
Kodlama

nth-child nasıl çalışıyor? CSS’de alt öğe seçici(nth-child), alt öğeleri JavaScript kullanmadan karmaşık desenlerle eşleştirmenin güçlü bir yoludur.

:nth-child adında bir CSS seçicisi var, işte onu kullanmanın bir örneği:

ul li:nth-child(3n+3){ 
  color: #ccc;
}
Kategoriler
Kodlama

Html ve CSS ile responsive navbar Başka bir şeye ihtiyaç duymadan sadece HTML ve CSS ile responsive bir navbar menü oluşturmak.

Mobil cihazların da yaygınlaşmasıyla hamburger menü Navigasyon için bir std simgesi haline geldi, o kadar popüler hale geldi ki, günümüzde en yaygın platformlar ve uygulamalar bile bunları kullanıyor. Hamburgere benzediği için bu şekilde adlandırılmıştır.

Kategoriler
Kodlama

CSS’i savunmak Nasıl kullanılacağını bilmiyor olmanız CSS’nin suçu değil. CSS yalnız değildir!

En sevdiğim programlama dili olan CSS’yi savunmak için buradayım. Klasik programlama dili çerçevesinde olup olmadığı umurumda değil ve kullananların da umursadığını sanmıyorum. Ancak, güzelliğini, gücünü, basitliğini ve karmaşıklığını önemsiyorum.

Kategoriler
Kodlama

HTML ve CSS ile ilerleme çubuğu How to create a progress bar with HTML and CSS by Alvaro Montoro

Daha önce bu bloga eklediğimiz –100 adet CSS loading– başlıklı sayfaya ek olarak HTML ve CSS ile loading/ilerleme çubuğu örneğini arşivime eklemek istedim.

Kategoriler
Kodlama

10 harika CSS hamburger menü Hamburger menü örnekleri - codepen.

Responsive(duyarlı) web tasarımı uzun zaman önce web’de standart olmuştur. Hemen hemen her web sitesinde, genellikle bir hamburger menüsü tarafından gerçekleştirilen bir (nvigasyon)gezinme menüsü bulunur. En iyi CSS hamburger menülerinden (+ simgeler ve animasyonlar) oluşan bir koleksiyona burada erişebilirsiniz.

Kategoriler
Kodlama

12 basit HTML kodu Karmaşık kitaplıklardan kurtulmak için 12 basit HTML kod parçacığı ⚡✨

vanilla HTML olarak tanımlayabileceğim bir yöntem, burada karmaşık JavaScript ve CSS frameworkleri kullanmak gerekmeksizin aslında sadece HTML ve ihtiyaca göre bir miktar CSS ile işinizi halletmenize yarayan 12 basit örnek göreceksiniz.

Kategoriler
Kodlama

İskelet ekranı yükleme animasyonu HTML/CSS HTML ve CSS kullanarak iskelet ekranı yükleme animasyonu - Skeleton Screen Loading Animation using HTML & CSS

Bu makalede, HTML CSS ve JavaScript kullanarak İskelet Ekranı Yükleme Animasyonunun nasıl oluşturulacağını öğreneceksiniz. Herhangi bir şeyi yüklemek için kullanılan modern bir tasarımdır. Temel olarak, farklı türdeki web sitelerinin herhangi bir öğesini yüklerken, İskelet Yükleme veya açılış ekranları olarak bilinen bir tür animasyon göreceksiniz.

Kategoriler
WordPress

WordPress body_class eklemek WordPress’de sayfa tipine, sayfaya özel veya ilgili girdinin kategorisine özel body classs ekleme örnekler.

WordPress’in body_class() işlevi standart tüm temalarda vardır ve varsayılan olarak <body class="pageid-1 page-parent page-template-default logged-in"> şeklinde class ekler.

Kategoriler
Kodlama

HTML, CSS ve JavaScript ile dairesel progress bar HTML, CSS ve JavaScript kullanarak yapılmış basit bir dairesel progress bar.

Burada HTML, CSS ve JavaScript(jQuery tercih edildi) ile yapılmış bir basit progress bar/ilerleme çubuğu göreceksiniz.

Kategoriler
Kodlama

HTML, CSS ve JavaScript ile analog saat HTML, CSS ve JavaScript kullanarak basit bir analog saatin nasıl yapıldığını gösterdim.

Bu yazıda HTML, CSS ve JavaScript kullanarak yapılmış bir analog saat örneği göreceksiniz.

Kategoriler
Kodlama

uBlock Origin ile CSS kontrolü uBlock Origin tarayıcı eklentisi ile web sitelerinde CSS ile beğenmediğiniz kısımları değiştirmek üzerine.

Bildiğiniz gibi AdBlock ve uBlock Origin gibi tarayıcı uzantı/eklentilerinin ana görevi kullanıcıları web sitelerindeki can sıkıcı öğelerden özellikle reklamlardan kurtarmak. Burada reklamlar harici farklı kurallar kullanarak web sitelerindeki beğenmediğiniz diğer şeyleri de değiştirebileceğimizin örneklerini göstereceğim.

Kategoriler
Kodlama

Hover yetenekli cihazları algılama Cihaz yeteneklerine göre CSS yazmak için hover/pointer örneği.

Günümüzde webe bağlanabilen cihazların çeşitliliği eskiye göre çok fazla, biz geliştiriciler artık web sitesi kullanıcılarımıza sunduğumuz stilleri belirleyen faktör olarak görüntü alanı boyutuna güvenemeyiz, yani ekran boyutuna göre tasarlayabilirsiniz ancak cihazlar sadece ekran boyutuna göre değil birçok farklı yeteneklere göre de değişebiliyor.