CSS Dersleri
CSS Grid (Izgara) hakkında bir şeyler yazmaya daha önce karar verdim. Ancak CSS'in diğer konularına göre öğrenmesi biraz daha zor olan bu konuyu anlatmak da zor. 17 tane özelliği ve yeni terimleriyle anlaşılması zor bir konu. Nereden nasıl başlayacağım konusunda kararsız kaldım. Nihayet bu ilk yazıyla ilk adımı
CSS Dersleri
Daha önce bu konuda bir yazı yazmıştım. CSS İle Özel Kaydırma Çubuğu Yapmak O yazıda yazdığım özelliğin Firefox desteği yoktu, Internet Explorer'un kısıtılı desteği vardı. Şimdi Firefox yeni sürümüyle (64) birlikte standartlara da giren yeni kaydırma çubuğu özelliklerini destekliyor. Çok güzel haber ancak daha yetenekli ::-webkit-scrollbar özellikleri varken
HTML
Tarayıcıların bazı özellikleri bazı projelerimizde sorunlara neden olabiliyor. Bunlardan birisi de tarayıcıların dil hatalarını algılayıp sorunlu gördüklerinin altını çizmesi. Bu özelliği kapatma kodunun olduğunu bilmiyordum. Dün araştırınca kapatmak için bir HTML özniteliği olduğunu öğrendim. Bir örnek yapalım. İlgili paragrafa fare imleci ile tıkladığımızda ilk paragrafta hataları gösterirken ikinci pragrafta göstermiyor.
CSS Dersleri
Çalıştığım projede(vault.live{:target='_blank' title='vault.live'}) animated.css{:target='_blank' title='animate.css'} kütüphanesi kullanılıyor. Bir sorun ile kaşılaştık. animasyon uygulanan kutularda açılan menüler diğer kutuların altında kalıyordu. Bir arama sonucu stackoverflow.com'da cevabını buldum. {% highlight css
closest() metodu seçtiğimiz elemanın belirttiğimiz seçici kuralına göre en yakın olan ebeveynini (kendisi de bu kontrole dahildir) bulur ve bize döner. Eğer bulamazsa null değeri döner. <ul> <li>Üst Menü <ul> <li class="urunler"> <a href='#' class=
Genel
Yeni işe başlayınca tüm ihtiyaçlarını tekrar kurmak gibi bir iş çıkıyor. Tabi yeni şirketin ihtiyaçlarını kurmakta gerekiyor derken bir yenilenme yaşıyor insan. Bu arada şunu fark ettim ki ben iterm'i güzelleştiren ve geliştiren oh-my-zsh kurulumunu ve sonra terminali güzelleştirme ve yeteneklerini arttırma konusunda buraya çok birşey yazmamışım. Tabi
CSS Dersleri
jQuery'den kurtulup normal javascript ile kod yazmak için yola çıktığımda kaynak yönünden çok fazla sorun yaşamasam da bu kitap herşeyi derli toplu bir arada sunması bakımından güzel bir kaynak. Kitap jQuery kullanan ve normal javascript'e geçmek isteyenler için güzel bir kaynak. Her bölümde işin jQuery ile
CSS Dersleri
Uzun süredir Internet Explorer(IE) sorunuyla alakalı yazı yazmıyordum. Çünkü bizim projede IE desteğini sonlandırdık. Bir yerde uygularken denk geldim iki kolonlu menü kullanımı vardı. column-count özelliği yardımıyla kolayca yapayım dedim. İstekte bulunan arkadaş IE 11 desteğini de sağlayalım deyince IE 11'de test ettim bir de ne göreyim
Genel
fatihhayrioglu.com sitesini github pages üzerinde barındırıyorum. Alan adı godady'de kayıtlı. Bir arkadaşımın önerisiyle sitemi cloudflare'e ekledim. HTTPS, güvenlik ve performans yetenekleri nedeniyle tercih etmiştim. Tam siteyi github page'den gitlab page geçirmeyi düşünürken bu haber iyi geldi. https://t.co/nQe1xZMs6W1 Mayıs 2018 Geçenlerde
CSS Dersleri
Mobilde overflow-x: auto veya overflow-y: auto uyguladığımız alanlardaki kaydırma işlemlerinde Android'lerde akıcı bir şekilde çalışırken iOS telefon ve tabletlerde akıcılığını kaybediyor. Süründürüyor resmen. Stackoverflow'da çözümünü buldum ve sizlerle paylaşmak istedim. { -webkit-overflow-scrolling: touch; } şeklinde tüm elemanlara uyguladığımız gibi sadece istediğimiz elemana da uygulayabiliriz. Kalın sağlıcakla. Kaynaklar * https:
CSS Dersleri
Geçenlerde bir makaleye denk geldim. https://jamie.build/last-2-versions sitenin ardalan rengi kadar dikkat çekici bir konuyu ele almıştı. Özetle şöyle: Autoprefixer ve Babel gibi araçlar tarayıcı listesi bilgisini browserlist kütüphanesinden alıyorlar. Desteklenen tarayıcı listesine göre bir çıktı oluşturuyorlar. Autoprefixer mesela oluşan listeye göre prefix oluşturuyor. Eğer listeniz eski kalmış
CSS Dersleri
CSS daha çok statik yetenekleri olan dinamik yetenekleri olmayan bir standarttır. Son zamanlarda bu statikliğinden sıyrılıp dinamik yetenekler kazanmaya başladı. CSS artık daha dinamik bir standart. Değişkenler yazılım dillerinden alışık olduğumuz öğelerdir. CSS Önişlemcileriyle (pre-processor) uzun zamandır değişkenleri kullanabilmekteyiz. Ancak bunların normal CSS değişkenlerine göre yetenekleri kısıtlı. Standart koyucular yani