Animasyon | bildirgec.org

Sosyal Medya sitelerinde açtığımız hesaplarla sahip olduğumuz profillerimiz, giderek cebimizdeki kimlik belgelerimizin yerlerini almaya başladılar. Bu profil sayfalarının en özemli parçalarından biri ise; profil sayfalarımızda kullanmış olduğumuz ve Avatar olarak isimlendirilen "ufacık tefecik" boyutlardaki, resim veya fotoğraflar.

Dijital bir fotoğraf makinesi ile çekmiş olduğumuz resmimizi bu profil sayfalarımıza, hop diye yerleştirebileceğimiz gibi, çeşitli efekt ve mizansenlerle, daha bir anlamlı, mesaj veya imaj kaygılı bir görünüme de büründürebiliriz.

İşte bu mesaj veya imaj kaygılı Avatar'larımızı, bir kaç tıklama ile üstelik ücretsiz olarak oluşturabilmemizi sağlayan, hayran olunası bir uygulama olan PhotoFunia, 16 farklı kategoride sunduğu onlarca farklı seçenek ile Avatar'larımızı hazırlamamızı sağlamakta.

Resim veya fotoğraflarınızı 3 boyutlu (3D) bir ortamda sunabilmeniz için geliştirilmiş açık kaynak kodlu ve Flash ile hazırlanmış bir görsel sunum eklentisi/galerisi olan Piecemaker, kendi alanı için iyi bir alternatif görünümünde.

Ücretsiz olarak indirip kullanabileceğiniz Piecemaker eklentisinin en önemli özelliği ise; herhangi bir Flash bilgisine gerek duymadan, XML dosyası üzerinde yapacağinız değişiklikler ile, gösterim için kullandığı 3 boyunlu animasyonu düzenlebilmeniz ve görsellerinizi ekleyebilmeniz.

Her derde deva jQuery ekletilerinden biri olan Spritely (jQuery.spritely), Web sayfalarımıza, sadece Html ve Javascript ile; imleç hareketlerine duyarlı objeler/karakterler ve hareketli/dinamik arka planlar hazırlayabilmemiz için geliştirilmiş bir eklenti.

Internet Explorer 6+, Firefox, Safari, Chrome ve Opera desteği bulunan Spritely'in bazı avantajlı yanları ise; basit kullanımı, hafifliği ve ücretsiz olması.

Spritely, Flash kullanmak istemediğiniz projeleriniz veya Flash desteği olmayan ortamlar için alternatif bir çözüm sunmakta.

CSS3 ile css ve web tasarımı birbirinden farklı birçok özellik kazandı. Her türlü yazı tipini web sayfalarında kullanabilme, css ile oluşturulan animasyonlar, şık buton tasarımları gibi birçok örnek bulunmakta. Bu örnek ve uyguları öğrenmek ve css3'ü tamamen tanımak için birçok uygulama ve makale bulunmakta. Fakat css3 tarayıcıların eski sürümşerinde çalışmıyor. Bunu dikkate alarak da web sayfanızı şekillendirmelisiniz. İşte birbirinden farklı css3 uygulamaları;

11 classic CSS Techniques Made Simple with CSS3 | Demo

Klasik css'den farklı olarak css3'teki farklılıkları açıklayan bu yazıyı css3'e geçen herkesin okuması gerek. Css3'teki animasyon, yazı tipi değişimi ve vurgusu, köşesiz blok yapımı gibi konularda içinde bulunan çok eğitici bir yazı.

Mock-Up Interface Using CSS3 Colour | Demo

Css3 ile transparan bloklar yapabileceğinizi gösteren çok hoş bir uygulama. İstediğimiz herhangi bir bölümü ya da sayfanın tümünü transparan hale getirmek mümkün.

web browserlar tam anlamıyla CSS3'ü desteklemese de web sitelerinde css3 sıkça kullanılmaya başlandı. bu makalede css3 dünyasında nelerin olduğuna değineceğiz. aşağıda sizlere ilham vereceğini düşündüğüm farklı tarzlarda css3 örnekleri mevcut. css3 ile neler yapılabilir sorusunun cevabına yanıt bulabileceğiniz örneklere göz atalım.

CSS3 & jquery saat

analog saat - tutorial

3d cube that rotates using arrow keys- tutorial
(yön tuşlarıyla hareket ettirebileceğiniz 3d küp) -