Jquery Puzzle

Yine bir jquery uygulaması ile karşınızdayım. Bu seferki eğlence konumuzu hepinizin bildiği bir konu : "Puzzle". Tabi basit bir örnek yaptım. Çünkü fotoğrafları eşit şekilde parçalamak oldukça zahmetli ve benim için sıkıcı bir iş :)

İlk olarak örneğimizin küçük bir ekran görüntüsüne bakalım.

Jquery Oyun Denemesi

Jquery ile denemelerimiz devam ediyor. Bu sefer biraz daha eğlenceli olan bir uygulama geliştireceğim. Eski oyunlar gibi basit ama seviyesi arttıkça zorlaşan sonu olmayan bir oyun. Adına oyun diyorum ama grafiksel olarak aslında hiç bir özelliği yok aslında :)

Jquery Kontroller Üzerinde Değişiklikler Yapmak

Web projelerinizde kontrollerinizin daha güzel veya tepkilerin daha belirgin olmasını istiyorsanız kontrollerinize görsel olarak birşeyler eklemeniz en iyi yöntemlerden bir tanesi olabilir. Mesela bir alana ve butona basıldığında renginin değişmesi gibi işlemler yapabilirsiniz.

Şimdi bu söylediklerimize kod tarafında bakalım. Hem görsel hemde kod ile daha iyi anlaşılır olacağına inanıyorum.

Notepad++ Emmet Eklentisi

Html yazanların en büyük sıkıntılarından bir tanesi tekrarlanan tagleri teker teker yazmak zorunda olmaktır. Emmet eklentisi bu sorun için çok yaratıcı ve güzel bir uygulama gerçekleştirmiş.

Notepad++ içinde bu eklenti mevcut. Hadi bu eklentiyi kuralım ve nasıl kullanıldığını bakalım.

Jquery Event Oluşturma - 2

Bir önceki yazımda jquery ile event konusuna girmiştik. Basit bir örnek yaptıktan sonra sizlere bu konunun daha detaylı olduğundan bahsetmiştim. Sıra geldi event konusunun detayına.

Daha önce yaptığımız örnekte bir tane inputumuz vardı. Üzerine gelince alert veriyorduk. Peki aynı yapıda ve görevi olan 100 tane inputum olursa ne olacak? Hepsi için ayrı ayrı event yazacak halim yok tabiki. İşte burada detaya girmiş bulunuyoruz.

Jquery Event Oluşturma - 1

Bir önceki yazımda  jquery ile küçük bir uygulama yapmıştık. Oluşturduğumuz sayaca biraz daha özellik katmak istersek neler yapabiliriz peki? Mesela ben mouse ile bu sayacın üzerine gelip değerini alabilir miyim? Cevap EVET :)

İşte tam bu noktada eventler devreye giriyor. Aslında event konusu biraz daha detaylı ama ben ilk olarak kısaca bahsedip bir örnek yapacağım. Bir sonraki yazımda da detaylarına daha fazla gireceğim.

Jquery ile Sayaç Yapma

Ben çalışmalarımda genelde client side için jquery kullanıyorum. Bu teknolojiyi kullanırken de eğleniyorum açıkçası. O yüzden de bugün eğlenceli bir çalışma oluşturmak istedim. Jquery ve Html kullanarak bir sayaç yapalım ve buna daha sonra özellikler katalım.