bildirgec.org - mpolat - beğendikleri

jQuery Uygulamaları - 1

mpolat — Thu, 03 Dec 2009 12:41:00 GMT

Sitenizde basit ve hoş görünen fakat flaş kadar da yavaş yüklenmeyen menüler, rengi değişen arka planlar, dikkat çekici hoş uygulamalar istiyorsanız jQuery tam size göre;

Kwicks for jQuery | Demo - Ders

jQuery menü uygulaması. Bloklardan birinin üstüne geldiğinizde sağa/sola veya aşağı kayan hoş bir uygulama. Bu sayede gizlenen resme resimler ya da bilgi metinleri yerleştirebilirsiniz

Changing design colors with jquery | Demo - Ders

Web sayfası tasarlarken işinize yarayacak bir uygulama. Link, arka plan vb. gibi renkleri ayarladığınızda anında görüntüsünü size veriyor.

Easy jQuery fading color menu | Der

jQuery menü uygulaması. Blogların altına sonradan üstüne gidildiğinde ortaya çıkan bilgi kutucukları çıkıyor.

highlightFade jQuery Plugin | Demo - Ders

Arka planları veya başlıkları daha vurgulu olması ve dikkat çekmesi için jQuery sayesinde renk değiştirebilmesini sağlayabileceğiniz hoş bir uygulama.

jAni | Demo - Ders

jQuery ile yapılan animasyon efekti. Hazırladığınız animasyonu istediğiniz yerde durdurma, başa alma özellikleri mevcut (pause,stop).

Fade colors using jQuery | Demo - Ders

Yazılara anında istediğiniz rengi verebiliyorsunuz. Belirlediğiniz butonlara tıklandıklarında renkeleri değişiyor.

jQuery Colorful Sitemap | Demo - Ders

Hoş bir jQuery ile hazırlanan site haritası uygulaması.

jQuery Color Plugin and Color Animation | Demo - Ders

jQuery ile hazırlanan başka bir menü uygulaması. Üstüne gittiğinizde arka plan veya yazı rengi hoş bir şekilde renk değiştiriyor.

jQuery Random Link Color Animations | Demo - Ders

Hazırladığınız linklerin jQuery ile hareket etmesi ve renk değiştirmesini sağlayan uygulama.

Devamı gelecek...

Kaynak ; wisdomplug

Ayrıca Bakınız ;

Bu yazı mpolat 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 Tasarımcıları için Hatırlatıcı Notlar

mpolat — Wed, 02 Dec 2009 17:25:00 GMT

Birçok web tasarımcı satırlarca kodu aklında tutamaz. Bu yüzden kendilerine ait notları ya da baktıkları birkaç yer bulunur. Burada wordpress,html,css,jquery,photoshop vb. gibi birçok konuda notlar,ipuçları ve hileler bulunmakta ;

Liquidicity (Wordpress yardım notları)

WP-The Loop (Wordpress yardım notları)

Theme Development Check List (Wordpress Tema Geliştirme Kontrol Listesi)

jQuery ( jQuery yardım notları)

jQuery 1.2 Cheat Sheet (jQuery Hileleri)

PHP reference sheet (Basit php hatırlatma notları)

GoSquared (Php notları)

