bildirgec.org - maozturk - beğendikleri

2009'un En iyi jQuery Uygulamaları

maozturk — Tue, 15 Dec 2009 15:14:00 GMT

Web sayfanıza ekleyebileceğiniz hoş bir jQuery slide uygulaması. Resim veya metin ekleyebilirsiniz.

Yanlarında bulunan iki ok ile kolay şekilde kullanımı olan bu jQuery slider genelde resimler için kullanılmakta

Coda-Slider 2,0 metin sayfaları için hazırlanmıştır. Ziyaretçileriniz için zamandan tasarruf ön planda olup tıkladığınız sayfa o zaman yüklenmeye başlar.

Galleria

Bu yılın çok popüler jQuery galerilerinden biri olduğunu söylemek mümkün. Birçok derleme ve makelede yer aldı. Altta bulunan ön izlemeli resimler sağa sola doğru hareket ederler tıkladığınız resmin arka planda yer alır.

jQuery Panel Gallery

Kolay yapılandırılabilen kompakt görüntü veren jQuery galeri uygulaması. Resim hoş bir efek ile yerini başka bir resme bırakır.

Supersized

Galeriden daha fazlasını arıyorsanız supersized size göre. Otomatik değişim ve seçtiğiniz zaman aralığına göre size slayd imkanı sunuyor.

jquery mb.menu

2 katmanlı hoş bir jQuery navigasyon menü

Horizontal Scroll Menu with jQuery

Bu menüyü ilk gördüğünüzde flash zannetmeniz mümkün. Mause ile üzerinde durduğunuzda y ekseninde (yukarı-aşağı) hareket ediyor.

Password Strength

Bu uygulama şifrenizin ne kadar sürede kırılabileceğini tahmin edip size söylüyor. Örneğin bir karekterli bir şifre 1sn.de kırılıyor gibi. Tam üyelik formları için bir sistem.

Ajax Fancy Capcha

Farklı bir catcha servisi. Herhangi bir kelime veriyor.(örneğin güneş) ve alttaki resimlerden onu bulmanızı istiyor.

Uploadify

Birçok web sitede görebileceğiniz popüler bir uygulama. Siteye "upload" hızınızı, yüzdesini vb. size anında yansıtıyor. Ayrıca isterseniz iptal etme hakkınız da bulunmakta.

Kaynak ; unwrongest

Ayrıca Bakınız ;

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Popüler 5 Online Renk Kombinasyon Aracı

maozturk — Thu, 17 Dec 2009 10:18:00 GMT

Tasarımda en önemli unsur renktir. Yaptığın sayfa veya herhangi bir tasarımda renklerin uyumu çok önemlidir. Renk uyumunu sağlayamayan ya da yeni renk tasarımları, trend'leri takip etmek isteyenler için birçok uygulama mevcut. İşte en popüler 5 online renk düzenleme ve analiz aracı:

ColourLovers

ColourLovers sayesinde en son renk trendlerini takip edebilirisiniz. Dünya üzerindeki bir ağda kendi renk kombinasyonlarınızı yaratıp diğer insanların yorumuna açarak paylaşma imkanınız bulunmakta. Renkler için harika bir kaynaktır ve renk paleti sayesinde uyumlu renkleri kolayca seçmenize yardımcı olur. Desenler, arka planlar vb. oluşturma imkanınızda bulunmakta. En büyük artısı tüm renk paletlerini öğrenebilir ve dilerseniz kullanabilirsiz.

Kuler

Adobe'nin online araçlarından birisi olan Adobe Kuler ağır renk aracıdır. Farklı renk kombinasyonları üretmenize yardımıcı olur. Sosyal olarak ColourLovers kadar büyük bir ağı bulunmasa da oldukça geniştir. Profesyoneller için tasarlanmış Kuler size renkleri HSV, RGB, CMYK ve LAB şeklinde verir.Flash ve actionscript 3.0 ile hazırlanmış. Birçok ek aracı bulunmakta. Başlangıç için çok güzel bir araç olmaktla beraber son rötuşlarda o kadar iyi değil.

