bildirgec.org

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.

Photoshop ile artık istediğiniz tasarımları yapabiliyor ve fotoğraflarınıza istediğiniz biçimleri verebiliyorsunuz. Her gün farklı photshop dersleri çıkmakta ve farklı teknikler keşfedilmekte. Buradan Eylül ayının en beğenilen Photoshop derslerine bakabilirsiniz.

Creating a Realistic iPhone with Photoshop
(Photoshop ile Gerçekçi iPhone Oluşturma)

Create a Cosmic Love Goddes With Photoshop CS5
(Photoshop CS5 ile Kozmik Aşk Tanrıçası Yaratma)

Create A Realistic Loaf of Bread in Photoshop
(Photoshop ile Gerçekçi Somon Ekmeği Oluşturun)

SlickGallery, oldukça kolay kullanılabilen ve birçok özelliği bulunan bir jquery & php galeri uygulamasıdır. Tamamen interaktif olarak hazırlanmış bir galeri uygulaması olan SlickGallery ile resimlerinizi kategorilize edebilir, Slayt gösterileri ile ziyaretçilerinize gösterebilir ve bunun gibi birçok işlemi yönetim panelinden kolaylıkla kontrol edebilirsiniz.

Slayt gösterisi, atlı karınca modu gibi özellikleri sayesinde ziyaretçilerinizi etkilyebileceğiniz bu uygulama PHP5 & MySQL 4+ üzerinden çalışıyor. Tooltip özelliği sayesinde resimlerin büyük ve normal ölçülerinde görebiliyorsunuz.

Atlı karınca görünümü, küçük resim görünümü ve slayt gösterisi görünümüne sahip SlickGallery, Sürükle ve bırak gibi özelliklere de sahip. Atlı karınca modu sayesinde ziyaretçileriniz resimlerin biraz daha büyük hallerini ve altındaki birçok resmi görebilirken, slaty gösterisi sayesinde ziyaretçilerinze fotoğraflarınızı tek tek gösterebilir ve kararma efekti sayesinde ise ziyaretçilerinizin sadece fotoğrafa yönelmelerini sağlayabilirsiniz.

Wordpress kullananların sayısı arttıkça wordpress için yapılan web uygulamalarının da sayısı oldukça artıyor. Wordpress ile yazılar yazmak dışında manşet atma, galeriler oluşturma gibi birçok işlemi de yapabilirsiniz. Aşağıdaki tamamen ücretsiz uygulamaları test edebilir ve kullanabilirsiniz. Wordpress için jQuery Galeri Eklentileri;

Snazzy Archives – Demo

Snazzy Archives, günlük olarak kategorilenmiş bir arşiv sistemidir. Her yılı tek sayfada göstermesi sayesinde işiniz oldukça kolaylaşır. Web sitenizdeki tüm içeriği bu şekilde kategorileyerek kolaylıkla ziyaretçilerinize sunabilirsiniz.

WP-Slimbox2 Plugin – Demo

Web sitenizdeki resimlerin daha büyük halini aynı sayfada göstermeyi sağlayan bu jquery tooltip uygulamasını kolaylıkla entegre edebilirsiniz.

Photoshop‘un bu kadar popülerleşmesine sebep olan etmenlerden biri de şüphesiz action’lardır. Action’lar uzun bir süreçte yapılabilecek işlemleri sadece birkaç tık ile yapabilmenize olanak verirler. Zaman kazandırmasının yanında fazla bilgi gerektirmeden kolaylıkla farklı efektler uygulamanızı sağlarlar. Aşağıdaki 40’tan fazla retro ve vintage temalı action’ları ücretsiz olarak kullanabilirsiniz. Vintage ve Retro Photoshop Action’ları;

photoshop actions (8 actions)

photoshop actions – 101 (4 actions)

Web 2.0 ile yaygınlaşan ve kullanılmaya başlanan sekmeli tablolar artık birçok web uygulamasında yer edinmiştir. Bir sayfaya birden fazla sayfayı sığdırmak veya ziyaretçilerimizi yeni sayfa yüklenmesinden kurtarmak gibi birçok hoş özelliği bulunan bu uygulama jQuery ile oldukça hoş bir hal aldı. Farklı geçiş efektleri ile güzelleşen bu özelliği aşağıdaki birçok uygulamaya bakarak inceleyebilirsiniz. Yararlı jQuery Sekmeli Navigasyon Uygulamaları;

Create A Tabbed Interface Using jQuery
(jQuery ile Sekmeli Tablo Arayüzü Oluşturun)

Sweet AJAX Tabs With jQuery 1.4 & CSS3
(jQuery 1.4 & CSS3 ileTatlı Ajax Seklemeri)

Sosyal ağlar hayatımızın vazgeçilmezleri haline geldi.Facebook, Twitter, FriendFeed, Buzz gibi farklı sosyal platformlar sayesinde birçok kişi ile aynı anda farklı mekanlarda bile olsak iletişim kurabiliyoruz.

Google oldukça büyük bir şirket olsada sosyal ağ konusundaki atılımları sonuçsuz kaldı.Önce Facebook benzeri uygulaması Orkut, büyük bir hayal kırıklığı uğratarak oldukça zayıf kaldı.Daha sonra Buzz büyük bir etki yaratsada Google’ın beklediği ilgiyi görmedi.

CSS3 tamamen yaygınlaşmasa ve tüm tarayıcılar tarafından tam olarak desteklenmemiş olsa bile birçok başarılı uygulama yapılmakta. Web sitelerinizi daha interaktif ve daha renkli hale getiren bu uygulamalar arasında çizim örnekleri bile bulunmakta. Günümüzde hala imajlar kabul görürken css‘nin sınırları zorlanarak ascii karakterler ile birçok farklı çizim örnekleri de yapılıyor. Birçoğunun detaylı açıklaması da verilen aşağıdaki uygulamaların benzerlerini siz de yapabilirsiniz.

Sweet CSS3 Buttons
(Tatlı CSS3 Butonları)

Bu tatlı css3 butonları sayesinde web sitenizini oldukça renklendireceksiniz.

CSS Logo

Tamamen css kullanılarak çizilen bu logolar uğraş gerektirse de gerçeğini aratmayan cinsten. Tamamen ascii karakterler ile yapılan bu logolar arasında CBS, CNCB-e (NBC), BMW, Univision gibi şirket logoları da var.

CSS Olympic Logo
(CSS Olimpik Logo)

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)

kullanıcı dostu menü bir menü oluşturmak, sitenin gelişimi açısından kritik öneme sahiptir. ziyaretçiler, aradığını belirli bir süre bulamaz ise siteden ayrılabilir ve site hakkındaki olumlu düşünceleri azalabilir.

Bu noktada, hem fazla alan kaplamayan hem de görsellik adına çok şey sunan “açılır menüler” imdadımıza yetişiyor. Ben de yazımda, bu ihtiyacını karşılayacak jQuery ile yazılmış 25 açılır menü uygulamasını sizlere tanıtacağım. Haydi başlayalım.

sexy drop down menu with jquery and css

how to create a drop down nav menu with html5, css3, and jquery

mega drop down menus with css & jquery