bildirgec.org - down - beğendikleri

jQuery için açılır menüler

down — Fri, 25 Jun 2010 09:25:00 GMT

bu yazıda jquery kütüphanesi için geliştirilmiş ve profesyonel çalışmalarınızda kullanabileceğiniz değişik eklentileri bulacaksınız. eklentileri hemen deneyebilir, beğenirseniz hemen indirebilirsiniz.
_________________________________________

ajax-flag-menu

ajax özelliği barındıran bu menü uygulaması aynı zamanda facebook navigasyon menüsüyle birebir aynı görünüme ve işlevselliğe sahip. gnu - gpl lisansıyla dağıtılan bu eklentiye ulaşmak için;
demo | döküman | download

aqmenu

tab biçiminde menüler oluşturmak istiyorsanız aqmenu işinizi görecektir. ayarlama yapmanıza imkan veren eklenti aynı zamanda çok ufak boyutuyla da avantaj sağlıyor.
demo | döküman | download
_________________________________________

apycom (kısmen ücretli)

çapraz tarayıcı uyumluluğu, s.e.o uyumlu, Fantastik animasyon ve geçiş efektleri, Çoklu renk şemaları ve Son derece küçük - 3kb (sıkıştırılmamış) özellikleriyle güzel bir menü eklentisidir. ücretli oluşu dezavantaj gibi görünse de, üreticinin linkini silmediğiniz sürece ve bazı renk seçeneklerinden mahrum kalmaya razı geldiğinizde ücretsiz olarak indirme ve kullanma imkanınız var.

_________________________________________

EXTRUDER

web sayfanızın istediğiniz bir bölümünde kolayca menü oluşturabilirsiniz. akordeon tipinde menü panelleri oluşturup yönetmenizi sağlayacak yerleşik metodları sayesinde amaçlarınız doğrultusunda özelleştirme imkanı veren eklentinin detaylarına döküman sayfasından ulaşabilirsiniz.
demo | döküman | download
_________________________________________

animated outline menu

"kaydırma" efekti eşliğinde basit ve şık bir biçimde menüler oluşturmanızı sağlayan bu eklenti mouseover olay tutucusu ile tetiklendiği için normal linklerinizi bile açılır menü yapabiliyorsunuz.
demo | döküman | download js - css
_________________________________________

otoçapa (auto anchor)

html doğası gereği, sayfalarımızın üst bölümlerine indeksler oluşturup o sayfa içindeki konuları ekranda odaklamamıza yarayan sayfa içi çapalama desteği vermektedir ve eski yeni bir çok tarayıcı bunu desteklemektedir. bu eklenti söz konusu çapaları estetik biçimde paketleyip numaralandırabiliyor ve daha efektif olmalarını sağlıyor. bu özelliği de eklentiyi menü uygulaması haline getiriyor.
demo | döküman | download
_________________________________________

autosprites

flash menülerin estetikliğini aratmayan bu eklenti sayesinde çok uğraşmadan flash ile hazırlanmış kadar profesyonel menüler oluşturabilirsiniz. geçiş efektinin kusursuzluğunu demo linkinden tecrübe edebilirsiniz. opensource - mit lisansıyla dağıtılan eklentinin detayları;
demo | döküman | download

______________ my top10______________

Bu yazı down 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

Harikulade CSS3 Tekniklerinden Bir Demet!

down — Mon, 07 Jun 2010 12:04:00 GMT

Web tasarımı bu günlerde HTML5 ve CSS3 ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.

Aşağıda listelenmiş olan CSS3 eğitimleri (teknikler, örnekler) ile, daha önceleri yapamadığınız veya yapmak için ek bazı dosyalara/görsellere ihtiyaç duyduğunuz, "göreni kendisine hayran bırakan" tasarımsal özellikleri, CSS3 ile nasıl yapabileceğinizi öğrenebilir ve hemen denemeye başlayabilirsiniz.

Apple HTML5 Showcase: Apple tarafından yakın zaman önce açılan ve içeriğinde HTML5 ve CSS3 tekniklerinin bulunduğu bir tanıtım sayfası.

CSS3 Butonlar - Demo

CSS3 İle Sütun Grafikler (Bar Graph) - Demo

CSS3 Aşağı Açılır Menü (Dropdown Menu)

