CSS Dersleri
Bir önceki yazıda; fr(ing. fraction) birimi “kesir” anlamına gelir. px veya % gibi bir uzunluk değil, bunun yerine “esnek” bir birim olarak kabul edilir. CSS grid ile birlikte gelen bir değerdir. Kullanılabilir alanı tanımlamamızı sağlayan esnek bir birimdir. Tanımını yapmıştık ve detayını bu makaleye bırakmıştık. Öneminden dolayı fr birimini ayrı
CSS Dersleri
Bir önceki yazıda CSS Grid'e giriş yaptık ve grid ile gelen yeni terimleri öğrendik. İşin teorisini öğrenmeye devam edelim. CSS Grid ile birlikte 17 adet özellik öğreneceğiz. Bunların bazıları daha önce bildiğimiz özellikler (grid hizalama özellikleri), bazılarıysa tamamen yeni özellikler. Bu özelliklerin yanı sıra yeni tanımlar, değerler ve
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
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
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
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. {% highlight css %} * { -webkit-overflow-scrolling: touch; } {% endhighlight %} şeklinde tüm elemanlara uyguladığımız gibi sadece istediğimiz elemana da uygulayabiliriz. Kalın
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
CSS Dersleri
Tipografinin web sitelerinde önemli bir yeri var. Yazı tipi tasarım ve okunabilirlik açısından bakıldığında gerekli bir öğedir. Yazı tiplerini sistemde yüklü yazı tipleri ve özel yazı tipleri diye ikiye ayırabiliriz. Bu makalede özel yazı tipleri üzerine duracağız. Geçmişten beri özel yazı tiplerini sayfalarımıza eklemenin farklı yöntemlerini denedik. (Örn: sFIR, cufon,
CSS Dersleri
Site hızının gittikçe önemini arttırmasıyla birlikte web sitesi geliştiricileri sitelerinin kullandığı her kaynağı iki kere sorgulamaya başladı. Tüketilen her kaynak üzerinde kar/zarar hesabı yapılarak artık web sitelerine ekleniyor. Bu kaynaklardan bir tanesi olan yazı tipi hakkında olacak bu makale. Yazı tipi seçimi ilk başlarda çok zor bir tercih değildi.