Ömer Gülçiçek

Apr 22

Kişisel Sitemin NextJS Versiyonu

omergulcicek.com — Düzenli aralıklarla kişisel sitemi farklı yazılım dilleriyle baştan yazıyorum. Teknolojinin yanı sıra, tasarımsal olarakta daha minimal, sade ve şık bir arayüz yapmaya özen gösteriyorum. v6 olarak isimlendirdiğim bir önceki versiyonda React başlangıç kiti olan Gatsby ile geliştirmiştim. Kaynak kodlara GitHub’tan ulaşabilirsiniz. v7 yani NextJS ile geliştirilmiş olan versiyonu yayına almış…

Nextjs

2 min read

Published in Kodcular

·Jan 25

Styled Component ile Dinamik Css Yazmak

Ç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…

Styled Components

2 min read

Jan 25

2022 Hedeflerim

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. 🎮 Alınacaklar Listesi Teknolojik olarak büyük donanımları hep aldım. Fakat güzel bir çalışma masası ve mouse’a ihtiyacım var. …

2022

2 min read

Published in Kodcular

·Nov 26, 2021

CSS Container Sorguları

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. CSS Media Sorgularıyla İlgili Sorunlar Responsive design harika fakat yetersiz kaldığı noktalar olabiliyor. Bunu bir örnek üzerinden kavramaya çalışalım.

Frontend

3 min read

Published in Kodcular

·Oct 28, 2021

JavaScript Selectorlerinin Çalışma Hızları

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…

Front End Development

2 min read

JavaScript Selectorlerinin Çalışma Hızları

Aug 12, 2021

İzmir, Marmaris, Ölüdeniz Tatili

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. İzmir …

Fethiye

2 min read

Published in Kodcular

·Jun 27, 2021

CSS’te Min Max ve Clamp Fonksiyonları

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()…

CSS

2 min read

Published in Kodcular

·May 29, 2021

Renk Kontrastını Hesaplama

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ı…

CSS

2 min read

May 8, 2021

Cep Herkülü: Naim Süleymanoğlu

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. Dizi Hakkında Gerçek hayat hikayesinden uyalanan film, Todor Jivkov liderliğindeki Bulgar Komünist Partisi iktidarı altında…

Naim Suleymanoglu

2 min read

Published in Kodcular

·Mar 28, 2021

CSS Mantıksal Özellikler

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…

Front End Development

3 min read