bildirgec.org - etiketler: renk araçları

10 harika jquery uygulaması

lazaronnie — Fri, 10 Jun 2011 10:35:00 GMT

jquery + çıktığından beri web siteleri renklendi, hareketlendi. ancak kimi zaman güzel ve işe yarar eklentiler bulmak kolay olmuyor. ücretsiz olmaları da ayrıca önemli. işte acil ihtiyaç duyulduğunda işimize yarayacak bir kaç güzel juery eklentisi.

-----------------------------------
jquery'nin ui (user interface) projesi kapsamında geliştirmeye tabi bulunan bu uygulama bir işletim sistemininki kadar görsel bir takvim uygulamasını ziyaretçilerinize sunmanızı sağlıyor. insanları yazarak değil de görsel yöntemlerle tarih vermeye ikna etmiş oluyorsunuz.

5. jQuery UI Datepicker Project

----------------------------------------

bu kıymetli uygulama ise flicker isimli ünlü fotoğraf paylaşım sitesinden albümleri alıp sitenizde yayınlamanıza olanak veriyor. resimlerin bulunması ve sayfanıza taşınması sırasında flicker'ın sunduğu api hizmetinden faydalanılmış.

6. jQuery Flickr

-------------------------------------

jquery ile istemci tarafında thumb (ön izleme) oluştuyrma işini halletmek istiyorsanız bu ufak boyutlu eklenti tam size göre.

3. jQuery Thumbs

-----------------------------------------

resimlerinizi kullanışlı bir animatör penceresi içinden sunsaydınız nasıl olurdu? bu becerikli eklenti bir çok resminizi yan yana dizip, çizdiği ekran içinde bir sağa bir sola kaydırarak küçücük bir alanda göstermenizi sağlıyor.

2. jQuery Image Strip

--------------------------------

hemen anlaşıldığı gibi bu bir renk seçim paleti. 16milyondan daha fazla rengi seçmenize imkan sağlıyor. renk konusu geçen her alanda bu paleti çekinmeden kullanabilirsiniz. istediğiniz formatta renk kodu verebiliyor. (hex, rgb, hsb vs)

3. Color Picker - jQuery plugin

--------------------------------

sayfanızda sık aranan kelimeleri sunmayı anlıyoruz. peki ya bunları da kategoriler şeklinde yapılandırabilsek? kelimenin üzerine gelindiğinde alt kategorisine dahil bulunan diğer kelimeler pop-up içinde görüntüleniyor. böylelikle takdir edersiniz ki azıcık bir yere yüzlerce kelimelik etiket bulutu yerleştirmeniz mümkün oluyor.

4. jquery Hover Sub Tag Cloud

------------------------------

geliştiricisinin iddiasına göre bu uygulama mükemmel web formları inşaa etmenize yardımcı oluyormuş. nedir o mükemmel olan derseniz, herhangi bir form elemanına tıkladınız diyelim. bu elemanın dahil olduğu grubu komple parlatıyor.

7. Building better web forms

-----------------------------------

web sitenize giren kişilerin birbirinden haberdar olması ne güzel olurdu değil mi? sayfanızı bir anda kahvehane ortamına çevirmenize yardımcı olan bu uygulamayı php desteği veren sunucunuza yönlendirerek kullanabilirsiniz.

8. php ve jquery ile Web tabanlı chat uygulaması

--------------------------------

kategori sisteminizi işletim sistemlerinden aşina olduğumuz dosya seçici ağaç biçiminde sunmak istiyorsanız bu uygulama işinizi görecektir. insanlara alışık olduğu bir arayüz üzerinden içerik sunmak akıllıca bir yöntem olacaktır.

9. jQuery File Tree Demo

-----------------------------------

bir çok sosyal platformdan + +, özellikle de google'dan aşina olduğumuz otomatik form tamamlama özelliğini siz de sitenizde kullanabilirsiniz. dökümanlar her ne kadar php üzerine hazırlanmış olsa da json formatına uygun olarak veri işaretleyebildiğiniz sürece her türlü sunucu taraflı platform ile sorunsuz kullanabilirsiniz.

10. jQuery plugin: Autocomplete

ilgili yazılar

ilham alınacak 10 güzel takvim scripti (6)

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

Renk paleti seçimi için çok kullanışlı 10 araç

grafimedya — Wed, 03 Jun 2009 12:33:00 GMT

İster kurumsal bir site tasarlayın isterseniz grunge tarzı bir porföy sitesi tasarlayın; tasarımınızın başarılı olması için renk seçimi önemli bir rol oynamaktadır. Bu yüzden tasarım yaparken renklerin doğru seçilmesi çok önemlidir. Çok fazla renk paleti seçim araçları mevcut ancak bazıları diğerlerine göre gerçekten daha kullanışlı ve başarılı.
Bunlardan 10 tanesi şu şekilde:
Colorotate

colorotate

Kuler

kuler

color scheme designer

color scheme designer

colourlovers

