Dil seçiminden sonra yönlendirme işlemini referer bilgisine göre yapabilirsin : $_SERVER['HTTP_REFERER']
header('Location:' . $_SERVER['HTTP_REFERER']); // referer a geri yönlendir
localStorage'e değer yazıp bunu kontrol ederek bir defaya mahsus yönlendirme yapabilirsiniz. Örneğin;
if (!localStorage.getItem('first_visit')) {
window.location.href = '/yonlenecek-adres'
localStorage.setItem('first_visit', 1)
}
focus-within kullanabilirsin. Örneğin;
<label>
<i>önceki</i>
<input type="text" />
<i>sonraki</i>
</label>
<style>
label:focus-within i {
color: red
}
</style>
Evet kullanmanda bir sorun yok :)
@rotaile, yok neden kızayım bilmiyorsanız diye detay verdim ben sadece ^^
bunun için turnjs kullanabilirsin:
http://www.turnjs.com/
çok kolay bir kullanımı var, tam olarakta ihtiyacını karşılayacaktır.
şu şekilde:
.input {
position: relative;
label {
font-family: 'Poppins', sans-serif;
font-size: 17px;
margin-bottom: 14px;
}
input {
border: 1px solid $gray;
transition: .3s all;
&:focus {
border: 1px solid $warning;
& + span {
// span kodları buraya
}
}
}
}
+ sass'lık değil css'de olan bir seçici bu arada tabi ki haberiniz olsun :)
ne yapacaksın tam olarak? state'in güncel değeriyle başka bir değer hesaplayacaksan useMemo() kullanabilirsin.
const calculatedValue = useMemo(() => {
return stateDegiskeni * 2
}, [stateDegiskeni])
gibi.
Gulp sadece css'i watch etmek için kullanılmıyor o yüzden :) js, html, compress taraflarında da oldukça yaygın pluginleri var.
o yüzden bir düzen organize ederek kodlama yapmak için ideal, ama popüler değil.
yatay olarak ortalamak istersen, kapsayıcının belli bir genişliği olmalı. Diyelim ki var, o zaman şu değerleri verirsen
button {
left: 50%;
transform: translateX(-50%);
}
butonun içindeki genişliği bilmene gerek kalmaz dinamik olarak yatayda ortalayabilirsin. Dikeyde de ortalamak istersen
button {
top: 50%;
transform: translateY(-50%);
}
her iki eksen için istersen
button {
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
örnek bir kullanım
<div>
<button>test</button>
</div>
<style>
div {
width: 100%;
height: 200px;
border: 1px solid #ccc;
position: relative;
}
button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
</style>
burada önemli olan dediğim gibi buton position uygulanınca kapsayıcıda belli bir yükseklik ve genişlik yoksa sorun yaratır min. bir değer vermen gerekir ki ona göre ortalama işlemi yapabil.