bildirgec.org

canvas hakkında tüm yazılar

Eylül Ayının jQuery Uygulamaları

angelsdemos | 23 October 2010 11:55

Eylül ayı boyunca en popüler jQuery derslerini sizler için derledik. Aşağıdaki birbirinden farklı ve kullanışlı uygulamarın tümünü ücretsiz olarak kullanabilir ve özelleştirebilirsiniz. Popüleritesi artan jQuery kütüphanesi sayesinde interaktif olarak web ortamında birçok farklı projede kullanabilirsiniz. Eylül Ayının jQuery UygulamalarıUygulamaları;

jQuery Roundrr – How To Create Awesome Circular Image Galleries With jQuery & CSS
(jQuery Roundrr – jQuery ve CSS ile Nasıl Dairesel Resim Galerisi Oluşturulur)

A jQuery & CSS3 Drop-Down Menu With Integrated Forms
(jQuery ve CSS3 ile Açılır Menüye Entegreli Formlar)

Simple Tooltip with jQuery & CSS
(jQuery ve CSS ile Basit Tooltip)

Html5 Canvas Uygulamaları

angelsdemos | 13 October 2010 09:35

Html5‘in bu kadar popülerleşmesini sağlayan elementlerden biri de canvas elementidir. Web uygulamalarında oldukça popülerleşebilecek olan canvas, 2D olarak dinamik fotoğraflar yapabileceğiniz bir bileşendir. Javascript üzerinden çalışan bu element ile birçok muhteşem uygulama yapılabilir. Aşağıdaki birbirinden eğlenceli canvas uygulamalarını inceleyebilirsiniz. Html5 Canvas Uygulamaları;

Canvas Aquarium

Tarayacı üzerinden sanal olarak siz de büyük bir akvaryuma ve dilediğiniz kadar balığa sahip olabilirsiniz. Gerçekçi balık hareketleri, hareketli su efektleri, kabarcıklar sayesinde oldukça hoş bir uygulama. Daha fazla balık istiyorsanız akvarmuya tıklamanız yeterli.

Twitter. Canvas. 10K

Arka planında siyah hareketli kabarcıkların bulunduğu ve Twitter ile entegre edilmiş hoş bir Html5 Canvas uygulamasında her bir siyah kabarcık bir Twitter kullanıcısını belirtiyor. Haraketli hoş arka planı sayesinde farklı şekillerde kullanılabilecek çok güzel bir uygulama.

Html5 SlideShow – JQuery ve Canvas ile

marfan46 | 27 September 2010 10:00

Html5 Canvas elemanı hakkında bişeyler duydunuz mu bilmiyorum yakın zaman içinde hakkında çok şey duyacağınız iddia edebilirim.

Html5 Canvas elemanını kısaca tanımlamak gerekirse; grafikler hazırlayıp düzenleyebileceğimiz özel bir elaman diyebiliriz. Ayrıca üzerine Jquery animasyonları da ekleyebiliriz.

Bir örnek olması açısından HTML5 Slideshow’u sizlerle paylaşmak istiyorum.

jQSlickWrap

angelsdemos | 24 July 2010 11:28

Her web projenizde kullanabileceğiniz ilginç bir css ve jquery uygulaması olan jQSlickWrap, metinleriniz ve imajlarınız arasındaki düzeni istediğiniz gibi yönetmeye yarayan bir uygulamadır.

Web sitenizdeki bir yazıda, yazının sağına veya soluna imaj yerleştirebilirsiniz. Genelde imaj çerçevesinin sınırlarını metinler geçemez. Bunu değiştiren jQSlickWrap imaj-metin ilişkisini istediğiniz ölçüde düzenlemenizi sağlar.

Düzgün bir şekli olmayan imajlar ile metinlerinizi tam olarak konumlandırmayı sağlayan bu uygulama ile web siteniz tam bir uyum içine girer. Ayrıca klasik web kültürünün sınırlarından çıkarak sıradışı bir görünüme sahip olursunuz.

Muhteşem HTML5 Animasyon Uygulamaları

angelsdemos | 25 June 2010 09:41

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

HTML 5 Geliyor! Biraz Önizleme yapalım…

admin | 23 July 2009 12:00

Bu makalede sizlere HTML 5’in yeni gelen özelliklerini tanıtmaya çalışacağım. Emin olun sizi tatmin edecek 🙂

1. Canvas :
Canvas elementi sayesinde artık web üzerinde resim çizdirebileceğiz. Bu resimler animasyon olabilecek, sürekli olarak kontrol edilebilecek. Üstelik canvas sayesinde web tabanlı oyunlar bile yapılabilecek. Buna şimdilik 3 tane örneğim bulunmakta :
http://canvex.lazyilluminati.com/
http://www.benjoffe.com/code/games/torus/
ve canvasla ilgili bulabileceğiniz bir ton örneklerle : http://www.canvasdemos.com/

Paint uygulamaları

self respect | 22 July 2008 12:25

Bilgisayarda kurulu gelen paint’in artık Flash ile yapılmış birçok sürümü geliyor. Bunlardan biri de Canvas diye anlandırılan Paint gerçek windows’ta kullandığımız paint görünümünde ve onun bütün yaptıklarını yapıyor.

Bir tanesi de Art paint bu sade görünümü bir tuvalin üzerine resim yapıyormuşunuz gibi hissettiriyor. Ressamlığa merakınız varsa buyurun.

Bir diğeride Offtype.Net..

canvaspaint

nihilanth | 06 December 2006 16:15

html,css ve javascript kullanarak canvas taglarıyla mspaint’in aynısını yapmışlar. firefox 2 de ve opera 9 da çizimler kaydediliyor bile.

Nano Yuvasına Kavuştu

zabun | 22 June 2006 12:15

Ipod satışlarının yanında, çeşitli markaların Ipod’lar için hazırladığı aksesuarlardan elde edilen gelir, işadamlarının iştahını kabartırken, tasarımcıları da Ipod için aksesuar tasarlamaya itiyor. Söz konusu aksesuarlardan biri de TuneBuckle adlı kemer. Kemerin toka kısmı içindeki yuvaya Nano’nuzu yerleştiriyorsunuz. Ergonomik olup olmadadığı tartışma götürür. Mesela resimdeki modelde tuşlar örtülü kalıyor. Bir başkasında ise ekran örtülü, tuş takımı açık. Bir model daha var iyi ki onda herşey fora. Fiyatı 79.95$.

Canvas for WordPress

| 29 May 2006 20:18

canavar gibi bir wordpress eklentisi.

With Canvas and Ink for Wordpress, you can easily rearrange, reconfigure, and colorize your entire blog without ever touching a line of code.