table | bildirgec.org

Web 2.0 ile yaygınlaşan ve kullanılmaya başlanan sekmeli tablolar artık birçok web uygulamasında yer edinmiştir. Bir sayfaya birden fazla sayfayı sığdırmak veya ziyaretçilerimizi yeni sayfa yüklenmesinden kurtarmak gibi birçok hoş özelliği bulunan bu uygulama jQuery ile oldukça hoş bir hal aldı. Farklı geçiş efektleri ile güzelleşen bu özelliği aşağıdaki birçok uygulamaya bakarak inceleyebilirsiniz. Yararlı jQuery Sekmeli Navigasyon Uygulamaları;

Create A Tabbed Interface Using jQuery
(jQuery ile Sekmeli Tablo Arayüzü Oluşturun)

Sweet AJAX Tabs With jQuery 1.4 & CSS3
(jQuery 1.4 & CSS3 ileTatlı Ajax Seklemeri)

Web 2.0 ile başlayan içinde bulunduğumuz cilalı görsel iletişim çağında karmaşık ve çok sayıda bilginin analiz edilip görselleştirilmesinde kullanılan bilgilendirici / infografik tasarımlara en güzel örnekleri sıralayalım. Kelime ve yazılardan ibaret karmaşık ve anlaşılması imkansız görünen büyük miktarda veriyi açıklamak için grafik öğelerin ve tipografinin nasıl kullanıldığını aşağıdaki örneklerde inceleyelim:
Space Exploration 50 Yıl. uzay araştırmalarının son 50 yılda göstermek büyük bir infografik. Bu inanılmaz infografik çalışma Sean McNaughton ve Samuel Velasco tarafından National Geographic için oluşturulmuştur.

50 Years of Space Exploration

uzay araştırmalarının son 50 yıldaki durumunu gösteren büyüleyici tasarım. Bu inanılmaz çalışma Sean McNaughton ve Samuel Velasco tarafından National Geographic için oluşturulmuş.
Prism Social Media 2010 internetteki Sosyal ağlar, paylaşım siteleri ile sosyal medya ve paylaşım araçlarını gösteren çalışma ise Serge Esteves tarafından yapılmış.

Veritabanları, xml veya txt dosyaları gibi birçok veri depolama veya paylaşım noktalarında bulunan verilerin, web sitenizi veya blogunuzu ziyaret eden kullanıcıların çok kolay bir şekilde anlayabileceği/anlamladırabileceği bir arayüzle sunulması oldukça önemlidir.

Bu sunum için en fazla kullanılan düzenlerin/yöntemlerin başında ise; tablolar (table) gelmektedir.

Şu anda 3.versiyonu ile geliştiricilerin kullanımına sunulan ve Javascript ile hazırlanmış bir tablo tasnifçisi/sınıflandırıcısı olan TinyTable V3 eklentisi/aracı, veri kaynaklarından çekeceğiniz çeşitli türdeki verileri, ziyaretçilerinize düzgün bir yapıda sunmanızın yanında, ziyaretçilerinize tablo üzerinde; sıralama, sınıflama ve arama yapabilme olanağı tanıyarak, ziyaretçilerinizin tablodaki verilerden elde edecekleri verimi artırmakta.

Siteleri profesyonel gösteren Yuvarlatılmış table köşeleri

yeni web tasarımcılarının daima ilgisini çeken bir konu da sitelerdeki yuvarlak köşeli table'lardır. Peki bu profesyonel görünümü nasıl kazandıklarını kısaca öğrenmek ister misiniz?

aslında bu konu göreceli olarak birçok grafik editörüyle kolayca yapılabilecek bir düzenlemedir. Kullanıldığı zaman siteye yumuşak ve akıcı bir hava katmaktadır. Biz burada açıklamalarımızı photoshop kullanarak yapacağız ama genelde diğer çoğu grafik düzenleme aracında da hemen hemen aynı öğeler kullanılarak yapılabilir.

Kullandığınız programa bakmaksızın kullanılacak teknik aynıdır: bir daire ya da yuvarlatılmış kare (rectangle) çiz, sonra da onu table'a uygulamak üzere parçala. Mesela biz burada 20 pixellik köşeleri olan bir table yapacağız.

Google için yeni özellikler geliştiren Google Labs * şimdi de büyük veri kümelerini organize edip sunumlarını yapabileceğiniz ve web tabanlı olarak çalışan Google Fusion Tables uygulamasını duyurdu .

Google Spreadsheets ile de veri kümeleri üzerinde bazı işlemler yapılabilmekteydi fakat Google Fusion Tables ile çok daha büyük miktardaki veri kümelerini barındıran tablolar oluşturuluyor ve bu veriler üzerinde toplama, birleştirme, filtreleme gibi fonksiyonlar çalışabiliyor.

Web Sayfalarına konulan içeriklerin sayfa üzerindeki konumlarının düzenli olması oldukça önemli bir konudur.
Önceleri table ile yapılan bu işlem şimdilerde daha çok CSS ile yapılmakta.
CSS ise yoğun içeriğe sahip web sayfalarının hızlı ve esnek bir şekilde düzenlenmesinde yetersiz kalabilmekte.
Bu yetersizliği gidermek için hazırlanan CSS Template Layout Module (CSS Şablon Düzeni Modülü) çalışması ise henüz taslak aşamasında.

Web Sayfalarının hazırlanmasında birçok konuya getirdiği çözümlerle + + + + göz dolduran jQuery eklentileri, Web Sayfalarının düzenlenmesi konusunda da bazı çözümler sunmakta.
Web Sayfa Düzenleri(Layouts) için kolayca uygulanabilir olan 6 adet jQuery eklentisi:

jQuery Masonry

UI.Layout

Kimyaya ilgi duyanlar bugüne kadar internette muhakkak birçok periyodik cetvel örneği görmüşlerdir. Özellikle burdaki ve şurdaki cetveller hem interaktif olması hem de görselliğiyle benim favorilerim.

Nottingham Üniversitesi'nde görevli Araş. Prof. Martyn Poliakoff ve ekibi ise periyodik cetveli alıp Youtube'te her elementle alakalı hem seyrine doyum olmayan hem de akılda kalıcı video klipler hazırlamışlar, ve bu klipleri de web sitesinde periyodik cetvel üzerinde indekslemişler. Sonuç olarak ortaya aşina olanların bileceği Brainiac tadında bir video-indeks cetveli çıkmış.

Eğer sahip olduğunuz tek masanızı masaüstü bilgisayarınıza ayırdıysanız ve bir masaya ihtiyacınız varsa masanızı Sync Desktop ile yenilemenin vakti geldi demektir. Sync Desktop katlanabilen geniş ekranı, usb hub'ı, tarayıcısı, dvd sürücüsü ve depolama ünitesiyle size başlı başına bir bilgisayar olarak hizmet veriyor.

Bunun yanısıra aynı alet çok şık bir masa olarak da kullanılabiliyor. Masanızın ayaklarına yerleştirilen donanım size ekstra hiçbir yer kaybı oluşturmuyor. Ancak masanızı kullanırken biraz dikkatli olmak zorunda olduğunuzu da gözden kaçırmamak gerekiyor.