css3 | bildirgec.org

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

Html 5, henüz tüm tarayıcılar tarafından desteklenmese ve geliştirilme aşamasında olsa da oldukça etkileyici bir dildir. Eklenen yeni elementler sayesinde klasik web yapısı değişerek tamamen interaktif hale gelmiştir. Artık html ile web sayfalarımızda videolar oynatabiliyor veya farklı animasyonlar yaratabiliyoruz. Aşağıdaki uygulamaları inceleyerek siz de benzer çalışmalarda bulunabilirsiniz. İşte Muhteşem HTML5 Animasyon Uygulamaları;
Tunnelers

Plasma Tree

Bomomo

The Mesmerizer

Birçok web projesinde kullanabileceğiniz Panning Slideshow, jQuery ile yapılmış bir slayt uygulamasıdır. Özellikle farklı geçiş efektiyle dikkan çeken Panning Slideshow oldukça kullanışlı ve hoş görünüme sahip bir uygulama.

4 veya daha fazla fotoğraf kullanabildiğiniz Panning Slideshow fotoğraflar arası farklı geçiş efektini sunar. Sağa-Sola veya çapraz olarak ilerleyen bu uygulamayı birçok web projenizde ücretsiz olarak kullanabilirsiniz. Oldukça kolay kullanımı olan Panning Slideshow ile istediğiniz fotoğrafları web sayfanızda yayınlayabilir veya ürünlerinizi tanıtabileceğiniz farklı bir araç olarak kullanabilirsiz. Tüm bunları yaparken hiçbir eklenti olmaksızın kolaylıkla kullanabilirsiniz.

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 sitenizin içeriğine göre web sayfalarınızıda kullanıcılarınız için farklı slaytlar yayınlamak isteyebilirsiniz. Ürünlerinizi veya mekanınızı tanıtabileceğiniz bu slaytları bloglarda farklı amaçlarla da kullanabilirsiniz. aeron slideshow sayesinde tüm bu slaytları gerçekleştirebilir ve bu sırada birbirinden farklı temalarda farklı efektleri kullanabilirsiniz.

aeron slideshow 2, temel olarak jQuery ile hazırlanan Mit lisanslı ve oldukça kolay kullanımlı bir slayt aracıdır. Bu uygulama ile web sayfanızda yayınlamak istediğiniz fotoğrafları slayt gösterisi haline getirebilir ve bunu yaparken farklı efektleri kullanabilirsiniz.

Farklı görünümleri sayesinde aeron slideshow web siteniz ile oldukça uyumludur. İsteğinize göre altta veya yanda bulunun fotoğraflar menüsünü kaldırabilir veya farklı biçimlerde kullanabilirsiniz. Fotoğraflarınız slayt gösterisi halindeyken tümüne farklı fotoğraf efektleri ile ziyaretçilerinizin ilgisini çekebilirsiniz.

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.

jQuery oldukça genişleyen bir kütüphane. Artık jQuery ve HTML5 sayesinde web sayfalarımızda flash ve benzeri eklentiler olmaksızın farklı efektler ve animasyonlar yaratabiliyoruz. Aşağıdaki jQuery efektlerini ve animasyonlarını sizde web sayfanızda yayınlayabileceğiniz gibi ücretsiz olarak indirebilir ve inceleyerek benzer çalışmalar yaratabilirsiniz. İşte muhteşem jQuery Efektleri ve Animasyonları

Canopy

Ball Pool

Starfield