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.
CSS custom properties (variables) CSS için harika bir kolaylık ve özetle bir elemana veya :root şekilnde global olarak bir değişken değeri atamaktan ibaret, örneğin --metin-rengi: #212121; atadığınızda bunu bir eleman için color: var(--metin-rengi); şeklinde kullanabilirsiniz.
Sayısal sırayla adlandırılmış HTML varlıkları. Umarım işinize yarar, benim yaradı.
Aşağıda, tanım ve ISO sayısal koduyla sayısal sırayla listelenen varlıklar bulunmaktadır. CSS ‘content’, adlandırılmış varlıkları veya & # 64; gibi normal sayısal varlıkları kabul etmez, ancak ASCII metnini ve unicode’u işler.
CSS(Cascading Style Sheets/Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfalar) günümüz web teknolojilerinde vazgeçilmez bir dil. CSS, HTML, XML vb. gibi bir Markup language(İşaretleme dili)dir, yani PHP, JavaScript gibi bir programlama dili değildir bu yüzden bu dili öğrenmesi ve uygulaması aslına bakılırsa nispeten çok daha kolaydır.
Eğer yaptığınız web sitesi/uygulama süper hızlı değilse loading/yükleyici animasyonları kullanmayı düşünürsünüz. Çoğumuz süper hızlı değiliz ve burada verilen “Pure CSS”(sadece CSS) loading animasyonlarından kullanabiliriz.
CSS’e çok şey borçluyuz, günümüzde var olan tüm web uygulamaları hatta neredeyse tüm mobil uygulamaların görünümleri CSS ile verilmektedir.
Bu basit JavaScript fonksiyonunun yaptığı iş sadece tarayıcı UA’yı alıp HTML tagine class olarak atamak.
Merhaba, bugün CSS ve HTML kullanarak basit bir özel onay kutusu oluşturdum. Mükemmel değil ama umarım beğenirsiniz.
Bu kod örneğinde sayfanın background-color(arka plan rengi) sitiline rastgele renk atıyoruz, bunu zamanlayıp 1 dakika boyunca yarım saniyede bir 1 arka plan renginin değişmesini sağlıyoruz.
Sanırım masaüstü cihazlarımızda çoğumuz tarayıcıya yüklediğimiz eklentilerle Adblock eklentilerinden birini kullanıyoruzdur, genellikle Youtube, Twitter, Facebook gibi sitelerde oldukça güzel çalışan bu reklam engelleme eklentileri bazı sitelerde bozulabiliyor ve çalışmayabiliyor. Hadi bunu çözelim.
<iframe> etiketi ile web sayfası içerisine farklı bir web sayfası import edilir, bu yöntem çok eski olsa da günümüzde hâlâ efektif olarak kullanılmaya devam etmekte çünkü kolay ve kullanışlı, örnek Youtube videoları, Twitter, Instagram gibi sitelerden gönderiler de bu yöntem ile farklı siteler içerisinde paylaşılmaktadır.
HTML’de yalnızca CSS ile yapılabilen birçok şeyleri benim blogumda fazlaca görebilirsiniz, çünkü her zaman eğer yapılabiliyorsa bir şeyi CSS ile yapmayı yeğlerim.
Statcounter’da 2021 Q1’deki cihaz pazar paylarına bakılınca mobilin masaüstü cihazları geçtiğini ve yükselmeye devam ettiğini görebiliyoruz. Şu an %54,25 mobil %42,9 masaüstü %2,85 tablet. Yine aynı sitede işletim sistemlerine bakıldığında mobil işletim sistemleri yükselişte.
Yalnızca CSS kullanarak yapılan şeyleri sevdiğimi birçok defa söylemiştim, sadece HTML ile yapılan şeyleri de seviyorum. Aslında ek JavaScript gerekmeksizin uygulama veya web sitesinde birçok şey yapılabiliyor ancak çoğu developer çok daha kolay yazabildiği ve CSS’in karmaşasına girmemek için JavaScript tercih ederler, fakat bu elbette sitenin çalışma hızından ödün vermek anlamına gelmektedir.
Bu yazıda CSS’de üçgen çizmek için farklı yöntemleri göreceksiniz. Hem geleneksel ve basit hem de daha modern yöntemler üzerinde duracağız.