bildirgec.org

CSS3 ve HTML5 ile artık web sitelerimiz daha renkli ve daha interaktif bir şekle giriyor. Yeni özellikler sayesinde hem görsel açıdan tatmin edici çalışmalar yapılırken hem de herhangi bir eklentiye gereksinim kalmıyor. Aşağıdaki benzersiz HTML5 ve CSS3 uygulamalarının nasıl yapıldığını detaylı olarak öğrenebilir ve benzer çalışmalarda bulunabilirsiniz. İlgi Çekici css3 ve html5 Uygulamaları;

Animated 404 Page
(Animasyonlu 404 Sayfası)

jQuery de kullanılarak yapılan bu animasyon uygulaması ile 404 sayfalarını renklendirebilir ve hareketli animasyonları sayfalarınıza taşıyabilirsiniz. Roketten farklı olarak farklı grafikleri kullanarak animasyonlar yaratmanız mümkün.

Building a custom HTML5 video player with CSS3 and jQuery
(CSS3 ve jQuery kullanarak Özel HTML5 Video Oynatıcısı)

Html5‘in getirdiği yeniliklerden biri olan video oynatıcısını tam olarak anlatan bu ders sayesinde HTML video oynatıcıları hakkında büyük bir bilgi sahibi olacaksınız. Yeni getirilen html5 video formatının tüm özelliklerini anlatan bu muhteşem uygulama ile siz de kendi HTML5 Video Oynatıcınızı yaratabilirsiniz.

CSS3 Tile Flip Animation Tutorial
(CSS3 Tile Flip Animasyon Eğitimi)

web 2.0‘dan web 3.0‘a geçiş aşamaları, html5 ve css3 gibi farklı dillerin gelişmesi ile web uygulamaları artık tamamen interaktif olabiliyor. Görsel açıdan oldukça verimli ve klasik web’te genelde eklentilerle sağlanan birçok uygulama artık bunlara gerek kalmadan sağlanabiliyor. jQuery kütüphanesinin genişliği ile birçok farklı uygulama yapılabiliyor. Aşağıdaki açık kaynaklı ve tamamen ücretsiz uygulamaları geliştirebilir veya kullanabilirsiniz.
Captify

Captify, resimler için hazırlanan basit fakat kullanışlı bir başlık aracıdır. Bu muhteşem jQuery uygulaması ile web sayfanızdaki tüm imajlara başlık ekleyebilir ve kısa notlarınızı imajların altına yerleştirebilirsiniz. Sadece 2.3kb. boyutundaki bu ufak fakat çok yararlı uygulama ile ziyaretçilerinizi bilgilendirebilir, kullanım kolaylığı sayesinde her projenizde yer verebilirsiniz.

gvChart

Birçok uygulamada başarılı şekilde kullanabileceğiniz gvChart, istatiksel verileri tablo ve şema halinde herhangi bir eklenti kullanmadan web sitenize yansıtmaya yarar. 5 farklı demosunu tamamen özelleştirebilir ve istediğiniz gibi web siteniz ile uyum aşamasına getirebilirsiniz. Farklı renkler seçebilme ve istatiklerde tooltip kullanabilme gibi özellikleri sayesinde oldukça kullanışlı bir uygulama.

Genel olarak tasarım günlük hayatımızda en çok kullandığımız eşyaların iyileştirilmesine katkıda bulunarak, kullanılabilirliğini arttırıyor. Ayrıca Görsel estetiğin yanısıra işlevselliğinin geliştirilmesine yardımcı oluyor. Örneğin:
Plug & Play

plugandplay

Duvardaki prize takılarak sabitlenen düzlemde telefonunuzu şarz edebilir, küçük eşyalarınız için sehpa işlevi de görebilir. Nothing Design Group tarafından tasarlanmış.

Tasarimlarinizda bircok seyden ilham alabilirsiniz.bu noktada graffitilerin tasarimlariniza olumlu katkilar saglayacagina emin olabilirsiniz.

kaynak

Starbox, gelişmiş bir oylama ve değerlendirme uygulamasıdır.Javascript ile jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem esnek uygulamayı elinizdeki bir png formatındaki imaj ile şekillendirebilirsiniz.

Artık birçok sitede görmeye alıştığımız oylama sistemlerinden biri olan Starbox, tamamen özelleştirebilir ve kolay kullanımlı bir uygulamadır.Bu jQuery uygulaması sayesinde aklınızdaki oylama sistemini web sitenize kolaylıkla yerleştirebilir ve entegre edebilirsiniz.

Yan Lu’nun “Zavallı Küçük Balık” isimli lavabosunu kullandıkça yukarıdaki akvaryumdaki su da azalıyor ve balık adım adım ölmeye yaklaşıyor. Suyu boşuna harcamanın diğer canlıların yaşamlarını nasıl doğrudan etkilediğini göstermenin çok pratik bir yolu olmuş bu tasarım. Çalışma prensibi de kabaca şöyle:

Günümüzde birçok servis ve şirket bilgilendirme amaçlı olarak interaktif veya baskı yolu ile herhangi bir ürün vb. tanıtımı için bilgi grafiklerini kullanıyorlar.Herhangi bir ürünün tanıtımı, yeni bilimsel bir yöntem veya buna benzer birçok amaçta kullanılmakta.Tasarımcılar için oldukça popüler olan bu tasarımları inceleyerek sizde benzer çalışmalar yapabilirsiniz.İşte muhteşem bilgi grafik çalışmaları ;

Inception

Everimizde kullandığımız tasaruflu ampullerin tasarımları hep aynıdır. Fakat sonunda bu durum Plumen adı verilen ampuller sayesinde değişecek gibi görünüyor.

Teknolojinin hızla gelişmesi sayesinde birçok ürün birden fazla işi yapabiliyor artık. Ama böylesini daha önce görmediniz. Tasarımcısı Natacha Lesty tarafından Bag or Bike olarak adlandırılan ürün normalde bir elektrikli bisiklet. Fakat istediğinizde bir pazar arabasına dönüşüebiliyor.

HTML5, henüz geliştirilme ve dağıtım aşamasında olsa, hatta birçok tarayıcı sürümü tarafından desteklenmemiş olsa da oldukça sevilen bir dil halini aldı. Klasik web yapısını tümüyle değiştiren bu farklı dil ile herhangi bir eklentiye gerek kalmadan tümüyle dinamik tasarımlar oluşturulabiliyor. Tamamen açık kaynak kodlu olduğu için aşağıdaki uygulamaları inceleyebilir ve siz de benzer çalışmalar yapabilirsiniz. Muhteşem HTML5 Efektleri;

Breathing Galaxies

Noise Field

Keylight