Color Scheme Designer

Renk uyumu önemlidir. Eğer siz bunu sağlayamıyorsanız diğer araçlar gibi Color Scheme Designer da birçok renk kombinasyonları yarabileceğiniz bir araç. Birçok hazır renk paleti bulunmakta. Hazırladığınız tasarımları HTML, XML şeklinde önizlemenize de olanak veriyor.Photoshop düzenlerini de kullanmanız mümkün. Tek eksiği temel renklerin bulunması ve fazla renk olmaması. Fakat yine de kullanışlı bir araç olduğu söylenebilir.

Color Combos

Ücretsiz renk kombinasyonları veren başka bir servis. Artı özelliğiklerinden biri ise Grab Colors servisi sayesinde istediğiniz web sitenin renk kombinasyonunu anında çıkartabilmesi. Başka bir özelliği ise Combo tester aracı ile renkleri test edebilir, yanyana nasıl durduklarına bakabilirsiniz. İsterseniz seçtiğiniz renklerden basit bir şablon oluşturmanız da mümkün.

ColorSchemer

Tek tık ile renk kombinasyonu oluşturabileceğiniz bir araç. Fakat diğer araçlar kadar kullanışlı olmaması sadece renk seçip kombinasyon üretebilmesindendir. Basit araçları sevenler için ideal bir yazılım.

Ayrıca Bakınız ;

angelsdemos : Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; pxleyes

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tasarım aşkına!

maozturk — Mon, 02 Nov 2009 12:41:00 GMT

Tasarıma gönül verenlerin ilgisini çekebilecek doku ve desen kaynakları:
Pattern-mania: 2008 yılında hizmete giren sitede nokta ve çizgilerden oluşandan, geometrik ve çiçek deseniyle onlarca dekoratif doku sizleri bekliyor.

Grsites: desenlerin renklere ve motiflere göre sınıflandırıldığı site, şu an itibarıyla 5740 kesintisiz dokuya websahipliği yapıyor.
Zentextures: Dokuların kağıt, ahşap, metal, pas ve renk sınıflarına göre ayrıştırıldığı sitede 77 sayfalık bir arşiv tasarımcılarla buluşmayı bekliyor.

Lovetextures: 233 adet yüksek çözünürlükte ücretsiz doku.

Imageabstraction: 10 kategoride 339 doku. Size sadece karar vermek düşüyor!

Freestocktextures: kendilerini profesyonel fotoğrafçı yerine, en iyiyi elde etmek için çabalayan amatörler olarak tanıtan Paul Wozniak ve Eva Sajdak ikilisinin oluşturduğu sitede soyut, metal, doğal, taş, ahşap, sıvı vb. konu başlıkları altında toplanmış 745 doku mevcut.

Texturevault: soyut, mimari, ahşap, deri, boya, kağıt, yün, duman, bulut, cam, taş vb. konu başlıklarına ayrılmış 3190 doku. Maksimum ve yüksek kalitedeki dokular için ücret talep eden site, aynı dokuları orta kalitede, ücretsiz indirmenize olanak tanıyor.

Texturelovers: tasarımıyla dikkat çeken site 62 doku ve yüzü aşkın doku setiyle sizleri bekliyor.

Texturise: Web tasarımın ateşli bir taraftarı olan James tarafından oluşturulan sitedeki dokuların tamamı ücretsiz.

Lughertexture: Cinema 4D, lightWave, Maya, 3D Studio Max, Rhino, Bryce, poser vb programlarda kullanabileceğiniz onlarca doku.

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

21 Adet Kullanışlı jQuery Örneği ve Eğitimi

maozturk — Thu, 03 Sep 2009 06:43:00 GMT

Web sayfalarına kolayca eklenebilecek jQuery örneklerini bulabileceğiniz bu listede, ayrıca herbir örneğe ait eğitici anlatımlardan da faydalanarak jQuery ile ilgili tecrübenizi artırabilirsiniz.

