bildirgec.org

Sürekli gelişen ve hergeçen gün farklı tasarımlar yapılan web teknolojisinde css3 günümüzde oldukça önemli bir yer tutmaktadır. Bu ayın en popüler css3 uygulama derslerini aşağıdan inceleyebilirsiniz. Bu en popüler 5 dersde farklı teknikleri inceleyerek benzer çalışmalar yapabilirsiniz. Eylül 2010’un En Popüler CSS3 Dersleri;

Simulate Realism with CSS3
(CSS3 ile simüle Gerçekçilik)

CSS3 Speech Bubble
(Css3 ile Konuşma Balonu)

How To Create Depth And Nice 3D Ribbons Only Using CSS3
CSS3 ile Nasıl Derin ve Güzel 3D kurdela yaratma

Web tasarımında oldukça büyük bir etmen olan fontları logo, banner ve hatta css3 sayesinde web sitenizde kullanabilirsiniz.Aşağıda yer alan yeni, ücretsiz ve yüksek kalitedeki fontları web tasarımı veya logo tasarımlarınızda kullanabilirsiniz.Web Tasarımcıları için Yeni Kaliteli Fontlar ;

Piron

Bext

Html5’in yeniliklerinden biri olan web sayfasında herhangi bir eklenti gerektirmeksizin video oynatabilme özelliğini kullanarak geliştirilmiş SublimeVideo, video oynatıcılarda isteyebileceğiniz tüm özelliklere sahip olan, özelleştirilebilir bir html5 video oynatıcısıdır.

Tüm tarayıcılarda kullanabileceğiniz ayrıca iPhones, iPads ve Android yüklü telefonlarda da kullanılabilecek olan bu muhteşem html5 video player oldukça kullanışlıdır.

Ses kontrolü, tam ekran modu, zaman ve ters zaman göstergesi, boyutlandırma, şık efektler gibi birçok özelliği bulunan bu html5 video oynatıcıda arayabileceğiniz tüm özellikler bulunmakta. Ekstra olarak sayfada tooltip olarak küçük bir pencere olarak video oynatıcıyı açma, videoları galeri şeklinde sıralama gibi özelliklerde bulunuyor.

Flash benzeri yakınlaşma efekti üzerinden hazırlanan Zoomer Gallery, hoş bir jQuery uygulamasıdır. Etkileyici zoom efekti sayesinde resim boyutunu arttırarak ziyaretçilerinizi etkileyebilir.

3 farklı efekti barındıran Zoomer Gallery‘yi galeri olarak kullanabileceğiniz gibi farklı amaçlar ile de kullanabilirsiniz. İsterseniz sadece bir imaja bu efekti verere çarpıcılığını ortaya koyarsınız veya reklam verenlerinizin reklamlarını farklı şekilde yayınlayabilirsiniz.

AviaSlider; birçok farklı benzersiz geçiş efektine sahip birçok projede farklı amaçlarla kullanabileceğiniz harika bir jquery slider uygulamasıdır. Interaktif olarak kullanabileceğiniz AviaSlider, diğerlerinin aksine farklı efekler sunarak ziyaretçilerinizi etkiler.

8 benzersiz geçiş efetli olan aviaslider’ı web sitenizde manşet veya resimleriniz için küçük bir galeri olarak kullanabilirsiniz. jQuery 1.32 ile hazırlanan bu uygulamayı istediğiniz gibi biçimlendirebilir html5 ve css3 ile renklendirebilirsiniz.

Sadece 8KB boyuntaki bu ufak uygulama içerisindeki farklı efektleri farklı sayfalarda kullanabilir ve tooltip eklentisi sayesinde resimlerin büyük hallerini sayfa içerisinde açılan küçük bir pencereden ziyaretçilerinize gösterebilirsiniz. Bu pencere açılırken resim harici sayfaya uygulanan karartma efekti sayesinde ziyaretçilerinizin resime dikkat çekmelerini sağlayabilirsiniz.

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.

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.

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)

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)