@scotterinyes cevap için teşekkür ederim. Araştırdığımda bende bu tarz örnekler buldum. Acaba farklı bir şekilde (özellikle css ile) yapılabilir mi diye sormak istedim. Sanırım en iyi çözüm bu.
{
var isim = document.getElementById('isim')
function () {
const newFunc = name => {
name.src="";
name.onclick="";
name.style.weight="";
.
...
}
if(){
isim.style.width="";
ism.style.height="";
}
else {
newFunc(isim) // İstediğin yerde bu şekilde çağırabilirsin
}
}
}
Kopyala yapıştır yapmak yerine yeni bir fonksiyon oluşturup bunu istediğin yerde çağırabilirsin.
i18n.js diye bi kütüphane var. Ben bununla yapıyorum. 2 farklı json dosyası oluşturup (en.json ve tr.json) basit bir şekilde yapılabiliyor.
@admin evet o şekilde tanımlanabilir. Ancak proje hazır bir proje ve çok fazla :root ta tanımlanmış renk var ve heryede kullanılıyor. onların hepsini bu şekilde değiştirirsem direk color: var(--color) gibi kullanılan yerler patlayacak. O yüzden bunu gördüm fakat bununla uğraşmak istemedim açıkçası.
Bunun sebebi 'h' etiketleri ile 'span' etiketlerinin display değerlerinin farklı olması. Standart olarak span => display: inline, h etiketleri ise => display: block. Eğer h etiketinize display: inline derseniz boyut yazdığınız kelime uzunluğu kadar olacaktır.
sticky ile çözebilirsiniz. Şöyle bir örnek var => https://codepen.io/simevidas/pen/JbdJRZ
sizin için bir örnek yaptım => https://jsfiddle.net/ejfnrq0k/
Siteye girdim ve yukarda examples kısmındaki ilk örnek sizin istediğiniz responsive özelliğini sağlıyor.
$(document).ready(function() {
$('#responsive').lightSlider({
item:4,
loop:false,
slideMove:2,
easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
speed:600,
responsive : [
{
breakpoint:800,
settings: {
item:3,
slideMove:1,
slideMargin:6,
}
},
{
breakpoint:480,
settings: {
item:2,
slideMove:1
}
}
]
});
});
responsive altındaki breakpoint kısımları sayfanın genişlik değeri.
var str = "merhaba dunya naber";
var words = str.split(" ");
Yukarıdaki gibi bir örnek ile yapabilirsin. words değişkenin bir array ve bu array içerisine tüm kelimelerin gelir.
var kelime1 = words[0]
var kelime2 = words[1]
var kelime3 = words[2]
şeklinde istediğin kelimeyi alabilirsin.
Build işlemi sonrası react dosya dizinlerini direk sunucuya atacak gibi ana dizin olarak çıkarır. src/assets gibi. Bu yüzden de gerekli olan dosyalar bulunamaz ve hata alırsın
Şurda daha ayrıntılı açıklama var
Ayrıca burada da index.html i nasıl açılabileciği hakkında yazılar var