Navigation List Menu with Nudging Effect

Vertical Scroll Menu | Demo

Menu with Fadein and Fadeout Effect | Demo

Simple Lava Lamp Menu | Demo

Horizontal Tooltips Menu | Demo

Image Slide Show with Semi-Transparent Caption | Demo

Image Gallery/News Slider with Caption | Demo

Thumbnail Gallery with Slick Heading and Caption Effect | Demo

Thumbnail with Zooming and Fading Caption Effect | Demo

Four Corners Sliding Door Effect | Demo

Simple CSS + Javascript Tooltip | Demo

Custom Digg Post Sharing Tool | Demo

Dock Content Tutorial - Dock at Top | Demo

Dock Content Tutorial - Dock at Bottom | Demo

Custom jQuery Modal Window Tutorial | Demo

Create a Vertical, Horizontal and Diagonal Sliding Content Website | Demo

jQuery Tabbed Interface | Demo

jQuery Sliding Tab Menu | Demo

A Really Simple jQuery Plugin Tutorial | Demo

Create a Ajax based Form Submission | Demo

A Simple AJAX Driven Website | Demo

Bonus++:
+70 adet harika photoshop eğitimi ve kaynağı
+En iyi 10 jquery slider eklentisi 72

Kaynak: queness
algoz: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Youtube'dan 60+ Müthiş Flash CS4 Dersi

maozturk — Fri, 12 Jun 2009 17:46:00 GMT

Flash cs4 öğrenebilmek ve kendinizi geliştirebilmek için internet üzerinde birçok kaynak yer almakta. Popüler video paylaşım sitesi olan youtube'da bulunan en faydalı flash cs4 derslerine aşağıdan ulaşabilirsiniz.

Dersler yeni başlayan ve profesyonel kullanıcılar içindir.

flash cs4 bone aracı (kinematik) dersleri

1 - adobe flash cs4 tutorial- how to use the bone tool

2 - flash cs4 bone tool tutorial

3 - flash cs4 bone tool tutorial

4 - bone tool tutorial flash cs4 professional (update)

5 - the bone tool - inverse kinematics in flash cs4

6 - flash cs4 bone tool tutorial **remake**

7 - flash cs4 bones tutorial part 1

8 - flash cs4 bones tutorial part 2

9 - flash cs4 bones tutorial part 3

10 - flash cs4 bones tutorial part 4

11 - flash cs4 bones tutorial part 5

12 - flash cs4 bones tutorial part 6

13 - flash cs4 (diesel) inverse kinematics engine

14 - flash cs4 tutorial - animation (walk cycle and bone tool)

15 - flash cs4 fundamentals: inverse kinematics

flash cs4 yürüyüş gösterisi dersleri

16 - new walk cycle flash cs4

17 - bonetool walk cycle

18 - walk in the park

flash cs4 3d dersleri

19 - flash cs4 tutorial - 3d transformation and rotation

20 - flash cs4 tutorial - distort or skew video perspective in flash as 3.0 - 3d rotation tool

21 - adobe flash cs4 tutorial- 3d rotation/translation tool

22 - flash cs4 tutorial - creating planet rings with the 3d rotation tool

23 - flash cs4 3d tool tutorial

24 - flash cs4 3d rotation tool tutorial

25 - flash cs4 tutorial: click to reverse a 3d tween

26 - flash video tutorial (3d flash cs4)

27 - flash cs4 fundamentals: 3d tools

28 - 3d special effects in adobe flash cs4

adobe flash cs4 temel dersler

29 - adobe flash cs4 basics tutorial

30 - adobe flash cs4 basics pen tool tutorial

31 - flash cs4 basics tutorial , actionscript 3

32 - adobe flash cs4 basics drawing tutorial

33 - adobe flash cs4 basics motion editor tutorial

34 - adobe flash cs4 basics brush tool tutorial