copaso

color blender

toucan

colormunki

color wizard

color explorer

kaynak:wdl

Bu yazı grafimedya 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ımcılar İçin Renk Planlama (Color Scheming)

pinkfloyd — Wed, 07 Jan 2009 07:50:00 GMT

Bir web sitesinde çalışmaya başlamadan önce daima üzerinde çalışacağım bir renk şemasına sahip olmak isterim. Bu sadece estetik sebepler yüzünden değil, ayrıca tutarlılık ve websitesine alışılabilirlik gibi sebepler yüzünden önemlidir. Bazen müşterileriniz iki yta da üç renk şeması ile size geleceklerdir (diyelim iki ya da üç renk), ya da en azından web sitesinin üzerine inşa edileceği bir rengi size bildireceklerdir. Eğer emin değillerse o zaman bana sundukları grafik içeriğe (logo, resimler, simgeler vs.) bakar ve onlar ışığında kendi renk şemamı oluşturmaya çalışırım.

Internet üzerinde, tasarımlarınızın piksel mükemmeliğinde olmasına yardımcı olacak renk kaynakları bulunuyor.

İster aklınızda bir renk şeması olsun, ya da size ilham verecek ve rehber olacak kaynaklar arıyor olun, bu yazımda sizlerle bir dizi renk şeması oluşturmanıza yardımcı olacak kaynakları listelemeye çalıştım.

Color Blender
Renk kaydırma çubuğunu kullanarak ya da doğrudan renginizin RGB değerini girerek site size renk şemasını sunacaktır. Bu sitenin sunduğu bir güzel özellik, oluşturduğunuz renk şemasını photoshop ya da illustrator için indirebilmeniz, ya da kendinize elektronik posta olarak gönderebilmeniz.

Color Schemer Online V2
Şema doğrudan girilen RGB veyea HEX değerine göre oluşturuluyor. Sitenin ayrıca Windows ve Mac üzerinde çalışan yazılım sürümü de bulunuyor.

Color Scheme Genarator V2
Önerilen renk şeması görüntülendikten sonra tek bir değr girn. Şemalar Pastel, Karanlık/Aydınlık, Kontrast ve Solgun olabilir. Sitenin sunduğu bir diğer güzellik de (her ne kadar kaç kişinin işine yarayacağını tam olarak kestiremesem de) görüntülene renk şemasının çeşitli bakış açılarında nasıl görüntüleneceğini de size sunabilmesi (örneğin renk körleri için).

Internet üzerinde ayrıca kullanıcılar tarafından daha önce oluşturulmuş renk şemalarının listelendiği web siteleri de bulunuyor, tıpkı galeri web siteleri gibi.

COLOUR LOVERS
Bu site gerçekten muhteşem!!! Her ne kadar size bu makalede belirttiğim tüm siteleri ziyaret etmenizi önersem de, eğer bunlardan sadece birini seçmek istiyorsanız tercihiniz bu siteden yana olmalı. Site üzerinde, içinizdeki sosyal ateşi söndürebileceğiniz forumlar ve grupların yanısıra paletler, motifler, bireysel renk sayfaları da bulunuyor ve tüm bunların hepsi üzerinde arama yapabilir, içeriği filtreleyebilirsiniz. Paylaşılan içerikler pek çok biçimde indirilebilir (ASE, PS, AI, GIMP, HTML ve ZIP biçimlerinde). Sitede ayrıca pek çok yararlı bilgiye ulaşabileceğiniz bir blogun yanısıra TRENDLER bölümünde hem magazin hem de web dünyasının son renk trendlerine ulaşmanız mümkün. Kesinlikle takip etmeye değer.

Kuler
Adobe Air tabanlı bir websitesi olan Kuler'in yaklaşımı ve konsepti biraz ilginç. Color Lovers'a oranla biraz sönük kaldığını söylemek zorundayım. Burada kendi tercihlerimi ön plana çıkarmak istemiyorum, ama gerçekten, Colour Lovers muhteşem bir site.

Verlee's Daily Color Scheme
Bir süredir beta formunda yayın yapan ve 2006'dan beri güncellemeyen güzel görünümlü bir site. Sitenin ana alan adı halin "Yakında..." ibaresini içeriyor. Site bir renk şeması galeri sitesi ve bir süredir aktif olmamasına rağmen site bünyesinde güzel ve size ilham kaynağı olabilecek içerik bulunuyor.

Color Combos
Renk şeması / palet galeri web sitesi. Bir imaj üzerindeki renkleri çıkarabilmek için birkaç yolunuz var. Ya Photoshop ya da GIMP gibi masaüstü yazılımlarını kullanır, ya da referans imajınıza bağlantı kurabilecek çevrimiçi kaynakları kullanırsınız.

Color Palette Generator
Bir imajın tam URL'sini girin ve site, o imajı temel alarak sizin için renk paleti oluştursun.

