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) projesikapsamı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.

http://www.nytimes.com/2010/11/07/weekinreview/07brustein.html?ref=technology

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.

Bazı durumlarda database’e kaydederken herhangi bir WYSIWYG Editor’den gelen yazıyı sadece text olarak kaydetmemiz gerekebilir. Böyle durumlarda string’ten bütün html taglarını kaldırabilmemiz için kullanabileceğimiz fonksiyon;

1
2
3
4
5
6
7
8
9
10
11

public string HtmlTemizle(string text)
{
return Regex.Replace(text, @”<(.|\n)*?>”, string.Empty);
}

// Kullanımı ise;

string strHtml = HtmlTemizle("<br/><a>Ali Ata Bak.</a>");
Response.Write(strHtml);

// Sonuç : Ali Ata Bak.

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

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 – 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 firefugkonsolu 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 – 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.

Dünyanın önde gelen lüks saat üreticilerinden TAG Heuer, lüks saat işinden sıkılmış olucak ki telefon üreticiliğine, soyunan ilk İsviçreli saat üreticisi ünvanını alıyor. Peki bu telefonumuzu diğerlerinden ayıran nokta neresi; Çelik, altın , PVD gibi kaplama seçenekleriyle kendinize göre özelleştire bilmeniz bu seçeneklerin içerinde timsah derisinin de olduğunu düşünürseniz olayın ekonomik ucunun kaçtığını farketmişinizdir. Daha yeni başlıyoruz seçeneklerimiz arasında 1.3* karatlık 208 adet pırlantalı versiyonu yada 7.4* karatlık 1232 adetlik pırlantalık versiyonunuda seçe bilirsiniz. Teknolojik noktada farklı bir şey sunmaması telefonumuzun tamamen tasarım ve kişisel odaklı olduğunu gösteriyor. Gelelim fiyatına, Tag Heuer MERIDIIST 4.000 Euro ila 9.000 Euro arasında değişeceği söyleniyor.

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.

Peter-Paul Koch: CSS Hack’lerinden uzak durun

Css hackleri genellikle sorunlarınızı çözebilir ancak bir süre sonra bşaka bir probleme yol açtığını göreceksiniz.
Browser versiyonları değiştikçe bu sorun su üstüne çıkacak ve o sarun için bir css hack’i yapmak zorunda kalıcaksınız.
Buna en iyi çözüm mümkün olabildiğince sade bir css kullanmaktır.
Sonuç olarak zaman ilerledikçe kullandığınız css hack ya hata oluşturacak yada işlevini yitirecektir

Jonathan Snook: Gereksiz seçicilerden uzak durun
Css dosyalarınızı mümkün olduğunca kısa ve dar tutmaya ve ürettiğiniz seçici sayısını indirebildiğiniz kadar az sayıya indirmeye çalışın.
Gerçekten özelleştirilmiş UL ve LI taglerine ihtiyacınız varmı ? Tasarımınız için özelleştirilmiş bir UL tag’i neden yetmesin ?
Sadece en yüksek level’daki taglerinizi özelleştirin ve alt tagleri kendi haline bırakın.