35 - adobe flash cs4 basics colors tutorial

36 - adobe flash cs4 basics lasso tool tutorial

37 - flash cs4 basic two layer motion tween

38 - adobe flash cs4 basics bone bind tools

39 - flash cs4 basics of the line and pencil tool

40 - flash cs4 basics of vector shape drawing - part 1

41 - flash cs4 basics of vector shape drawing - part 2

42 - adobe flash cs4 basics 3d tools

43 - flashfreaksent-flash cs4 basics

44 - flash cs4 the basic motion tween

45 - basics of importing png graphics into flash cs4 part 1 of 2

46 - basics of importing png graphics into flash cs4 part 2 of 2

47 - basics of importing gif graphics into flash cs4

48 - basics of importing jpeg graphics into flash cs4

49 - adobe flash cs4 website tutorial: xml feed

flash profesyonel cs4 actionscript 3 dersleri

50 - digital clock flash cs3 cs4 as3 tutorial free fla file

51 - adobe flash cs4 website tutorial

52 - xml magic menu tutorial for actionscript 3 flash cs3 + cs4

53 - flash cs4 actionscript 3.0 tutorial

54 - flash as3 mp3 playlist player tutorial 1.0 for cs3+cs4 play unlimited mp3s

55 - how to structure a full flash actionscript 3 web site tutorial cs3 + cs4 - part 1

56 - how to structure a full flash actionscript 3 web site tutorial cs3 + cs4 - part 2

57 - how to structure a full flash actionscript 3 web site tutorial cs3 + cs4 - part 3

58 - how to structure a full flash actionscript 3 web site tutorial cs3 + cs4 - part 4

59 - 3d cube flash as3 cs4

60 - basic timeline actionscript 3

61 - flashvars and php tutorial send dynamic variable into flash

62 - stopping animated movieclip with actionscript 3

kaynak: devsnippets.com | miraztutorials.com
diğer yazılarım

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tilt-shift tekniği uygulanmış 15 büyüleyici video

maozturk — Sat, 20 Jun 2009 12:32:00 GMT

fotoğraflarda kullanılan tilt-shift (*) tekniğinden ya da diğer bilinen adıyla minyatürleştirmeden bahsedip, tilt-shift etkili fotoğraflar yapmanın en kolay yoluna daha önce değinmiştik. fakat bir fotoğraf karesinde tilt-shift etkisini yaratmak oldukça basittir. temel olarak fotoğrafın alt ve üst kısmını bulanıklaştır (blur uygula), ardından da odağı biraz keskinleştir, tamamdır. fakat videolarda o etkiyi yaratmak biraz daha zordur. daha fazla zaman, daha yoğun emek gerektirir.
videolarda bu tilt-shift tekniğini uygulamak için çeşitli yöntemler (after effects, photoshop vb.) bulunmakta. fakat burada biz o yöntemlerden değil de o yöntemler sonunda ortaya çıkmış tilt-shift tekniği uygulanmış 15 büyüleyici videoya yer vereceğiz.
ilk olarak güzeller güzeli istanbul'dan başlayalım:

Tilt Shift Istanbul

Ferries in the Quay

Helpless

Herring Run, 2009

Golden Gate, Miniaturized

A Bunch of Hot Air

Bathtub II

Scenes from a rooftop

Fire

gottardo nord

Small Life in Dresden

Karijini National Park

miniature city

Metal Heart

Mardi Gras

[kaynak]

bu yazı ile ilgili başka bir yazı:

Kendi Tilt-Shift Fotograflarınızı Oluşturmanın En Kolay Yolu

|diğer yazılarım|

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımın sınırlarını zorlayan 50 flash site!

maozturk — Tue, 09 Jun 2009 08:43:00 GMT

