HTML | bildirgec.org

jsTree, jQuery eklentisi olarak paketlenen çapraz tarayıcı ağaç bileşenidir.Javascript tabanlı olan bu uygulama üzerinde kategorili listeleme yapabileceğiniz gibi üzerinde kayıtlı bulunan tüm girdiler üzerinden eşzamanlı olarak işlem yapabilirsiniz.

Listeleme, Site Haritası hatta menü olarakta kullanılabilecek çok yönlü bir uygulama olan jsTree, ücretsiz olarak dağıtılmakta, ayrıca GPL ve MIT lisanslarına sahip bir jQuery uygulamasıdır.

Kategoriler ekleme, anında isim değişikliği, dosya ve klasörleri düzeltebilme/silebilme, sürükle-bırak özelliği ile içerisindeki nesneleri herhangi bir klasör yada katagori içerisinden bir başkasına taşıyabilme gibi birçok özelliği bulunmaktadır.

Tema desteği sayesinde tamamen kişiselleştirilebilir ve HTML, JSON, XML gibi verikaynaklarının birçoğunu destekler. Ayrıca değiştirilebilen animasyonlu açılışı ve sayfa harici yükleme özelliği bulunmakta. Arama fonksiyonu, çerezleri optimize etme, klavye ile işlem yapma gibi özellikleri ile jsTree muhteşem bir uygulamadır.

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com'dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider - Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, "Play/Stop" (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog - Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

Yeni nesil web dilimiz HTML5 için hazırlanmış, açık kaynak kodlu bir eklenti olan FlareVideo, web kullanıcılarının izlemeye doymadıkları ve doyamayacakları web içeriği olan videoların, web sayfalarından oynatılabilmesini sağlayacak olan bir web video oynatıcı (player).

En göze çarpan özelliği; HTML5'i tanımakta huysuzluk/uyumsuzluk gösterecek olan web tarayıcıları ile karşılaştığında, şapkasında FLash versiyonunu çıkaracak olan FlareVideo, CSS/HTML/JS ile yapılacak müdahalelere izin vermek, tam ekran desteği ve 3 farklı tema (Default theme, Vimeo theme, Spotify theme) gibi özellikleri de geliştiricilere sunmakta.

Web tasarımı bu günlerde HTML5 ve CSS3 ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.

Aşağıda listelenmiş olan CSS3 eğitimleri (teknikler, örnekler) ile, daha önceleri yapamadığınız veya yapmak için ek bazı dosyalara/görsellere ihtiyaç duyduğunuz, "göreni kendisine hayran bırakan" tasarımsal özellikleri, CSS3 ile nasıl yapabileceğinizi öğrenebilir ve hemen denemeye başlayabilirsiniz.

Apple HTML5 Showcase: Apple tarafından yakın zaman önce açılan ve içeriğinde HTML5 ve CSS3 tekniklerinin bulunduğu bir tanıtım sayfası.

Web sitenizde video yayınlayanlar genelde flash player ile yapılan video eklentileri veya Media Player kullanırlar. Fakat tüm bunlara gerek kalmadan sadece HTML5 ve CSS3 yardımı ile web sayfanızda video yayınlayabilirsiniz.HTML5'in yükselmesi ile gündeme gelen bu video oynatıcıları henüz Internet Explorer gibi bazı eski sürüm tarayıcılar desteklemese de oldukça popüler ve ilgi çekici oldukları söylenebilir.

Video JS, tamamen HTML5 ve CSS3 ile hazırlanan açık kaynak kodlu ve ücretsiz olarak dağıtılan bir video oynatıcısıdır. Web sitenizde videoları herhangi bir eklentiye gerek kalmadan yayınlamanızı sağlayan bu uygulama ile hertürlü videoyu yayınlayabilirsiniz. H264 ve Theora Ogg gibi formatları da destekleyen bu kolay kullanımlı uygulama kullanıcılar açısından herhangi bir sorun olmadan yayın yapabiliyor.

Tam ekran özelliği, ses ayarı, durdurma/oynatma düğmesi ve herhangi bir bölümüne sarabileceğiniz çubuğu ile diğer video oynatıcılarını aratmayan bu uygulamayı birçok tarayıcıda çalıştırabileceğiniz gibi iPhone veya iPad gibi dokunmatik cihazlarda da çalıştırabilirsiniz.