Creative Tip (Photoshop'ta pen tools için ipuçları)

Adobe Photoshop CS4 Keyboard Shortcuts ( Photoshop CS4 klavye kısayol listesi)

CSS Cheat Sheet (V2) (Css notları)

RGB Colour codes (RGB renk kodları)

GoSquared(Html notları)

HTML character entities (html karakter listesi)

HTML Elements and Attributes (html elemanları ve özellikleri)

Fireworks CS3 (adobe fireworks cs3 notları)

Illustrator CS3 (adobe illustrator cs3 notları)

Kaynak ; webanddesigners

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

TTNET Sosyal Medya'da; Hem Destek Veriyor Hem de Kazandırıyor!

mpolat — Thu, 03 Dec 2009 07:45:00 GMT

Türkiye'nin lider internet servis sağlayıcısı TTNET *, Sosyal Medya'nın iki önemli aktörü; Twitter ve FriendFeed'te açtığı hesaplar ile müşterilerine, karşılaştıları sorunlar ile ilgili destek vermeye başladı.

Ramazan Yüksel ve Güner Bütün'den oluşan TTNET Destek Takımı, TTNET Destek adı ile, Twitter'da twitter.com/ttnetdestek hesabından ve FriendFeed'te de friendfeed.com/ttnetdestek hesabından hizmet vermekteler.

Twitter ve FriendFeed kullanıcıları, destek taleplerini, Direct Messages/DM (Direkt İleti) yolu ile TTNET Destek Takımı'na iletebilecekler.

Resmi duyurusuna buradan ulaşabileceğiniz TTNET'in Sosyal Medya'daki bu faaliyeti; "Sosyal network çağının pazarlama çözümleri" sloganı ile Sosyal Medya'da faaliyet göstermek isteyen kurumlara çeşitli hizmetler sunan PromoQube ile gerçekleştirdiği işbirliğinin bir ürünü.

TTNET'in, resmi duyurusunu buradan ve buradan + yaptığı, Sosyal Medya'daki bir diğer faaliyeti ise, 16 milyonu aşan kullanıcı sayısı ile Türkiye'nin en çok ziyaret edilen 2. web sitesi konumda bulunan Facebook üzerinde oynanabilen bir bilgi yarışması olan TTNET Bil Bil Kazan Kampanyası.

Facebook kullanıcıları, buradaki facebook uygulamasını ekledikten sonra, karşılarına gelecek formu doldurarak yarışmaya katılabilecekler. Yarımacılar, her gün sorulacak 100 soruya, en kısa sürede cevap vererek puanlarını yükseltebilecekler. Her günün en iyi 10 yarışmacısı, 49 TL değerindeki hepsiburada.com hediye çekini kazanacaklar.

TTNET Bil Bil Kazan Kampanyasının katılımcılarına sunduğu bir diğer fırsat ise; facebook uygulamasındaki veya buradaki formu doldurarak kayıt olan herkesin katılabileceği bir çekiliş.Çekilişi kazananlara; 2010 model Mini Cooper, Sony Full HD LCD TV, HP Laptop ve iPod Nano hediye edilecek.

Bonus+++++:
+300 Case Studies of Social Media Marketing
+barack obama sosyal topluluğu/medyası
+Fortune 100 Şirketlerinin Sosyal Medya Raporu
+New York Times İlk Sosyal Medya Editörünü Atadı
+Müstakbel Sosyal Medya Uzmanları İçin 220'den Fazla Kaynak

Kaynak: TTNET-1, TTNET-2.
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

Ücretsiz Ses Efekti İndirmek İçin En İyi 5 Site

mpolat — Thu, 05 Nov 2009 15:24:00 GMT

Video, müzik, animasyon, oyun ya da herhangi bir medya üzerinde çalışırken ses önemlidir. Bazen projeye uygun iyi kaliteli ses efekti bulmak zordur. Çevrimiçi geniş bir kaynağa herhangi bir ücret ödemeden ulaşabilmeniz mümkün.

Kulaklıklarınız hazır mı? Burada ücretsiz ses efekti indirmek için en iyi 5 web sitesi yer almaktadır.

1. Flash Kit

Flash Kit'in ses efekt sayfası ücretsiz ses efekti indirmek için en iyi yerlerden birisidir. 7,000 üzerinde telif veya fikir hakkı olmayan parça indirilebilir durumdadır.

Koleksiyon içinde arama yapabilir veya doğa yada ulaşım gibi kategori altında ses efektlerine bakabilirsiniz.

İndirmeden önce test edebilirsiniz. Tüm parçalar WAV, MP3 veya Flashtrak dosyası olarak indirilebilir.

Ayrıca katkıda bulunmak isterseniz kendi orjinal seslerinizi gönderebilirsiniz.

2. Soungle

Veritabanı içerisinde geniş çevrimiçi kütüphanesi ile sadece ses efekti aramak için kullanılır.

Soungle, her şeyi kolay ve basit tutar. Arama sonuçlarında basit bir önizleme, açıklama, klip bilgileri bulunur.

3. Soundboard

Seçebileceğiniz binlerce ses efekti bulunmaktadır. Anahtar kelime ile arama yapabilir ya da bölümler içerisinde ses efektlerine ulaşabilirsiniz.

Ses efektlerini indirmeden dinleyebilirsiniz. Bütün ses efektleti mp3 dosyası şeklindedir.

4. SoundBible

Binlerce ses efekti bulunduran, ücretsiz ses klip ansiklopedisidir. Site ücretsiz veya telif veya fikir hakkı olmayan şeklinde içeriği bölmektedir.

Tüm sesleri indirmeden test edebilirsiniz. Telif hakkı olmayan sesler creative commons ve kamu malı çalışmalarını içerir.

5. Freesound Project

Freesound Projesi, Creative Commons tarafından lisanslanmış ses örnekleri sunar.

Tüm içerik üzerinde anahtar kelime ile arama yapabilir ve popüler etiketleri görüntüleyebilirsiniz. Creative Commons Sampling Plus License altında veritabanına ses örneklerinizi ekleyerek her zaman katkıda bulunabilirsiniz.

kaynak: makeuseof.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

2009'un En İyi Ücretsiz Yazı Tipleri

mpolat — Sat, 07 Nov 2009 09:56:00 GMT

Bir yılın daha sonuna yaklaşıyoruz. 2009'un yazı tipleri (font) için büyük bir yıl olduğunu görebiliyoruz. Burada geçen yarım yılın en iyi yazı tipleri yer almaktadır.

1. Chunk

Batı Amerikalı tahta basma kalıbı gibi, el ilanları ve haber başlıkları için uygundur.

2. Calluna

Çok geniş bir dil içeriği desteklemektedir.

3. Vegur

4. League Gothic

Klasik bir görünüm ile hoş tasarımların oluşmasına yardımcı olur.

5. Sansation

6. Quicksand

7. Mentone

Yuvarlanmış köşeleri ile etkili çalışmalar yapmanızı sağlar.

8. Serif Beta

9. Goudy Bookletter 1911

10. Titilium

11. Junction

Serif ve sans serif yazı tiplerinin bir araya geldiği en kaliteli yazı tiplerinden birisidir. El çizimine benzer.

12. Sovba

Köşeleri yuvarlanmış, sans-serif'den esinlenmiş hoş bir yazı tipidir.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

Ücretsiz Font (Yazı Tipi) İndirmek İçin En İyi 20 Site

Web Tasarımında El Çizimi Stili İçin 21 En İyi Font

kaynak: webdesignledger.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

En Seksi 16 Adet JQuery Eklentisi ve Eğitimi

mpolat — Mon, 09 Nov 2009 07:40:00 GMT

Web sitenizde, blogunuzda veya farklı amaçlarla hazırlamış olduğunuz/olacağınız Web uygulamalarınızda kullanabileceğiniz, 16 Adet JQuery ekletisi ve bu eklentilerin nasıl kullanılacağını anlatan eğitim dokümanlarını bu listede bulabilirsiniz.

1-jQZoom: Demosu | Eğitimi

2-Image Puzzle: Demosu | Eğitimi

3-Animate Curtains: Demosu | Eğitimi

4-Sexy Drop Down Menu: Demosu | Eğitimi

5-Image Scroller: Demosu | Eğitimi

6-Virtual Tour: Demosu | Eğitimi

7-Creating a Keyboard: Demosu | Eğitimi

8-Sliding Boxes and Captions: Demosu | Eğitimi

9-Image Rotator: Demosu | Eğitimi

10-AnythingSlider: Demosu | Eğitimi

11-ImageSwitch: Demosu | Eğitimi

12-Galleria: Demosu | Eğitimi

13-Image Cross Fade Transition: Demosu | Eğitimi

14-Scrollable: Demosu | Eğitimi

15-Polaroid photo viewer: Demosu | Eğitimi

16-Thumbnail Gallery: Demosu | Eğitimi

Bonus++++++++++++:
+Görenlere "OHA" Dedirten, JQuery ile Hazırlanmış, 10 Adet Animasyon ve Eğitimi
+Portfolio için 15 Adet Herkesten Saklanası Wordpress Teması
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+jQuery ve CSS ile Page Peel Effect'i
+google api ve araçları
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Adet Kullanışlı jQuery Örneği ve Eğitimi

Kaynak: designzzz
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

Blogunuz için ilham verici header'lar

mpolat — Mon, 09 Nov 2009 10:22:00 GMT

header, ziyaretçinin bir web sitesinde sayfa üzerinde gördüğü başlıktır, büyük olasılıkla ilk şey. dolayısıyla ziyaretçiniz hoş tasarlanmış bir header'dan etkilenip sayfanızda daha uzun kalabilir. blogunuz için burada belirtilen etkileyici header'lara göz atalım.

1. tutorial9

7. octwelve

9. cult-foo

10. vectips

11. part time post

12. tutcandy

13. yoast

14. that indie dude

15. ozon3

16. ndesign studio

17. web designer wall

18. ma.tt

19. pixel resort

20. webdesigner depot

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

Yararlı 14 Online Tipografi Aracı

mpolat — Tue, 10 Nov 2009 07:34:00 GMT

Bildiğiniz gibi tipografi web tasarımı işinde çok önemli bir yere sahiptir. Tasarım sürecinde işin tipografi yükünü hafifletmek ya da bu konuda işleri hızlandırmak için bazı araçlar kullanıcının hizmetine sunulmuş.

İşte size, web tasarım sürecinde tipografi ameliyenizi kolaylaştıracak ve tasarımlarınızı güzelleştirecek, online olarak çalışan on dört tipografi aracı:

CSS Type Set

Bu online araç, textinizi görsel olarak şekillendirmeye (yazi tipi, boyutu, rengi, harf aralığı vs...) yararken aynı zamanda bu değişikliklerin css kodunu da size vermektedir.

Type Teser

Fontların ekranda nasıl göründüğüne dair karşılaştırmalar yapmaya imkan veren online bir araçtır. Listeden siteye ait temel fontları seçebildiğiniz gibi kendi işletim sisteminizdeki fontları da seçebiliyorsunuz.

Type Chart

Bu arac size, tıpkı bir blogdaki yazılar gibi alt alta yerleştirilmiş hazır web tipografi seçenkleri sunuyor, beğendiğiniz kalıbın css kodunu alabiliyorsunuz.

What The Font?

Bir çoğunuz ne işe yaradığını biliyor,bilmeyenler de isminden çıkarabilir. Bu araca resim dosyası ya da resim linki kopyalıyorsunuz ve o resimdeki yazı tipini buluyor.

Font Strcut

Değişik geometrik şekiller kullanarak, bir grid üzerinde kendi custom fontuzu oluşturabildiğiniz bir araçtır. Üyelik sistemiyle çalıştığını da belirtelim.

Baseline Rhythm Calculator

Bir metinde font tipini ve satırlar arası aralığını görsel olarak ayarlayıp karar vermek için güzel bir araç. Sonucun CSS kodunu da kendi üretiyor.

PX to EM

Bu ara, Font boyutunun piksel ya da em olarak bir birine göre karşılıklarının ve bir referans size'a göre yüzdeliklerinin yer aldığı bir listeye sahip. Ayrıca kendiniz de değişik piksel ya da em değerlerini girerek karşılığını hesaplayabilirsiniz.

Font Burner

Bu aractan bir font seçiyorsunuz, size sitenizin body tag'ina gömmek için bir kod veriyor ve sitenizin fontu seçtiğiniz fontla değişiyor. Ne gerek var, doğrusu merak ettim, fikri olan?

Type Navigator

Dünyanın ilk interaktif ve de görsel font araştırma siteymiş. Bu yüzden listeye giriyor herhalde.

Font Tester

Ücretsiz bir CSS font karşılaştırma online araç Kolayca font önizlemesi ve karşılaştırma yapabileceğiniz bir yer.

Flipping Typical

Bir text giriyorsunuz ve bunu size birçok değişik font (toplam 61 tane olsa gerek) ile gösteriyor. İçlerinden karşılaştırma yapıp hangi fontu kullanacağınıza karar veriyorsunuz.

Identifont

İlginç bir araç olan bu uygulamada bir fontu tarifi ediyorsunuz o da bunu bulmaya çalışıyor. Fontu tarif etmek için size sorduğu soruları cevaplıyorsunuz. Sorular; q garfinin kuyruğu nasıl, m harfi köşeli mi yuvarlak mı, dolar işaretinde dikine iki çizgi mi yoksa bir tane mi? vb. şeklinde... Sanki karakolda, fontun robot resmini çizdiriyor gibi.

STC Font Browser
Bilgisayarınızda yüklü bulunan bütün fontları bir denem yazısıyla görüntelemek için yapılmış bir araç.

Convert TrueType Font to Sifr Flash File
adında analışıldığı üzere true type fontu flash sifr türüne çeviriyor ve e-mail yoluyla size yolluyormuş.

kaynak

Bu yazı mpolat 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ımda kağıt etkisi

mpolat — Fri, 20 Mar 2009 19:13:00 GMT

sanırım son bir yılda, hemen her kalbur üstü tasarımda rastladığımız öğelerden biri de kağıt. bunu ilk olarak kim buldu bilmiyorum ama sanırım ben WebDesignerWall'da karşılaştım. artık biraz kabak tadı verse de yine kağıt temasında hareketle tasarımlar yapılmaya devam ediyor. eğer aklınızda böyle bir tasarım yapmak varsa şurada güzel bir liste var.

Paul-Wallas
Carsonified
TeamGreenOnline
WebDesignerWall
BandPush
SimplyFired
AJMiles

25 sitelik listenin kalanına buradan ulaşabilirsiniz. benim favorim ise hem biraz sadelik, hem biraz salaşlık, hem de bu kağıt temasını taşıdığı için SquawkDesign.

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

çeşitli web tasarım araçları

mpolat — Thu, 26 Mar 2009 09:45:00 GMT

bir web sayfası için gerekli düzenleme ve eklentileri yaparken kullanılabilecek basit ve kullanışlı araçlara ihtiyaç duyarsınız. bazı gerekli araçları aşağıda listeliyoruz:

color cop
kullanımı kolay, renk seçici, üretici, örnekleme ve dönüştürücü program. RGB ondalık değerlerin dönüşümünü sağlar. büyüteç yardımıyla herhangi bir simge ya da bölgeyi baz alarak bir renk seçiyorsunuz, program size her renk için bir de kod veriyor. bu kodu web sitenizde kullanabiliyorsunuz. Türkçe versiyonunu da ücretsiz olarak indirebilirsiniz.

color cop

Arisesoft Color Set clrst23.zip
en iyi renkleri seçmek için kullanılır. kaptığınız renleri html olarak kaydedebilir favori renklerinize katabilirsiniz. Hex - RGB - HSB renk dönüştürmeyle renk önizlemesini de dahildir.

color set

Texture Processor
Doku İşlemci çeşitli doku oluşturmak için benzersiz bir programdır. Doku İşlemci 3d için de tasarlanmıştır-sanatçı ve web tasarımcıları için. Ayrıca, diğer kullanıcıların çeşitli grafik editorler çizmek için zevkle ilgileneceği ücretsiz bir araç.

texture processor

neophoto
ücretsiz fotoğraf sitesi oluşturun. tüm dijital fotoğrafları düzenleme, boyutlandırma, kırpma, döndürme işlemlerini yapın, başlık ekleyin. gezinme bağlantıları, açıklamalar eşliğinde pratik olarak bir fotoğraf web sayfası oluşturma kolaylığı sağlar.

neophoto

Button Maker Freeware
tabii ki bu da ücretsiz. sitenize 3 boyutlu buton oluşturun. 8 temel düğme stilleri, metin rengi ve tipi, arka plan rengi, düzleştirme ve daha birçok efekt sunuyor. butonların bağlantı noktalarını düzenleyin.

button maker freeware

super simple rss
hızlı ve kolay "newsfeed" oluşturma aracıdır. tüm rss alanlarını desteklemez ama en önemlilerini destekler. ücretsiz ve küçüktür.

super simple rss

fazlası burada

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