Eğer üzerinde çalışacağınız bir imaj yoksa ama müşteriniz beğendiği siteleri sizlerle paylaştıysa, ya da size ilham kaynağı olabilecek bir websitesini biliyorsanız, o kaynaklarda kullanılan renklere ulaşmak için birkaç yöntem bulunuyor.

Eğer Firefox kullanıyorsanız Web Developer eklentisini kullanabilirsiniz. Eklentini seçtiğiniz websitesinin renk bilgisini gösterebilme özelliği bulunuyor.

Internet üzerinde bir dizi website galerisi de bulunuyor. Bu siteler websitelerini renklerine göre kategorilendiriliyor.

Renk Bilgisi Sunabilen Web Site Galerileri

Seçili Websiteleri İçin Özel Renk Bilgileri Sunan Website Galerileri

Birkaç Tane Daha İşe Yarar Kaynak:

CSS Color Chart
Her rengin HEX değerleri ile birlikte doğal ve genel kullanım için uygun renkleri gösteriyor.

Colors on the Web
Bu websitesi, geniş renk bilgisi, renk teorilerine yönelik araçları ve Color Contrast Analyzer for Accessibility (Erişilebilirlik İçin Renk Kontrast Analizatörü) ile çok değişik bir site. İlgili araç web sitesinin arkaplan rengi ile metin rengine bakıyor. Bunun yanısıra sitenin üç renk şema oluşturucusu da bulunuyor. Sitenin ayrıca iki sütunlu arabirimi üzerinde seçilen renk şeması ve metnin o şemada nasıl görüntüleneceği de gösteriliyor.

Renk Sihirbazı - renk uyumu uygulaması üzerinden kendi tekil renk değerinizi girebilir, ya da bunu sizin için yapacak uygulamayı kullanabilirsiniz. Veri girildiğinde ona ait olan renk varyasyonları, doyum varyasyonları, ton ve gölge varyasyonlarının yanısıra önerilen renk şemaları, bileşik renkler hakkında bilgiler, renk kontrastı ve kullanılan renklere ait bilgiler veriyor.

Renk Şemacısı - CSS website galerilerine benzer bir site, ancak CSS yerine kullanıcılar tarafından gönderilen renk paletlerini içeriyor.

Bana göre renk, güzel bir web sitesinin en önemli yönüdür. Beni yanlış anlamayın, şablon, navigasyon ve tipografi de önemlidir, ancak bir web sitesinin renk seçimi kötü ve insan gözüne rahatsızlık verici ise, o zaman ziyaretçiniz GERİ düğmesine mümkün olan en kısa sürede basacaklardır.

Umarım yukarıdaki kaynakların size bir faydası dokunur.

Hepinize 2009 için iyi dileklerimle.

Kaynak: styl.eti.me

ilgili yazılar

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

Xerox’tan renk dili

delldd — Sat, 14 Jul 2007 19:38:00 GMT

Geoffrey Woolfe

Xerox, dijital doküman veya resimler üzerinde Photoshop veya her hangi bir grafik editörü kullanmadan sesli veya yazılı komutlar ile renk değiştirebilmeyi sağlayan bir teknoloji geliştirdi.

Xerox’un renk dili adını verdiği bu teknoloji ile teknik bilgi gerektiren yazılımlar kullanmadan, bilgisayara verilecek ''çimen yeşili yap'', ''limon sarısına dönüştür'', ''bayrak kırmızısı olsun'', ''koyu mavi yap'', ''uçuk pembe olsun'' gibi sesli veya yazılı komutlarla görüntülenen renklerin değiştirilebilecek.

Keşif ve teknoloji grubu bilim adamı Geoffrey Woolfe insanların günlük hayatta kullandıkları renk tariflerinin bir haritasını çıkartarak, özel bir renk kodu tanımlamış elde ettiği bilgilere, algoritmik yapıda matematiksel kodlara çevirebilen Geoffrey Woolfe renk dili adı verilen dili oluşturmuş.

Xerox bu teknoloji bilgisayar sistemleri yanı sıra renkli yazılara entegre etmek istiyor, böylece siyah beyaz bir resmi isteğimiz şekilde renklendirip çıktı alabileceğiz.

Xerox Türkiye basın duyurusu

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

Renk Kullanımı ve Renk Araçları

ceyhun aksan — Sun, 15 Apr 2007 12:31:00 GMT

Tasarım alanında en çok göz ardı ettiğimiz ancak en önemli konulardan biridir renk kullanımı ve kullanılan renklerin uyumluluğu. Bu konuda bir çok yazı -derleme- mevcut.

Bu yazılardan biri de elogodesign tarafından hazırlanmış.

Renk kullanımı ile ilgili yazılardan, web tabanlı ya da indirilebilir renk programlarına bir çok başlık altında konunun yer aldığı yazıya buradan ulaşılabilir.

Yok mu bunun türkçesi diyenlere de 1, 2 yazı önerebilirim.

ilgili yazılar

Bu yazı ceyhun aksan 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