içecek siteleri
martini asti
martini'nin kullanıcılarına hazırlamış olduğu bu site, içecek kavramına verilecek taze ve güncel bir görünüm için gayet iyi bir örnek. site içerisinde dolaşmak gayet basit, grafikler mükemmel kaliteye sahip, hızlı ve sorunsuzca yüklenen bir site... bir flash site daha baska neye ihtiyaç duyar ki... sitenin açılışı gayet şık. siteye yeni girenlerden doğum tarihi doğrulaması isteniyor ve sık görmediğimiz bir uygulama ile...

Glacéau - Vitaminwater
renklendirilmiş dalga efektine sahip olan ve hareket ağırlıklı olan bu site müthiş görsel efektler sunuyor.

Bacardi - Original Mojito
hareketli grafikler ve yavaş çekimdeki su efektleri, siteye eşsiz bir stil kazandırıyor. şu an çevrimdışı görünen site yakında faaliyetine geri döneceği konusunda geri sayım mekanizmasıyla kullanıcılarına mesaj veriyor.

diğer tarzda flash sitelerden örnekler...

portföyler
v5 Design

sensisoft

Mauricio Guimarães Portfolio

Infographiste Indépendant

sigorta şirketleri
Privado Seguros (şu an için hizmet vermiyor)

Let Your Worries Go (kaygılarınıza son verin)

projeler
imagine air

Coca-Cola Light - Tastes of the World (dünyanın lezzetleri)

Saizenmedia - Keepersgame

toyota

oyun veya oyunla alakalı olanlar
get the glass

bioshock

Leven Thumps

reklam içerikli olanlar
bebiko

çevre
GE

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

30 Adet Göz Dolduran Javascript Menü ve Kodu

maozturk — Mon, 18 May 2009 14:01:00 GMT

Web Sitelerinin en önemli parçalarından biri de sitelerin içeriklerine erişimi sağlayan menülerdir. Web sitelerinin bu önemli parçası için Javascript ile hazırlanmış, işlevsellikleri ve görsellikleri ile göz dolduran 30 adet menüyü kategorilere ayrılmış olarak hazırlanmış listeden deneyebilrisiniz.

Accordion Menu
Dynamic drive Accordion menu Demo

i-MarcojQuery Accordion Menu Demo

Horizonal Accordion Menu Demo

Bassistance jQuery Accordion Demo

Designreviver Horizontal Accordion Demo

Phatfusion Image Menu Demo

Dock Menu
iconDock

jQ Dock Demo

CSS Dock Menu jQuery + Fisheye Demo

euDock Demo

Web 2.0 Dock Menu Demo

Navigation/Drop Down Menu
Superfish Menu Demo

jQuery Feed Menu Demo

jQuery Context Menu Demo

Lavalamp Demo

jQuery Simple Drop Down Menu Demo

jQuery Menu Plugin Demo

Pupunzi MBmenu Demo

Slide Menu
Slide Menu Demo

Sliding Sidebar Menu Demo

jGlide Menu Demo

iPod Drilldown Menu Demo

Tree View
Demo

Tree Panel Demo

Sitemap Styler Demo

Dynamic Drive Tree View Demo

Kaynak: queness
Takip Et: Bildirgeç FriendFeed Twitter Facebook RSS

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

10 Mükemmel Çoklu Seviye Menü Tekniği

maozturk — Sun, 15 Mar 2009 13:26:00 GMT

Web geliştiricileri kullanıcı dostu dikey ve yatay gezinti (navigasyon) menülerini CSS kullanarak oluşturabiliyorlar. JavaScript sayesinde de bu menüler daha etkileşimli, yanıt veren ve değişken hale geliyorlar.

Bugünkü yazıda jQuery, mooTools gibi JavaScript kütüphanelerinin yanısıra CSS ile oluşturulmuş 10 mükemmel çoklu seviye gezinti menüsü tekniğine yer vereceğiz.

1. Vimeo Benzeri Navigasyon Oluşturmak

Vimeo.com üzerindeki menünün neredeyse aynısı Janko tarafından geliştirilmiş durumda. Bu menünün en güzel tarafı menü öğesi üzerine fare imleci getirildiğinde menünün beliriyor olması. Ayrıca menünün sunduğu farklı arama seçenekleri sayesinde menü elementlerini eleyebiliyorsunuz.