CSS3 Konuşma Balonları (Speech Bubbles) - Demo

CSS3 Yuvarlak Kenarlar ve imleç etkileşimi (Border Radius Hover States) - Demo

CSS3 Gölgeleme (Box Shadow)

[Bonus+++++]
+Flash ile Görsellere Büyüteç Etkisi!
+Tweetmojo İle Webcam'li Tweetler!
+jQuery Scrollable ile Web Sayfalarını Hareketlendirin!
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Google'dan SEO Dersi:URL Adresleri Nasıl Olmalı?
[Kaynak] mashable
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

Bu yazı down 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 HTML5 ve CSS3 Uygulamaları

down — Mon, 17 May 2010 06:36:00 GMT

HTML5 ve CSS3 yeni olmasına rağmen web tasarımcıları oldukça başarılı uygulamalar yapıyorlar. Klasik tasarımların aksine daha renkli ve interaktif tasarımlar kullanıcılar tarafından daha dikkat çekici ve taha tatmin edici gözüküyor. Ayrıca masaüstü uygulamalarından yapabildiğiniz birçok özelliği artık interaktif olarak tarayıcılar üzerinden de kullanabiliyoruz. Muhteşem HTML5 ve CSS3 Uygulamaları;

Carbon Fiber Signup Form - Demo

Html5, css3 ve jQuery ile yapılan bu uygulama gelişmiş bir form sistemidir. Formlarda yer alan sıradışı parlak efekti ziyaretçiler tarafından oldukça dikkat çekici. jQuery ile yapılan tooltip özelliği sayesinde kullanıcılarınız istenilen dışında formu doldururlarsa hata mesajı veriyor.

Create a Cool Messy List with CSS3 and nth-child - Demo

Bu css3 ve Html5 ile yapılan uygulama ile web sitenizdeki blogları istediğiniz şekilde yana yatırarak eğim oluşturabilirsiniz. Ayrıca bunu yaparken içeriğinede aynı şekilde eğimi uygulayabilirsiniz.

CSS3 Glow Tabs - Demo

CSS3 Glow Tabs sayesinde web 2.0 ile gelen tab özelliğini web sayfanıza ekleyerek yeni sayfa yüklenme derdinden kullanıcılarınızı kurtarabilirsiniz. Tek sayfa içerisine birden fazla sayfayı bu css3 kullanan uygulama ile gerçekleştirebilirsiniz.

Elegant Accordion with jQuery and CSS3 - Demo

Elegant Accordion slider uygulaması sayesinde farklı menüler veya ürünlerinizi tanıtacağınız farklı içerikler yaratabilirsiniz. jQuery ve css3 bileşimi bu uygulama sayesinde blogların içerisine istediğinizi yerleştirmekte özgürsünüz.

Pimp Your Tables with CSS3 - Demo

css3 ile yapılan bu farklı uygulama ile benzersiz tablolar yapabilir ve içeriğini istediğiniz gibi doldurabilirsiniz. Farklı temalarını uygulayabilir veya siz kendi temanızı oluşturabilirsiniz.

Create a Speech-Bubble Tooltip using CSS3 and jQuery - Demo

Bu tooltip eklentisi diğerlerinin aksine sadece jQuery kullanılarak değil css3 kullanılarakta oldukça renklendirilmiş. Web sitenizde yer alan metinlere bu uygulama sayesinde kısa bilgi notları düşebilirsiniz. Ayrıca bunu yaparken kullanıcılarınızn yeni sayfa açma zahmetinden kurtarmış olursunuz.

Colourful rating system with CSS3 - Demo

Colourful rating system, diğer oylama uygulamarından farklı olarak css3 kullanılarak oldukça hoş bir görünüme sahip.Her nota bilgiler ekleyebileceğiniz gibi (5 üzerinden 1- çok kötü, 5 üzerinden 4-güzel vs.) hepsinde farklı renk tonları kullanabilirsiniz.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynaklar : impressivewebs, tutorialzine, tympanus, css-plus

Bu yazı down 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

interaktif takvimler için: Date Range Picker

down — Mon, 26 Apr 2010 06:43:00 GMT