Web dünyası, çarşamba sabahı yeni bir hediyeye sahip oldu. Google, HTML5 için "açık kaynak kodlu" video ve ses formatlarını içeren WebM Projesini duyurdu.

Bu medya projesi bundan sonra WebM Projesi adı altında devam edecek. Ve beklendiği gibi VP8 video codec'i, webm projesinin merkezinde yer alıyor. Google bu teknolojiyi bu yılın başında aldı ve geliştiriciler projenin açık kaynak kodlu olarak ilan edilmesi için sabırsızlanıyorlardı. Ve çarşamba akşamı dilekleri yerine geldi.

I/O konferansında yapılan açıklamada, "VP8 projesini tamamen açık kaynak kodlu ve zorlamalardan uzak bir şekilde size sunuyoruz" denildi. Google zaten hali hazırda bu formata yönelik desteği chrome, youtube ve kendi siteleri üzerinde yapmış durumda; yeni format sayesinde mükemmel bir HTML5 deniyimi hedefleniyor.

WebM Projesi, bir dizi video sıkıştırıcısı ve çözücüsünden oluşuyor. (Coder-Decoder). Bu araçlar sayesinde internet tarayıcıları vdieo ve ses içeriklerini herhangi bir eklentiye gerek duymaksızın kolaylıkla HTML5 sayfalarında kullanabiliyorlar. Proje Mozilla, Opera ve Google'ın desteklemesi ile başladı. Şimdiden bütün tarayıcı üreticileri bu format için destek üretmeye başladıklarını duyurdular. Hatta microsoft, sene sonunda çıkması beklenen explorer 9'a da bu desteği ekleyeceğini duyurdu. Adobe da gelecekte flash player'lar için böyle bir desteği düşündüklerini açıkladı.

HTML5 ve CSS3 yeni olmasına rağmen web tasarımcıları oldukça başarılı uygulamalar yapıyorlar. Klasik tasarımların aksine daha renkli ve interaktif tasarımlar kullanıcılar tarafından daha dikkat çekici ve taha tatmin edici gözüküyor. Ayrıca masaüstü uygulamalarından yapabildiğiniz birçok özelliği artık interaktif olarak tarayıcılar üzerinden de kullanabiliyoruz. Muhteşem HTML5 ve CSS3 Uygulamaları;

Carbon Fiber Signup Form - Demo

Html5, css3 ve jQuery ile yapılan bu uygulama gelişmiş bir form sistemidir. Formlarda yer alan sıradışı parlak efekti ziyaretçiler tarafından oldukça dikkat çekici. jQuery ile yapılan tooltip özelliği sayesinde kullanıcılarınız istenilen dışında formu doldururlarsa hata mesajı veriyor.

Create a Cool Messy List with CSS3 and nth-child - Demo

Bu css3 ve Html5 ile yapılan uygulama ile web sitenizdeki blogları istediğiniz şekilde yana yatırarak eğim oluşturabilirsiniz. Ayrıca bunu yaparken içeriğinede aynı şekilde eğimi uygulayabilirsiniz.

Google Chrome’un popularitesi günden güne artıyor ancak yine de firefox’u geçmeyi başaramadı. Birçok web tasarımcısı ve geliştiricisi, onlara sunduğu ve ihtiyaçlarına anında cevap veren eklentileri sebebiyle firefox’u tercih ediyor. Fakat bu aralar google chrome da bu ihtiyaca cevap vermeye başladı çünkü Chrome’un eklenti desteği web tasarımcılar ve geliştiriciler için daha kullanılabilir hale geldi. Bu yazıda web tasarımcılar ve geliştiriciler için yararlı en iyi 10 chrome eklentisine değineceğiz.
1. MeasureIt!

Bu aracı kullanarak bir sayfadaki herhangi bir nesnenin yükseklik ve genişliğini bir cetvel yardımıyla elde edebilirsiniz.
2. Firebug Lite

Bu eklenti web geliştiricilerin herhangi bir sayfanın css, html ve java kodlarını düzenleyip işlemesine imkân tanıyor.