Çalıştığım projede tasarımı dinamik olarak render edilen componentlere ihtiyacımız oldu. Detaylandırmak gerekirse, default bir butonumuz var fakat bu butonu isteyen kişi istediği gibi stillerini customize edebilecek ve özelleştirilmiş stilleri içeren JSON Frontend’e geldiğinde buna uygun bir çıktı elde edecek.
Buradaki asıl sıkıntımız ise, var olan CSS’lerin üzerine yeni bir CSS…
Yeni bir yıl, yeni hayaller, yeni hedefler…
Geride bıraktığımız senede hedeflerimi büyük oranda başarmıştım. Yeni yılda çok daha hareketli, gezgin, sosyal bir kişi olmayı hedefleyeceğim.
Teknolojik olarak büyük donanımları hep aldım. Fakat güzel bir çalışma masası ve mouse’a ihtiyacım var. Ardından bir kaç süsleme ile şık bir çalışma ortamına erişmek…
Responsive Design kavramı 25 Mayıs 2010 tarihinde Ethan Marcotte adlı bir arayüz tasarımcısı sayesinde hayatımıza girmişti. Responsive Web Design başlığı ile duyrulan bu fikir, her Frontend geliştiricisinin aktif olarak kullandığı bir özellik konumunda.
Responsive design harika fakat yetersiz kaldığı noktalar olabiliyor. Bunu bir örnek üzerinden kavramaya çalışalım.
Aşağıdaki tasarımda görüldüğü…
Her yiğidin yoğurt yiğişi ayrıdır, bir kodu birden çok şekilde yazabilirsiniz. Hepsi doğru çıktığı verebilir fakat performans anlamında birbirlerine göre artı eksileri olabilir.
Şöyle örnek bir resim etiketimiz olsun:
<img
id="logo"
src="/logos/turkey-national-day-2021.png"
alt="Cumhuriyet Bayramı kutlu olsun!"
title="Cumhuriyet Bayramı kutlu olsun!"
height="200"
width="500"
/>JavaScript’te bir HTML etiketine erişmek için çeşitli…
15 Temmuz sabahı bavullarımızı alıp 4 üniversite arkadaşım ile Fethiye’ye doğru yola çıktık. Güzergah üzerinde önce İzmir’i gezdik, ardından Marmaris İçmeler plajında yüzdükten sonra, son ve asıl durağımız olan Fethiye Ölüdeniz’e gittik. Arkadaşlarla ilk tatilim olması açısından benim için önemliydi. Tarihe not düşmek adına biraz özet, birazda fotoğraflar paylaşmak istedim.
…
CSS yazarken hayatımızı kolaylaştıran bazı fonksiyonlar var. Bazı durumlarda kullanılan genişlik, font-size gibi değerlerin dinamik olarak hesaplanmasına ihtiyacımız olabiliyor. Örneğin, bir kart sayfada 70% yer kaplasın fakat 300px’den küçük olmasın gibi bir senaryomuz varsa, bu durumda şöyle bir CSS yazılmasını bekleriz;
.card {
width: 70%;
min-width: 300px;
}CSS min()…
Bu makalede, arka plan rengine bağlı olarak yazı rengini değiştirmeyi göreceğiz.
CSS tarafında bir yazıya color: #fff verdiğimizi düşünelim. Koyu arka plan renklerinde bu yazı okunabilirken, açık tonlu renk üzerinde okunamaz olacaktır. Burada dinamik olarak arka plan rengi koyu ise beyaz yazı, arka plan açık tonlar ise siyah renkte yazı…
2019 Kasım ayında gösterime girmiş olan, dünya rekortmeni Naim Süleymanoğlu’nın filmini çokça görmeme rağmen yeni izleyebildim. Ben Naim Süleymanoğlu’nu Türkiye topraklarında doğmuş, büyümüş ve madalyalar getirmiş birisi olarak düşünüyordum. Filmin başında Naim’in Bulgaristan adına yarıştığını görünce şaşırdım.
Gerçek hayat hikayesinden uyalanan film, Todor Jivkov liderliğindeki Bulgar Komünist Partisi iktidarı altında…
Web site geliştirirken varsayılan olarak yazı dilimiz soldan sağa (Left to Right — LTR) kullanıyoruz. Arapça gibi sağdan sola doğru okuma yönü olan diller için site geliştiriyorsak, <html> etiketinize dir özelliği ekleyerek yazı dilinin sağdan sola olacağını belirtmelisiniz (<html dir="rtl">).
CSS mantıklar özelliklerin temel fikri, CSS özelliklerinde fiziksel yönleri kullanmayacak…
Tam hatırlamıyorum ama sanırım ortaokulun son zamanlarından beri gözlük kullanıyorum, yani neredeyse tüm gençliğimi gözlüklü geçirdim. Havuz/denize gittiğinde etrafındaki insanları görememek, halı saha maçta gözlükle oynamak zorunda kalmak, metrobüse bindiğinde camlarının buharlaşması, şu korona günlerinde maskeyle beraber etrafını göremiyor olmak; gözlük kullanmanın zorluğunu gözlük kullananlar biliyor ve uzunca bir süredir…
