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

Adobe illustrator ile muhteşem vektörel grafik örnekleri verebilirsiniz. Aşağıdaki vektörel karakter örnekleri ile kendinizi geliştirebilir veya muhteşem çalışmalarda bulunabilirsiniz.İşte Kaliteli illustrator karakter dersleri;

How To Create Your Own Vector Cartoon Character
(Nasıl Kendi Çizgi Karakterini Yaratırsın?)

The making of a chocolate bar character
(Çikolata Karakter Yapımı)

Create a Cute Vector Monster from a Pencil Sketch
(Kalem Eskizi ile Vektör Karakter Yapımı)

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.

Zoomooz, websayfanızdaki herhangi bir eleman üzerinde her türlü zoom efektini yapmanızı sağlayan muhteşem bir jQuery uygulamasıdır. Zoomoz’u web sitenizdeki resimler, bloklar, metinler gibi aklınıza gelebilecek her elemana uygulayabilirsiniz.

Hiçbir eklenti gerektirmeyen bu jQuery uygulaması ile fotoğrafların büyük boylarının anında ekrana gelmesini sağlayabilir veya herhangi bir fotoğrafa yakınlaşma efekti yapabilirsiniz. Bunların haricinde üç boyutlu bir küp yapıp herhangi bir bölümüne yakınlaşma ve uzaklaşma yapabilir veya bloklarınızın bir bölümüne zoom efekti koyarak sağdan sola, yukarıdan aşağı gibi farklı açılardan bu uygulamayı kullanabilirsiniz.

Bazı tasarımcılar tasarımda kullandıkları teknikleri göze çarptırmak isterler. Herhangi bir tasarım ögesini daha fazla belirginleştirerek ön planda tutarlar. Bu tasarım ögesi logo, metinler, arka plan, bloklar vb. olabilir. Arka plana ağırlık veren tasarımlar genelde çok hoş bir arka plan içerir veya bir kişi/şirket tanıtımı yapar. Aşağıdaki tasarım örneklerini incelyerek sizde benzer çalışmalar yapabilirsiniz. Arka Plan Ağırlıklı Web Tasarım Örnekleri;

Matt

Suiepaparude

Caramelink

Tasarımcılar, tasarım sürecinin yavaşladığı durumlarla karşı karşıya kalabilirler. Bu durumlarda başkalarının yaptığı tasarımları incelemek herzaman bu süreci hızlandırarak farklı fikirleri ortaya çıkarabilir veya birinden esinlenerek farklı tasarımlar ortaya çıkarabilirler. illüstrasyon tabanlı tasarımlar daha çok grafik olarak oluşturulan çizgi tasarımlardır. Genel kalıplara uymayan bu tasarımları birçok alanda kullanabilirsiniz. İşte Mükemmel illustrasyon tabanlı Web Tasarımlarım örnekleri ;

a modern eden

veerle’s blog

the waiting room

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 tasarım programları, tasarımcıların işlerini oldukça kolaylaştırırlar. Normalde programcıların yaptıkları işleri kısa bir süreçte yapabilen veya tasarım konsunda oldukça yardımcı olan bu araçları programcılar her zaman yanlarında taşımak isterler. Portatif programlar bir programcı için oldukça hayat kurtacı olabilir. İş gezisi veya tatil gibi organizasyonlarda bu uygulamalar ile küçük işlerini halledebilirler. İşte Web Tasarımcılar için Portatif Programlar;

KompoZer Portable

Birçok özelliği bulunan KompoZer, bütünleşik web yayınlama uygulaması yani ftp işlemcisidir.Kullanışlı sekmeli tasarımı ve tüm önemli işletim sistemlerinde çalışması oldukça avantajlı olan özellikleridir.

Firefox Portable Edition

Popüler internet tarayıcısı Firefox‘un portatif sürümü her zaman yanınızda olması gereken uygulamalardandır. Portatif sürümü 3.6‘a göre hazırlanan bu uygulamaya yeni sürümlere göre düzenlemeler yapılmakta.

Adobe Photoshop ile günümüzde birçok tasarım örneği yapılabiliyor. Photoshop ile yapacağınız yazı efektlerini banner logo gibi çalışmalarda kullanabileceğiniz gibi afiş gibi farklı tasarımlarda da kullanabilirsiz. Aşağıdaki yazı efektleri derslerinde farklı teknikler öğrenebilir ve photoshop bilginizi geliştirebilirsiniz. İşte Photoshop ile 3D Yazı Efektleri Dersleri;

Create a 3d flowery text effect
(3D çiçeksi metin efekti)

Grass-text-effect
(Çimen Yazı Efekti)