Web sitenizin içeriğine göre web sitenize takvim eklemek veya takvim üzerinden işlemler yapmak zorunda kalabilirsiniz. Kullanıcılarınız ürünlerinizi takvim üzerinden takip edebilir veya işlemlerinizi o takvim üzerinden yayınlayabilirsiniz. En azından üyelik formunda kullanıcınızın doğum tarihini interaktif bir takvim ile alabilirsiniz. Tüm bu işlemleri ve daha fazlasını Date Range Picker uygulaması ile yapabilirsiniz.

Date Range Picker, içerisinden birçok seçenek ve birçok tema bulunan bir jQuery eklentisidir. Klasik bir forma tıklandığında tooltip özelliği sayesinde ortaya çıkarak kullanıcıları uzun işlemlerden kurtarır. Son günü, son 7 günü, son ay, son yıl gibi kısayollar sayesinde birden çok tarihi seçebilirsiniz.

Kısayolların dışında istediğiniz tarih aralığını tek veya iki takvim üzerinden seçebilirsiniz. Ayrıca bir veya birden fazla tarih seçme özelliği bulunmaktadır.

Date Range Picker'ın yirmiden fazla teması bulunmaktadır.Web sitenizin kullandığı renk paletine göre dilerseniz bu temalardan birini kullanabilir veya kendi temanızı oluşturabilirsiniz. Ayrıca özelliklerinin tümünü birarada kullanabileceğiniz gibi bir veya birkaçını da kullanabilirsiniz. Ayrıca Date.js dosyası üzerinden uygulamayı istediğiniz gibi özelleştirme imkanınız bulunmakta.

Bu jQuery uygulaması üzerinden birden çok işlem yapabilme imkanınız da bulunmakta. Örneğin iki ayrı tarihi veya tarih dilimini aynı takvim üzerinden düzenleyebilirsiniz. Ayrıca 2 ayrı form üzerinde tek bir uygulama kullanabilirsiniz.

Internet Explorer v7+, Firefox v3+, Google Chrome v4 ve Safari v4 desteğine sahip bu uygulamayı buradan indirebilir veya buradan kendi sayfasına bakabilirsiniz.Eğer basit demo sayfasına ulaşmak için buraya, tek form üzerinden farklı işlemler uygulanan demo sayfasına ulaşmak için buraya, iki ayrı formda tek uygulama kullanan demo sayfası için buraya göz atabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : filamentgroup

Bu yazı down 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

Online Kartvizitiniz için 6 Servis

down — Mon, 12 Apr 2010 14:19:00 GMT

Tasarımcı Tim Van Damme tarafından başlatılan kişisel kartvizit trendi şu an sayısız defa kopyalanmış, uyarlanmış halde. Tabii ki trendin etkisiyle bu konuda hizmet veren çeşitli siteler de açıldı. bildiride bu servisleri tanıtmayı ve olabildiğince farklılıklarını ön plana çıkarmayı hedefliyorum.

1. card.ly
Muhtemelen en fazla bilinen ve yayın olarak kullanılan kişisel kartvizit sitesi. Bunun çeşitli nedenleri var. Kartvizit servisi olarak ilk açılan site olması, çeşitli şablonlar seçerek adım adım hesabınızı oluşturabilmeniz sitenin artılarından. $24.99 vererek premium şablonlardan faydalanabildiğiniz gibi reklamları ve şablon kaynak linklerini kaldırarak ayrı bir alan adı üzerinden de hizmet alabilirsiniz. [örnek profil]

2.magntize
card.ly gibi fakat daha fazla tasarımcılara yönelik 'super easy' (oldukça basit) sloganıyla yola çıkan site, premium özelliklerle aylık 9 $'a da kullanılabilir. Fiyat olarak oldukça pahalı olsa da iphone & ipad sürümü, cv hazırlayabilmeniz ayrıca indirilme, görüntülenme ve çeşitli anahtar kelime analizlerinin yanına ciddi anlamda UI tasarımcılara hitap edecek temalarıyla bu fiyatı haklı çıkartabilir. [örnek profil]