Bu rehberin temelinde sırasız listeye dayalı CSS tabanlı bir açılır menü yatmaktadır. Menünün yapısı aşağıdaki görsel üzerinde açıklanmış.

Sizin de göreceğiniz üzere UL elementinin dört öğesi bulunuyor. Bunlardan ilki kısa bir alt menü içeren logo. Ardından giriş bağlantısı, alt menü içeren yardım bağlantısı ve yine alt menü çeren arama öğesi yer alıyor. Her bir alt menü, dahili olduğu menü elementinin üzerine fare imleci götürüldüğünde beliriyor.

Demo | İndir | Detay

2. CSS Açılır Menü Çatısı

Bu menü HTML'yi CSS'den ayırmakla kalmıyor, bunun yanısıra CSS tanımlamaları da yapısal ve tematik biçimlere ayrılmış durumda. Bu sayede yeni bir CSS açılır menü oluşturmak sadece yeni bir tema oluşturarak mümkün zire menünün altyapısı korunmaya devam ediyor. Farklı stiller sadece sınıf isimlerini değiştirerek kullanılabilir. Çatının desteklediği yönelmeler arasında, yatay, soldan sağa dikey, sağdan sola dikey, doğrusal yatay, yukarı yönlü yatay.

Menünün Özellikleri:

Kod ve dosyalar iyi düzenlenmiş. Kullandığınız içerik yönetim sistemine ya da diğer araçlara entegre edebileceğiniz gibi, (X)HTML biçimindeki web siteleri üzerinde de kullanabileceğiniz kanallar mevcut.
Menü stili sadece sınıf isimlerini değiştirerek özelleştirilebilir. Desteklenen yönelmeler arasında yatay, soldan sağa dikey, sağdan sola dikey, doğrusal yatay ve yukarı yönlü yatay yer alıyor.
Windows Internet Explorer 5+, Mozilla Firefox 1.5+, Opera 7+, Apple Safari 2+, Google Chrome 1 vb. tarayıcılar destekleniyor.
IE6 ve öncesi için küçük bir JavaScript kullanılıyor. Menü, jQuery ya da Scriptaculous gibi JavaScript kütüphaneleri ile rahatlıkla kullanılabilir. Geriye kalan her şey sadece CSS'den ibaret.

3. Çoklu Seviye JavaScript Açılır Menü

Bu çoklu seviye desteği olan açılır menünün kullandığı JavaScript'in dosya boyutu sadece 1.2 KB. Animasyon, aktif başlık belirleme, kolay aktarım ve birden fazla menü kullanabilme desteği gibi özellikleri bulunuyor. Betik Firefox 2+, IE6+, Opera, Safari ve Chrome üzerinde çalışıyor.

Demo | İndir

4. MenuMatic

MenuMatic bir mooTools 1.2 sınıfı olup sıralı ya da sırasız semantik listeleri alıp onları dinamik açılır menü sistemine dönüştürüyor. JavaScript'in etkin olmadığı tarayıcılarda ise menü, Patrick Griffiths ve Dan Webb tarafından geliştirilen Suckerfish Açılır Menüsü'ne klavye desteği kazandıran Matthew Carrol'un CSS tabanlı sürümünü kullanıyor.

Menünün Özellikleri

Arama Motoru Dostu
Erişilebilir: Menü bağlantıları üzerinde tab tuşu ile gezinin. Açılır menüler üzerinde ok tuşları ile gezinin.
JavaScript'in etkin olmadığı tarayıcılarda otomatik olarak CSS menüsü haline gelme.

Yatay | Dikey | İndir

5. Alt Menüler İçeren Dairesel Menü

