CSS Tanımlarını İsimlendirme - Temel Kavramlar

Diğer bütün yazılım geliştirme sistemleri gibi, arayüz geliştirme için de isimlendirme kritik bir öneme sahiptir. Hem tanımların tekrar kullanılabilirliğini arttırabilme hem de geliştirmeyi kolaylaştırma ihtimalleri göz önüne alındığında üzerinde durulması gereken bir konu olarak öne çıkmaktadır.

Devam

Tasarım Kalıplarını Uygulamak için Öneriler - Javascript ile Yazılım Geliştirmede İşinizi Kolaylaştıracak Araçlar (Bölüm 4)

Teoride hepsi bir yere oturuyor. Özellike karşılaştığımız sorunun tespitinden sonraki aşamada, yani entegrasyon aşamasında oldukça eğlenceli saatler geçireceğinizi düşünüyorum. Ancak bunların hemen öyle olduğu gibi implemente etmemizin belli başlı sakıncaları bulunuyor. Özellikle zaten varolan bir kaynak kodu üzerinde böyle bir işe girişecekseniz iyi düşünüp geliştirmenizi önce projelendirmelisiniz...

Devam

Tasarım Kalıpları Nedir? - Javascript ile Yazılım Geliştirmede İşinizi Kolaylaştıracak Araçlar (Bölüm 2)

Her bir soruna farklı yönlerden yaklaşımlar geliştirmenin bir diğer adına tasarım kalıbı diyebiliriz. Bunun belirleyicisi geliştiricinin kendisi olmalıdır çünkü karşılaştığı sorunu en iyi bilen o olduğunu kabul ediyoruz. Peki tasarım kalıplarının aklımızda tutmamız gereken anahtar noktaları nelerdir dersek şu maddeleri düşünebiliriz...

Devam

Tasarım Kalıpları - Sorunlar ve İlkeler - Javascript ile Yazılım Geliştirmede İşinizi Kolaylaştıracak Araçlar (Bölüm 1)

Günümüzde “Javascript...” ile başlayan hiçbir başlığın popüler olmadığını göremediğimiz bir zaman dilimindeyiz. Günde en az 10 (on) adet yeni yazı ile karşılaşıp her birinden kah modüler Javascript programlamaya, kah yeni bir library ya da framework’e ya da yeni bir yaklaşıma doğru yeni yelkenler açıyoruz. Bu da topluluğun gelişimi ve geliştirmenin geleceğinin daha da kolaylaştığı ve yazılım geliştiricilerinin ortak bir dil ve kültür geliştirmesi açısından ayrıca bir önem taşıyor.

Devam

Mobil Web Sitesine İhtiyaç Var mı?

Bazıları için akıllı telefonların gelişmesi ile ortaya çıktığı düşünülse de, Mobil web siteleri 2000li yılların başından beri varlar. İlk başlarda wap, ya da ilk mobil tarayıcıya sahip telefonlar için 320px genişliğine sahip basit arayüzler halindeyken, cihazların gelişimi ve iPhone ile başlayan akıllı telefon devrimi ile normal işlevselliğe ve görünüme sahip hale geldiler.

Devam

CSS3 Animation

CSS3 ile gelen bir çok özellik belirli web üzerinde belirli işlemleri daha kolay yapmamızı sağladı. Özellikle animation ve transition ile daha yumuşak geçişler ve güzel bir görüntü elde edebiliyoruz.

Devam

Arayüz Geliştirme ve Mobil Uygulamalar

Mobil uygulamalar şuan hayatımızın bir parçası. Yediğimiz yemekten, attığımız adıma, banka hesaplarımızından dinlediğimiz müziğe kadar günlük hayatımızdaki birçok olayı mobil uygulamalar ile takip ediyoruz. Geliştiriciler de değişen cihaz çeşitliliği, ekran boyutları karşısında taleplere hızlı cevap vermeye, hazırlanan mobil uygulamaların farklı cihazlar ile uyumlu olmasına çalışıyorlar.

Devam

Overwrite Edeceğiniz Kodu Baştan Yazmayın!

Çoğu zaman CSS kodlaması yaparken, media queryler farklı çözünürlükler için kolayca tanım yapmamızı sağlar. Gün sonunda ise, dikkatsizlik ya da yanlış kurgu yüzünden, yaptığımız tanımları ya tekrar tekrar farklı şekilde yine yapmış, ya da sürekli daha önce yaptığımız bir tanımı sıfırlamak, orjinaline döndürmek için ek kod yazmış oluruz.

Devam

Gizli Cevherler: Widows & Orphans

CSS yazan çoğu kişinin otomatik tamamlamalardan aşina olduğu şeylerden birisi widows'dur. width yazmak isterken defalarca widows yazılmış ama asla nedir bu widows bakılmamış, kullanılmamıştır.

Devam

Namespace Your Events with the help of jQuery

In daily coding, binding an event to an element is simply and autonomous routine. Most of time developers select the element with jQuery, attach the event with on method or event's keyword and never think about if any other methods are also attached to same element with the very same event.

Devam

Hidden Gems: Fixed Table Layout

There some features that are unknown or very little known to most developers. These features in most cases, save you writing tons of code and hours of work. table-layout: fixed is one of these gems.

Devam

Anatomy of a jQuery Plugin

jQuery plugins allow new methods available in your code, a better abstraction and optimization. From basic to advanced ones, the plugin concept is the same and with the key architecture, almost all type of plugin can be built.

Devam

Future of Web Design 2014 - Part 3

Yeni fikirler edindiğim, webin farklı kısımları için geliştirilen farklı yaklaşımları takip ettiğim konferansın son gününü daha çok Rising Stars Track konuşmalarında geçirdim. Bu konuşmalar boyunca arayüz yazılımları ve tasarım ile kullanılabilirliğe yeni bakış açılarını değerlendirdik.

Devam

Future of Web Design 2014 - Part 2

Future of Web Design konferansının 2. günü ve konuşmaların ilk günü keyifli öğretici konuşmalarla geçti. Ama günün aklımda kalan sözü Paul Boag'ın sosyalleşme ve network imkanını üst düzeyde tutmak için "Go talk to a stranger" lafı oldu.

Devam

Future of Web Design 2014 - Part 1

Future Insights'ın düzenlediği Future of Web Design konferansı 7-9 Nisan tarihleri arasında Londra'da yapıldı. İlk günü workshoplardan oluşan konferansın ikinci ve üçüncü gününde güncel web tasarımlarından ve modern frontend uygulamalarından örneklerin sunulduğu, tartışıldığı konuşmalar ile dolu dolu geçti.

Devam

So what is HTML Mag?

After a longtime residing in the dusts of history, I finally started writing for HTML Mag.

Devam

Google Android Logo with pure html and css

While building this Google Android Logo, I've used pure HTML and CSS with new CSS3 border-radius and transform properties. Probably the visitors who are using Internet Explorer could not see the real shape of the final result. So for better results, use Firefox, Safari, Chrome or Opera

Devam