3. dooid
Benim görüşüm ücretsiz olarak kullanılabilecek en iyi servis olduğu yönünde. yaklaşık aylık 3$'a da ücretli hale geçirilebiliyor. Fakat geçirilmeden de bir çok eklenti eklenebilir halde. ayrıca jquery geçişleriyle hayranlık uyandırıyor. Çeşitli ücretli & ücretsiz tema seçimleri mevcut. Sitenin sıradışı özelliği profili veya profilin belirli alanlarını şifreleyebilme özelliği. Ayrıca iPhone için geliştirdikleri uygulamaları da mevcut.[örnek profil]

4. chi.mp
Öncelikle domain olarak şahane olduğunu belirtmek gerek. http://nickiniz.mp şeklinde bir alana sahip oluyorsunuz. Ayrıca ekleyeceğiniz sosyal medyaları doğrulama ve yetkili olma konusunda bir isteği var. Bu benim şüpheci yaklaşım ile bakmama neden oluyor. Bunun yanında isterseniz proxy kanalıyla size ulaşılabiliyor, mail adresinizi gizleyebiliyorsunuz. xx@gmail.com adresiniz yerine me@rssems.mp şeklinde adresleriniz ücretsiz emrinizde. Tema desteği az olsa da yıllık 20$'a bu desteği de sağlamlaştırabiliyorlar. Tüm sosyal medya bağlantılarınızı ayarlarsanız da aktif bir şekilde size blog şablonlu bir sayfa veriyor. Bu sayfa gerçekten kullanışlı ve sizi ifade eder cinsten. Friendfeed 'e benzetebiliriz. [örnek profil]

5. E
Benim adım E! İzlenimim; sistemin jquery'i inatla kullanmaması ve sürekli sayfa yenileyerek, bilgilerinizi güncellemeniz gerekmekte olduğu. eee.am/rss şeklinde bir kullanıcı url'niz olması belki hoş fakat genel anlamda mobil uygulama desteği hariç sevimli değil. mobil dünyada aktif olmak isteyenler içinse çeşitli profil hesaplarınızı yönetebilmeniz ve kullanıcı hesaplarının yaygınlığı açısından sitenin kullanışlı olduğu söylenebilir. [örnek profil]

6. hi. I'm
isim olarak gerçekten çok kullanışlı, ayrıca real time özelliği de mevcut. çeşitli sosyal medya akışlarınızdan son ögeleri listeleyebiliyor. [örnek profil]

Bu yazı down 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

Bu Web Bileşenlerini Denemek Lazım: Alloy UI

down — Thu, 04 Mar 2010 15:12:00 GMT

Html ile yapılandırılmış, Css ile biçimlendirilmiş ve JavaScript'le de hareketlendirilmiş bir kullancı arayüzü (User Interface/UI) kütüphanesi/çatısı olan Alloy UI, bünyesindeki şık tasarımlı ve çok işlevli bileşenleri ile, dinamik ve zengin içerikli web uygulamalarının/sitelerinin, çok daha kısa sürelerde tamamlanmasını sağlamakta.

Web uygulamalarınızda kullanabilmeniz için sadece YUI Library'e ihtiyaç duyan Alloy UI bünyesindeki bileşenlerden bazıları:

AutoComplete: otomatik tamamlama.

Treeview Ağaç görünümlü menü.

Dialog Diyalog/İletişim pencereleri.

Ratings Puanlama.

Loading Mask Yükleniyor maskesi.

Liferay (açık kaynak kodlu portal sistemi) geliştiricileri tarafından geliştirilmiş olan ve şu anda ön sürümü kullanımda olan Alloy UI'nin kararlı (stable) sürümünün 1 Nisana kadar kullanıma sunulması hedeflenmekte.

Henüz eğitici dokümanları hazırlanmamış olan Alloy UI bünyesindeki tüm bileşenleri buradan inceledikten sonra buradan indirip, deneyebilirsiniz.

Bonus+++:
+70 Free Icon Sets

+Google'dan Webmaster'lara İpuçları
+SEO'yu Google'dan Öğrenmeye Başlayın

Kaynak: Alloy UI
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

Bu yazı down 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

Web Sayfa Yerleşimleri (Layouts) İçin: EZ-CSS

down — Mon, 22 Feb 2010 17:07:00 GMT

Web sayfalarınızın yerleşim düzenleri (Layouts) + için kullanabileceğiniz EZ-CSS, bu işlemi Table yerine CSS (div) ile yapabilmeniz için geliştirilmiş ve dosya boyutu sadece 1kb olan bir CSS çatısı (CSS framework).