Bu güzel menü küçük simgeler içeren alt menü öğelerini, ana menü elementlerinin bulunduğu dairenin içine yerleştiriyor. Menü ayrıca her bir simgeye açıklama eklemenize de izin veriyor. IE6, IE7, Firefox, Opera, Safari ve Google Chrome üzerinde sorunsuz çalışıyor.

6. mooTools İçin Kayan Menü

mooTools JavaScript kütüphanesini kullanan bu menü fare imleci hareket etmediğinde ya da sizin belirleyeceğiniz belirli bir zamandan sonra tüm menü elementlerini orjinal boyutuna getiriyor.

Demo | İndir | Detay

7. Yumuşak Gezinti Menüsü

Yumuşak Gezinti Menüsü çoklu seviye desteğine sahip ve CSS tabanlı bir menü olup, web site gezinti elementlerinin yumuşakça belirmesi için jQuery kullanıyor. Özellikle gezinti elementleri web sitelerinin genelinde önemli bir rol oynadığı için bu elementin güzel görünmesi ve işlemesi, sitenin geneli için de önemli hale geliyor.

Menü öğeleri dilerseniz doğrudan sayfa üzerindeki kod üzerinden, ya da AJAX aracılığı ile harici bir dosya üzerinde çağırılabilir. jQuery sayesinde de alt menüler hem kayarak (slide) hem de yavaşça belirerek (fade in) görüntülenebiliyor.

8. Katlanır Menü

Bu menü aslında Antonio Lupetti'nin web projelerinizdeki kodları yeniden daha verimli bir şekilde kullanabilmenize yönelik hazırladığı rehberin bir parçası. Bu örnete Antonio, fare imlecinin menü öğeleri üzerine getirilmesinin ardından bir efekt içeriyor (farenizi "About Me" ve "Click Here" öğelerinin üzerine getirin).

Demo | İndir | Detay

9. Digg Başlığını Tasarlamak

Bu menü Digg web sitesi üzerinde yer alan menünün bir kopyası. Abonelik, arama ve hesap bilgileri gibi önemli öğeler, tam olmalarını beklediğiniz yerde, sayfanın üst kısmında yer alıyorlar. Belirli bir genişliğe kadar genişleyebilen genişlik, açılır menüler, çekici arama ve renklerin kolay değiştirilebilmesi, menünün sunduğu özellikler arasında yer alıyor.

Demo | İndir | Detay

10. jQuery Dosya Ağacı

jQuery Dosya Ağacı, jQuery için geliştirilmiş özelleştirilebilir bir AJAX dosya tarayıcı eklentisidir. Sadece bir satır JavaScript kodu ile tümüyle etkileşimli dosya ağaçlarını oluşturabilmeniz mümkün. Ayrıca bu betiğin sunucu taraflı dosya sistemlerine entegre edilebilmesi için PHP, ASP.NET, JSP ve Lasso eklentileri de bulunuyor.

Bu menünün sevdiğim yanı, AJAX aracılığı ile dosya uzantılarına bakıp onlara uygun simgeleri eş zamanlı olarak gösterebiliyor olması. Dahası da alt menü öğelerinin açılma ve kapanma efeklerini ve hızlarını belirleyebiliyorsunuz.

Demo | İndir | Detay

Bu yazı maozturk tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Muhteşem ışık efektleri yaratmak için 18 Photoshop fırça seti

maozturk — Fri, 20 Feb 2009 18:56:00 GMT

Gerek web tasarımla gerekse masaüstü yayıncılıkla uğraşan tasarımcı arkadaşların çok işine yarayacağını düşündüğüm, muhteşem ışık efektleri hazırlayabileceğiniz birbirinden etkileyici, ücretsiz photoshop fırça setlerini beğenilerinize sunuyorum.
1. Sui Generis 3

2. Fractal Brush

Fractal Brush

3. Fractal Brushes

Fractal Brushes

4. Abstract 12

Abstract 12

5. CS4 V2 Brush

CS4 v2 brush

6. Destiny Brushes

Destiny Brushes

7. Quantum brushes

Quantum Brushes