Angularjs
Angularjs'in şablonlar (HTML) üzerindeki hakimiyetini seviyorum. Basit bir konu ama yazmakta yarar var. Javascript ve diğer dillerden aşina olduğumuz ikili operatörleri AngularJs ile şablonlarda kullanabiliyoruz. Kullanımı çok basit. {% highlight javascript %} {% raw %} {{ Kosul && "koşul doğru ise" || "koşul yanlış ise" }} {% endraw %} {% endhighlight %} Bunu html
CSS Dersleri
CSS'de değişken kullanmak şu an için mümkün değil. Eğer CSS Önişlemcilerini kullanıyorsanız o başka. currentColor değerini bir değişken olarak kabul edebiliriz. Tarayıcı desteğine baktığımızda tüm yeni nesil tarayıcılar destekliyor, ayrıca ie9+, gayet güzel. currentColor değeri; Mevcut elemanın color değerini referans alan bir değişkendir. inherit değerine benzerdir, inherit değerinin
CSS Dersleri
Daha önce yazacaktım ama desteği çok düşüktü. Webkit'in %82(mobil + web) desteğinden sonra uygulanabilirliği arttı. Ben Firefox'tan destek bekledim ama ondan ses çıkmadı. Tasarımcıların form elemanlarını tasarlama sevdası hiç bitmedi, bitmeyecek de :D Tüm ihtiyaçları CSS ile halledebilsek sorun yok da işin içine javascript girince durum
CSS Dersleri
Daha önce kolon yüksekliklerini eşitlemek için Aksak Kolonlar(Faux Column) yazımda bir çözüm önerisi vardı. Bu çözümlere bir tane daha ekliyorum. CSS Renk Geçişleri (Gradients) yazısında renk geçişlerinden bahsetmiştik. Renk geçişlerini tanımlarken genelde yüzdesel tanımlasak ta aslında piksel'de kullanabiliyoruz. Bu kullanım bize aksak kolonların çözümünü sağlıyor. Peki renk
Angularjs
Genelde jquery'den angular'a geçtiğimiz için daha önceki alışkanlıkları ve kolaylıkları angular'da da arıyoruz. Bunlardan bir taneside toggle ve toggleClass. AngularJs ile toggle ve toggleClass uygulamak çok basit. Basit bit toggle yapalım. Bir değişken(acKapa) tanımlayıp, bu değişkenin değerine göre gizle göster yapacağız. Değer kontrolünü
CSS Dersleri
:before ve :after sözde sınıfları tanımlandığı elemanla ilişkili ve alt eleman olarak eklenir, isimlerinden de anlaşılacağı gibi içeriğin başına ve sonuna eklenirler. Kullanım alanlarını gördükçe ne kadar faydalı seçiciler olduğunu daha iyi anlayacağız. Bu makalede özellikle kullanım alanlarına değineceğim. Daha önce bir çok sayfada kullandığım ve sitemde örneklerini verdiğim bu
CSS Dersleri
CSS'de sorun olan noktalardan biridir dikeyde elemanları ortalamak. Farklı çözüm önerileri sunulmuştur. Bende daha önce yazmıştım bir tane. CSS ile Dikey Ortalama CSS3 ile birlikte bu soruna bazı çözümler üretildi. Benim burada anlatacağım transform ile üretilen çözüm. Kod çok basit; {% highlight css %} .dikey-ortala { position: relative; top: 50%; transform:
Genel
Arayüz geliştiricilerinin hayatı hiç bir zaman durağan olmadı. Her zaman kendini güncellemek gerekiyor. Kendimden örnek vererek konuyu açıklamaya çalışayım. Bu işe ilk başladığımda(Liste2000 ve Turkline'ın ilk zamanları) tüm işleri biz yapardık. O zaman web master olarak çağırılırdık. Tasarım, arayüz geliştirme ve sunucu tarafı programlama kısımları. Hatta site
Genel
Bazı projeleri geliştirmek için kendi bilgisayarımızda bir HTTP sunucuya ihtiyacımız oluyor. Mac OS'ta bu iş çok basit. {% highlight bash %} cd /ilgili/proje/dosyasi {% endhighlight %} Kodu ile ilgili projenin olduğu klasöre geçelim. {% highlight bash %} python -m SimpleHTTPServer 8080 {% endhighlight %} Ta ta http://localhost:8080 adresi üzerinden gezebilirsiniz. Bu kodları
Genel
Yaklaşık 4 senedir Mac ve aynı zamanda terminal kullanıyorum. Mac'in kendi terminali yerine biraz daha özellikli diye Mustafa Paltun'un önerisi ile iTerm kullanmaya başladım. iTerm Kurmak iTerm açık kaynak bir program. Kurulumu http://iterm2.com/ sitesinden indirip yapabilirsiniz. Kısayol kullanımın önemi Bir programı kullanıyorsanız hız için
HTML
HTML5 API'leri, mobil uygulamalarda olup web sayfalarında kullanamadığımız özellikleri API olarak ekleyerek eksikleri gideriyor. Bunlardan bir tanesi de Web Notification API. Mobil uygulamlarda kullanıcıya anlık bildirimler göndermek için kullanılan bilgileri bu API sayesinde web sayfalarımızdan da yapabiliyoruz. HTML5 ve CSS3 özellikleri hala geliştirilmekte olduğu için zamanla değişim gösterebiliyor.
CSS Dersleri
Herkesin dilinde olan responsive web tasarımı nedir? Farklı çeviri önerileri var, ben Uyumlu web çevirisini beğendim ve bundan sonra Uyumlu web diye kullanacağım. Uyumlu web; kısaca farklı çözünürlükler için tasarlanan ve kodlanan web sayfalarına denebilir. Burada şöyle bir yanlış anlaşılma var; farklı araçlar için değil farklı çözünürlükler için sayfa üretmeye