Çoklu sütun ve sıra oluşturabilme, farklı genişlik ve yüksek değerleri kullanabilme ve web sayfalarına kolayca ekleyebilme gibi daha birçok özelliği, avantajlar/özellikler listesinde barındıran EZ-CSS'yi farklı projeleriniz için kullanabilirsiniz.

EZ-CSS'nin ana sayfasına buradan ve farklı örneklerin bulunduğu demo sayfasına da buradan ulaşabilirsiniz.

Bonus+++++++:
+60 Beautiful Premium Icons (Free)

+TexturePalace

+Layouts için 6 Adet jQuery eklentisi
+jQuery ve CSS ile Page Peel Effect'i
+html formları için 25 harika jquery eklentisi
+jquery ile hoş bir Hover Effect'i
+en iyi 10 jquery slider eklentisi

Kaynak: EZ-CSS
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

Bu yazı down 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

Sonraki Tasarımlarınız İçin 150+ Ücretsiz Kağıt Dokusu

down — Sat, 20 Feb 2010 08:34:00 GMT

Dokular, etkili bir biçimde kullanıldığı zaman tasarımları çok güzel bir hale getirebilir. Daha önce dokular ile ilgili şu yazıları görmüştük:

2009'un En İyi Ücretsiz Doku (Texture) Paketleri

Deviantart'dan 70 ahşap doku paketi

80+ Web Site Arkaplanı Oluşturmak İçin Taze Dokular (Textures)

5 Ücretsiz Yüksek Çözünürlüklü Taş Dokusu (Texture)

15 Yüksek Çözünürlüklü Texture (Doku)

Photoshop İçin 140+ Çiçek Doku Seti (Texture)

10 Ücretsiz Yüksek Kaliteli Kot Pantolon (Jeans) Dokusu

Aşağıda sonraki projelerinizde kullanabilmeniz için eşsiz kağıt dokuları yer almaktadır.

1. Paper Textures 2

15 doku

2. 10 Old Paper Texture

10 doku

3. Paper Bag Texture Pack

5 doku

4. Texture Pack – Dirty Paper

birkaç doku

5. Textures: Paper

birkaç doku

6. Natural Paper Texture Pack

9 doku

7. Turn Back Time Texture Pack

5 doku

8. Old Paper Pack

12 doku

9. Paper Texture Pack

5 doku

10. 9 Large Paper Scans

9 doku

11. Paper Texture Pack – 9 papers

9 doku

12. 10 1024×768 Paper Textures

10 doku

13. Old paper 3 – Big Textures

16 doku

14. Texture Set 1- Notebooked

5 doku

15. Plain Paper Textures

4 doku

16. Paper Texture Pack 03

5 doku

17. Texture Pack 2

birkaç doku

18. 13 HQ Old paper Textures

13 doku

19. HQ Paper Textures

5 doku

20. P A P E R – T E X T U R E

16 doku

21. Green Paper Texture Pack

6 doku

22. Free Texture Tuesday: Brown Paper

birkaç doku

kaynak: blueblots.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı down 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 ücretsiz dingbat font seti

down — Thu, 11 Feb 2010 13:07:00 GMT

hem brushlar hem de vectorler olsun tasarımcılar için vazgeçilemeyen, oldukça önemli olan öğelerdendir. o yüzden hemen her dönemde bu tarz öğelerin paylaşımı oldukça fazladır.

bunların yanında çok göz önünde bulunmayan fakat çoğu tasarımınızda hem oldukça işinize yarayacak hem de size kolaylık sağlayacak olan dingbat fontları da bulunmakta. dingbat font, sıklıkla kullandığımız bilinen fontların aksine harflerden ziyade simgelerden oluşan fontlara denilmete.

bu yazıda tasarımlarınızda güzel işler çıkarmanızı sağlayacak 30 adet ücretsiz dingbat font koleksiyonuna yer vereceğiz. beğenmeniz dileği ile:

Freaky

Skipop

Your Sign

Alphabots

Fontheads

Dj Horses 1

Sexyrexy Smitten

Trick or Treat 2

Dj Autocar

Glyphbasic1

Birds of a feather