tag | bildirgec.org

jquery + çıktığından beri web siteleri renklendi, hareketlendi. ancak kimi zaman güzel ve işe yarar eklentiler bulmak kolay olmuyor. ücretsiz olmaları da ayrıca önemli. işte acil ihtiyaç duyulduğunda işimize yarayacak bir kaç güzel juery eklentisi.

-----------------------------------
jquery'nin ui (user interface) projesi kapsamında geliştirmeye tabi bulunan bu uygulama bir işletim sistemininki kadar görsel bir takvim uygulamasını ziyaretçilerinize sunmanızı sağlıyor. insanları yazarak değil de görsel yöntemlerle tarih vermeye ikna etmiş oluyorsunuz.

Google, dünyadaki en çok kullanılan ve en popüler arama motoru olarak kendi piyasasında tekelliğini koruyor. Onunla aynı pazarda olabilmek için Microsoft, Yahoo gibi şirketler oldukça büyük yatırımlar yaparak arama motorlarını geliştirmeye çalıştılar. Pek başarılı olamasalar da her geçen gün farklı kişilerden farklı projeler gelmeye devam ediyor. Bunlardan biri de Blekko .

Google'ın arama sonuçlarının web çöplüğü olduğunu düşünen Blekko'nun yapımcısı Rich Skrenta, Google sonuçlarının link ve etiket çöplüğü olduğu görüşünde. Bu yüzden slashtag adını verdikleri bir özellik kullanıyorlar. Blekko bu sayede kullanıcılarına özel arama sonucu veriyor.

Blekko'daki sonuçlar aynı site üzerinden olmuyor, her zaman aranan farklı içerik ile size sunuluyor. Henüz 3 milyar web sitesi üzerinde tam olarak arama yapabilse de Blekko, bazen Google'dan daha tutarlı sonuçları kullanıcılarına sunabiliyor.

Aşağıda yer alan basit ama kullanışlı jQuery uygulamaları her web servisinde kullanılabilir. Basit arayüzlü ve kullanımlı olan aşağıdaki tasarımaları web siteniz ile uyumlu hale getirebilir ve ücretsiz olarak kullanabilirsiniz. işte muhteşem 5 jQuery uygulaması;

Image Blur - Demo

Image Blur, her web uygulamasında kullanılabilecek oldukça hoş bir jQuery uygulamasıdır. Resimlere ilginç bir bulanıklık efekti veren bu uygulama resmin üzerine gidildiğinde netleşmeye başlayarak eski haline dönüyor. Tam tersinin yapılması ve geliştirilmesi muhtemel bir uygulama.

SeaHorse - Demo

Seahorse gelişmiş bir form denetim uygulamasıdır. Bu muhteşem uygulama ile web sitenize yerleştireceğiniz tüm formları kontrol edebilirsiniz. En fazla kaç karakter yazılacağı, istediğiniz karakterleri engelleme, metin veya sadece sayı bulunması gibi seçenekleri etkileyebildiğiniz gibi herhangi ek işleme css kodlarına gerek formlardaki yazı renklerini anında değiştirmeniz mümkün. Ayrıca ip adresi, e-mail adresi kontrolü de yapabilmekte. Bu ve buna benzer bir çok denetime bu uygulama ile sahip olabilirsiniz.

Firebug daima web geliştiricileri arasında en yoğun kullanılan en popüler araçlardan birisi olmuştur. Firefox'u muhteşem yapan eklentilerden birisi bence. Bu yazıda firebug kullanmanız için sizi ikna edebilecek 10 konudan bahsedeceğim.

Sebep 1: Konsol

firebug'ı açınca ilk farkedeceğiniz şey (ister sağ alttaki simgeye tıklayarak açın, ister ctrl+f12 kısayolunu kullanın) karşınıza çıkacak olan konsol paneli olacaktır. Firefox'un hata konsolu ile çok benzeştiğini düşünseniz de, ortak özellikleri şunlar:
- Hata, uyarı, ikaz görüntüleme
- Javascript kodu çalıştırabilme
Ancak firefug konsolu eşsiz kılan ek özellikler şunlar:
- Javascript, CSS, XML, xmlhttprequest (ajax) ve firefox'un kendi iç hatalarını görüntüleyebilir.
- mevcut sayfa üzerinde javascript kodu çalıştırabilir.
Örnek bir sayfa üzerinde incelemek gerekirse.

sebep 2: HTML

Firebug'un panelleri arasında belki de en çok zaman geçireceğiniz panel html paneli.
- 1. Ögeyi incele olarak çevirebileceğimiz bu düğme, hem hangi ögeyi incelediğinizi kısaca size gösterirken, hem de istediğiniz tag'i seçme konusunda inanılmaz bir kolaylık sağlıyor.
- 2. Burada seçili olan tag'in hiyerarşik yapısını görebilir ve üzerinde değiştirmekten silmeye kadar her türlü işlemi yapabilirsiniz.

Daha önce burda paylaştığım işimizi kolaylaştıracak sitelere devam ediyorum.

1- Ptable;periyodik cetvele bambaşka bir hal kazandırmışlar. birçok programın sahip olmadığı özellikler mevcut. en güzel özellik ise değişik sıcaklıklardaki fiziksel halleri göstermesi. sıcaklığı artırıp azalttıkca elemenetlerin katı - sıvı - gaz değişimlerini takip edebiliyoruz.

2- Creately; flash tabanlı bir diyagram oluşturma sitesi. İçeriğinde önceden tanımlanmış onlarca hazır şablonu kullanarak veya kendiniz çizerek diyargramlar hazırlayabilirsiniz.

3- rmberit; remember it sitesi sayesinde farklı bir bilgisayardayken almanız gereken küçük notları flash bellek veya mail kullanmadan kaydedip kendi pc'nize geçtiğinizde görebilirsiniz. İsterseniz üye olup kaydettiginiz her notu üye girişi ile farklı pc'lerden takip edebilir veya ana sayfaya notunuzu girip "Drop it" dedikten sonra mailinize gönderebilirsiniz.

Geçen hafta yayınlanan Friefox 3.5'e ait özellikler sıralanırken en dikkat çekici özelliklerden biri de HTML 5'i desteklemesiydi.

HTML 5'i bu kadar önemli kılan ise W3C'nin XHTML ile ilgili çalışmasını 2009 sonunda sonlandırması ve HTML 5'e yönelik olan kaynaklarını arttırması.

HTML 5 kullanılmaya hazır olmakla beraber şimdilik Opera, Safari ve Firefox'un güncel sürümleri desteklemekte.

header, footer, nav, video, audio gibi yeni tag'lerin de bulunduğu HTML 5 için hazırlanmış Cheat Sheet'e (PDF) buradan erişebilirsiniz.