Statik sayfalarda yönlendirme

Statik sayfalarda yönlendirme için javascript ve xhtml kullanırız. Javascript'in location.href özelliği bize mevcut sayfa URL'sine yazma ve okuma izni verir. Bir çok uygulamada kullanılabileceğimiz güzel bir özelliktir bu. Örneğin yönlendirme için kullanalıbilir. Kodumuzu yazarsak:

:::javascript
<script>
	location.href ="DigerSayfa.html";
</script>

Ayrıca xhtml ile de bu işi yapabiliriz.

:::html
<head>
	<meta http-equiv="Refresh" content="5; URL=DigerSayfa.html" />
</head>

Burdaki 5 değeri web tarayıcısının yönlendirmeden önceki beklediği değeri gösterir. Değer saniye cinsindendir.

Eğer yönlendirme yapayım ama geri tuşuna basınca önceki sayfaya gitmesin diyorsak location.replace özelliğini kullanmalıyız.

:::javascript
<script>
	location.replace("DigerSayfa.html");
</script>

Read more

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

Bir önceki yazımda bahsettiğim gibi CSS'in yeni özelliklerinin bazıları çığır açan özellikler, bazıları kulllanıcı deneyimini iyileştirme yönünde özellikler bazıları da lightdark() fonksiyonu gibi yazım kolaylığı sağlayan özellikler. lightdark() fonksiyonu mevcut uyumlu web yazımındaki büyük sorun olan aşağıdaki kullanımı daha anlaşılır ve düzenli hale getirmeye yarıyor. :root { color-scheme: light

By Fatih Hayrioğlu