bildirgec.org - nurgulsatir - beğendikleri

psd'den css/html'e tasarım çevirme

nurgulsatir — Tue, 21 Apr 2009 16:15:00 GMT

daha önce photoshop site tasarım dersleri ve photoshop site şablonları yazılarında site tasarımında photoshop'tan nasıl istifade edebileceğimize dair kaynaklar vermiştik. o yazılardan ediğindiğiniz şablonları ya da sizin photoshop kullanarak oluşturduğunuz tasarımları html'e nasıl uyarlayacağınıza dair anlatımlar da şurada listelenmiş.

Bu yazı nurgulsatir 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 iyi 10 jquery slider eklentisi

nurgulsatir — Sat, 18 Apr 2009 07:01:00 GMT

jquery için hazırlanmış bu eklentiler ile web sayfanıza oldukça kolay ve kullanışlı slider'lar (kaydırma) ekleyebilirsiniz.

Accessible News Slider

jQuery.spinTheWheel.js

News Ticker Pro

Stinky Slider

CrossSlide

kaynak: ajaxline

takip edin: bildirgeç friendfeed rss

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

Sitenize Twitter Ekleyebilmenin 10 Yolu

nurgulsatir — Tue, 31 Mar 2009 06:38:00 GMT

Sosyal medya deneyimi olan web geliştiricileri günümüzde oldukça talep görüyor. Twitter üzerinde pazarlama stratejisi olan bir firmaya, Twitter üzerindeki tüm girişimlerini destekleyen bir web sitesi sunabileceğinizi bir düşünün. Ne güzel olurdu değil mi? Web geliştiricilerinin herhangi bir web sitesini Twitter ile etkileşimli hale getirmek için pek çok araç mevcut ve inanın bana, müşterileriniz bu araçları çok sevecekler.

Siteleri Twitter ile bütünleştirmekiçin bugünden daha iyi bir zaman yok. Yazının devamında bulacağınız 10 yöntem ile site içeriğinizi ve ziyaretçilerinizi Twitter ile bütünleştirebileceksiniz.

1. Twitter Widgets

Eğer sitenizi en basitinden Twitter ile bütünleştirmek istiyorsanız, o zaman bunun için ilk yapmanız gereken en temel şey Twitter widgetlerini sitenizin yan çubuğuna eklemek olmalıdır. Her ne kadar bu widget'in görünümü pek güzel olmasa da, en son gönderdiğiniz tweetleri web sitenizde görüntüleyebilirsiniz. Bu yöntem sayesinde ekranınızda çok fazla yer kaplamadan en son gönderdiğiniz tweetlerinize ziyaretçilerinizin ulaşabilmelerini sağlayabilirsiniz. Twitter eklentileri neredeyse tüm siteler ve bloglar üzerinde kullanılabilir.

Twitter Widgets

2. Twitter Düğmeleri

Twitter Düğmeleri (Twitter Buttons) web sitesi, Twitter hesabınızı siteniz üzerinden tanıtabilmek için kullanabilecek bir dizi düğmeyi ücretsiz olarak sunmaktadır. 40'ın üzerinde iyi tasarlanmış, farklı şekillerde ve boyutlardaki Twitter düğmelerinden dilediğinizi seçebilirsiniz. Bu site ayrıca herhangi bir programlama bilgisine sahip olmanızı da gerektirmiyor zira sitenize yerleştirmeniz gereken HTML kodunu da her bir Twitter düğmesinin altına yerleştiriyor.

Twitter Düğmeleri

3. Twitter Araçları

Blog yazılım dünyasındaki WordPress hakimiyeti sağolsun, pek çok kullanıcı Alex King'in mükemmel Twitter Araçları eklentisini kullanarak Twitter'ı sitelerine dahil ediyor. WordPress için Twitter İsveç Çakısı olarak nitelendirilebilen bu eklenti, Twitter'la bütünleşmemiş herhangi bir bloga neredeyse sınırsız bütünleşme sağlayabiliyor. Bu eklenti sayesinde yapabilecekleriniz:

Tweetlerinizin her biri ile yeni bir blog yazısı oluşturmak
Günlük Tweetlerinizin yer aldığı bir blog oluşturmak
Blogunuza yeni bir yazı girdiğinizde otomatik olarak yeni bir Twitter oluşturumu
Yan çubuk üzerinden yeni Tweet gönderimi
API askısı sayesinde tweetlerinizin diğer servislere aktarımı

... ve çok daha fazlası.

Twitter Araçları

4. TwitThis

Twitter çok güçlü bir tanıtım aracıdır. Tanınmış pek çok Twitter kullanıcısının binlerce takipçisi bulunmaktadır. Bu tip Twitter kullanıcıları aracılığı ile sitenize inanılmaz sayıda ziyaretçi çekebilirsiniz. Sizin Tweet'inizi alıp kendi takipçilerine gönderebilme olasılığını da göz önüne aldığınızda bunun gerçekleşmesi durumunda oldukça güçlü bir sosyal pazarlama aracı ile karşı karşıya kaldığınızı fark edeceksiniz.

TwitThis sitenize ya da blog şablonunuza dahil edebileceğiniz bir düğme olup, ziyaetçilerinizin site ya da blog içeriğinizi onların kendi takipçileri ile paylaşabilmelerini kolaylaştırır. HTML düğmesinin yanısıra kullanıcılar ayrıca yer imleri çubuğuna ekleyebilecekleri bir bağlantı aracılığı ile diledikleri herhangi bir web içeriği hakkında da tweetleyebilirler. İlgili servis için ayrıca bir WordPress eklentisi de bulunmaktadır.

TwitThis

5. TweetSuite

TweetSuite Twitter API'sini bir blog eklentisi üzerinde en etkin biçimde kullanan örneklerden bir tanesi. TweetSuite bir WordPress eklentisi olup Twitter API'si aracılığı ile o anki sayfaya referans veren Tweetleri sitenizde listeleyebilir. Yorumlamaya bir başka yaklaşım katan bu eklenti, yeniden Tweetle ya da popüler "Digg this" benzeri bir düğmeyi de sitenize ekleyebilir.

TweetSuite

6. Chirrup

TweetSuite şimdilik sadece WordPress blogları için geçerli olsa da Twitter yorumlarını herhangi bir platforma dahil edebilen bir çözüm daha mevcut: Chirrup. Chirrup, TweetSuite gibi herhangi bir web sayfasına bağlantı veren Tweetleri listelemeniz mümkün. Bunun için tek yapmanız gereken sitenize bir JavaScript kodu eklemek. Chirrup, bir PHP/JavaScript programı olup yerel sistemlerde barındırılabilen ve çalışması için tek yapılması gereken şey, ilgili web sayfasına küçük bir JavaScript kodu eklemek. Bunun anlamı herhangi HTML tabanlı bir web sayfası artık Twitter tabanlı bir yorumlama sistemi kullanabilir. Özellikle Twitter dünyasına giriş yapmak isteyen kişiler için bu yöntem çok önemli bir pazarlama potansiyeline sahip.

Chirrup

7. Tweet This

Tweet This bir WordPress eklentisi olup TwitThis'e benzer özelliklere sahip ancak biraz daha fazlasını sunuyor. TweetThis, bir web sitesinin ya da blog girdisinin URL'sini, URL kısaltma servisi ile kısaltarak Tweetleyebilmenizi sağlar, onun yanısıra servisin görünümünü tümüyle özelleştirebilmenizi sağlar.

Tweet This

8. IntenseDebate

IntenseDebate web üzerindeki en başarılı üçüncü parti yorumlama sistemlerinden bir tanesi. Servis, içiçe geçmiş yorumları, kullanıcı sistemi ve puanlaması, mükemmel tasarımı ve kolay kurulumu ile adından söz ettiriyor. IntenseDebate'nin bir diğer önemli özelliği ise yeni bir yorum eklediğinizde Twitter'i uyarabilmesi.

IntenseDebate

9. Aweber

Elektronik posta pazarlama özellikleri ile Aweber özellikle pazarlama bültenleri gönderenler için mükemmel bir araç. Aweber sayesinde bu bültenleri bültenleri tweetleyebilmek. Bu bülten teslimat hizmeti ilk olarak RSSleri elektronik postaya, onları da Tweetlere dönüştürebilir.

Aweber

10. Twitterfeed

Son olarak web sitesini Twitter ile bütünleştiren bir diğer popüler uygulama ise Twitterfeed. Twitterfeed, herhangi bir RSS beslemesi üzerinde Tweetleyebilmenizi sağlar. Pek çok blog bu özelliği, Twitter üzerinden kendilerini takip edenleri sitelerindeki yeni içerik hakkında bilgilendirmek için kullanmaktadır. Oluşturulan tweetlerin tasarımını tercihlerinize göre de özelleştirmeniz mümkün.

Twitterfeed

Twitter İle İlgili Yazdığım Diğer Yazılar

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

70 adet harika photoshop eğitimi ve kaynağı

nurgulsatir — Fri, 27 Mar 2009 19:14:00 GMT

Photoshop'un sunmuş olduğu nimetlerin tasarımcılar için önemi tartışılmaz. burada 70 tane Photoshop kaynağı ve eğitim alabileceğiniz siteler sıralanmış. oldukça zengin bir kaynak...

Photoshop Eğitim Siteleri:
1-Psdtuts

2-Tutorial9

3-PSDFAN

4-Photoshop Ninja

5-PSHERO

6-You Suck at Photoshop

7-PSD learning

8-Luxa

9-Loon Design: Tutorials

10-Photoshop Tutorials

11-PSDtop

12-PS Lover

13-Photoshop 101
14-Good-Tutorials: Photoshop Section
15-Photoshop Roadmap
16-Photoshop Star
17-Planet Photoshop: Tutorials
18-Pixel2Life: Photoshop Tutorials
19-Voidix
20-Vunkysearch
21-Photoshop Contest: Tutorials
22-Abduzeedo: Photoshop
23-PSD Vault
24-Worth1000: Photoshop Tutorials
25-Photoshop Lab
26-Tutorialman
27-Photoshop Lady

Photoshop Eğitim Koleksiyonları:
28-50 Great Photoshop Tutorials for Clever Beginners

29-40 Icon Tutorials for Photoshop

30-Adobe Photoshop: 50 High Quality .PSD Files and Tutorials

31-Best Photoshop Tutorials, Brushes and Textures of February 2009
32-70 Sexy, beauty and glamour Photoshop tutorials
33-60 High Quality and Free Photoshop Tutorials

Photoshop Brushes(Fırçaları):
34-Brusheezy

35-PSBrushes

36-Brushking

37-myPhotshopBrushes.com
38-Obsidian Dawn: Brushes
39-Qbrushes
40-Fbrushes
41-Designersbrush
42-Gfxfever
43-Getbrushes
44-Inobscuro: Brushes
45-Photoshop Brushes from Adobe

Photoshop Patterns and Styles(desenler ve stiller):
46-Free4photoshop

47-Designerpie
48-Free Photoshop Patterns
49-Photoshop Patterns from Adobe

Photoshop Brush, Gradients and Pattern Collections(Fırça, geçişler ve Desen Kolleksiyonları):
50-100 Awesome High Resolution Photoshop Brushes

51-Splatter and Watercolour Brushes For Photoshop

52-The Ultimate Collection Of Free Photoshop Patterns

53-50 Free Photoshop Pattern Sets
54-498 Photoshop Background Patterns, and so much more
55-300+ Vintage Style Textures and Photoshop Brushes
56-Web 2.0 Gradients
57-15 Sites to download Free PSD files

Photoshop Actions(eylemler):
58-The Ultimate Collection Of Useful Photoshop Actions

59-124+ Free Photoshop Actions to Boost Your Designs
60-400+ Time Saving Photoshop Actions
61-Free Auto Tilt-Shift Photoshop Action

Photoshop Plugins(eklentiler):
62-720 Free Photoshop Plugins And Filters

63-List of Top 10 Free Adobe Photoshop Plugins
64-25 of the Best FREE Photoshop Plugins and Filters Resource Sites
65-Couple of Free Photoshop Plugin
66-Free Photoshop Plug-ins Collection

Tutorials on Extending Photoshop(Photoshop genişletme eğitimleri):
67-How To Make A Photoshop Brush

68-Photoshop Tutorial: Creating custom pattern
69-Photoshop Shapes: Create Your Own Photoshop Custom Shapes
70-Create A Photoshop Action To Watermark Your Images

kaynak: sixrevisions

takip edin: bildirgeç friendfeed rss

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

17 Kullanışlı Wordpress Eklentisi

nurgulsatir — Fri, 27 Feb 2009 11:09:00 GMT

internet üzerinde binlerce wordpress eklentisi bulunmaktadır. bunlardan bazıları kullanışlı iken, diğerleri sadece olmuş olmak için oradalar. ancak blog okurlarınıza büyüleyici ve mükemmel bir deneyim yaşatmak ve wordpress blogunuzu daha güçlü bir hale getirmek için eklenti kullanıp kullanmamanız tamamen sizin elinizde.

bu yazıda, herhangi bir blog için kullanışlı ve muhtemelen olmazsa olmaz 17 wordpress eklentisini listelemeye çalıştım.

eğer sizin de kullandığınız ve bu yazıda yer almayan wordpress eklentileri varsa, yorumlarınızda ilgili eklentileri paylaşmayı unutmayın.

wordpress popüler yazılar

wp-gravatarwordpress popüler yazıları bir yan bar widget'i olup blogunuzdaki en popüler yazıları listeleyebilmenizi sağlıyor. eklentiye dahil edilmiş olan pek çok özelleştirme seçeneği sayesinde eklentinin görünümünü dilediğiniz gibi özelleştirebilirsiniz.

ultimate google analytics

wordpress temanızda herhangi bir değişiklik yapmadan google analytics javascript kodunu blogunuzdaki her sayfaya ekleyebilmenizi sağlayan bir eklenti. eklenti ayrıca sitenizdeki dışa yönelik bağlantıları, sitenizden indirilen içerikleri ve mailto: bağlantılarını da izleyebilir.

wp-postratings

wordpress blogunuzdaki yazılara ve sayfalara ajax oylama sistemi ekleyen bir eklenti.

wp-recaptcha

wp-recaptcha, carnegie mellon üniversitesi tarafınca geliştirilen ve captchaları zeki bir şekilde kullanan bir yöntem. standart captcha eklentilerinin aksine bu eklenti, captcha'ya bir başka yaklaşım sunuyor.

bir diğer benzer yazılar eklentisi daha

yet another related posts plugin, geçerli olan sayfanın içeriğine benzer bir içeriğe sahip yazıları ya da sayfaları listeleyerek, okurlarınızın sitenizde daha fazla zaman geçirmesine yardımcı oluyor.

ajaxlanmış wordpress

ajaxlanmış wordprewss (awp), ajax'ın ve wordpress'in gücünü bir araya getirerek kullanıcı deneyimini, yönetim seçeneklerini ve wordpress tabanlı herhangi bir blogun tasarım potansiyelini iyileştirmeyi amaçlıyor.

commentluv

yorum yazanların kendilerine ait en son bloguna bir bağlantı vererek onlara sevginizi gösterin. bu eklenti, sitenize üye olup yorum yazan kişilerin yorum yazdıkları sırada onların blogunu ziyaret edip en son yazdıkları blogun başlığını ve bağlantısını alıyor ve yorumun altına yerleştiriyor.

cforms

cforms yüksek derecede özelleştirilebilir, geliştirilebilir ve güçlü bir form oluşturma eklentisi olup pek çok alanda kullanım olanağı sunuyıor. eklenti aracılığı ile oluşturacağınız formlarda eklenti desteği yer alırken, birden fazla formu yönetebilir ve yine birden fazla formun aynı sayfada yer almasını sağlayabilirsiniz.

all in one seo pack

wordpress blogunuz için otomatik arama motoru optimizasyonu.

flexible upload

flexible upload wordpress eklentisi sayesinde wordpress'in temel seviyedeki gönderme (upload) seçeneklerini özelleştirebilirsiniz. eklenti, gönderilen resimleri sizin belirlediğiniz seviyede yeniden boyutlandırabilir ve dilerseniz gönderilen resimlere dilediğiniz yazıyı otomatik olarak ekleyebilir (watermark).

add to any subscribe button

aralarında google reader, my yahoo!, netvibes, windows live ve diğer tüm popüler besleme okuyucularını kullanarak okurlarınızın blogunuza kolay yoldan abone olabilmelerini sağlıyor. eklentinin akıllı menüsü, ziyaretçinin tarayıcı geçmişini otomatik olarak kontrol ediyor ve en sık ziyaret ettikleri siteleri otomatik olarak en üst sırada görüntülüyor.

wp super cache

wp super cache wordpress için bir statik sayfa oluşturma eklentisidir. blogunuzdaki tüm sayfaların otomatik olarak html sürümlerini oluşturarak sunucunuzun her bir ziyaretçi için php betiklerini çalıştırmasının önüne geçiyor ve bu sayede blogunuzun hızında önemli bir artış gözleniyor. özellikle çok sayıda ziyaretçisi olup sunucusunun hızından memnun olmayan wordpress blogcuları için kullanışlı.

wp gravatar

bu eklenti gravatar, mybloglog, openavatar, wavatar, identicon, monsterid ya da diğer favico.ico simgelerini yorumlarınızda kullanmanızı sağlıyor. eklentinin yapabildikleri bu kadarla da sınırlı değil. daha fazlası için eklentinin sayfasını ziyaret edin.

google xml sitemaps

bu eklenti google sitemaps uyumlu xml-sitemap oluşturabilmenizi sağlıyor. tüm wordpress tarafından oluşturulmuş sayfaların yanısıra özel sayfaları da destekliyor. siz herhangi bir yazıyı düzenlediğiniz ya da blogunuza yeni bir yazı yazdığınız zaman, ilgili eklenti sitemap dosyanızı güncelliyor ve sitemap protokolünü destekleyen ask.com, google, msn search ve yahoo! gibi sitemap protokolünü destekleyen tüm arama motorlarını sitenizdeki güncellemeler hakkında uyarıyor.

get recent comments

bu eklenti sitenizden en son yorumları ya da geri izlemeleri yan çubuk (sidebar) üzerinde görüntülüyor. i̇lgili bağlantıların nasıl görüneceğine dair ileri seviyede özelleştirme seçenekleri sunulmuş. bu seçeneklerin arasında yorum sayısı ve yorumların genişliği gibi seçenekler yer alıyor. ayrıca yorumları dilerseniz tarihe ya da yazı sırasına göre dizebilirsiniz.

twitme

bu eklenti sayesinde blog yazdığınız zaman yazdığınız blog otomatik olarak twitter hesabınıza durum mesajı olarak ekleniyor.

easy adsenser

easy adsenser eklentisi google adsense reklam kodunu wordpress blogunuza kolayca entegre edebilmenizi sağlıyor. eklentinin sunduğu widget aracılığı ile reklamları yan çubuk üzerine ekleyebilir ya da bir diğer widget ile google arama kutusu'nu blogunuz üzerinde görüntüleyebilirsiniz. easyadsenser, adsense ile alakalı her şeyi yönetmenize ve blogunuza entegre edebilmenize yardımcı olan belki de ilk wordpress eklentisi.

kaynak:: smashing apps

wordpress i̇le i̇lgili yazdığım diğer yazılar

Bu yazı nurgulsatir 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ımı i̇çin ücretsiz simgeler ve psd kaynakları bulabileceğiniz 45 site

nurgulsatir — Fri, 27 Feb 2009 07:50:00 GMT

web tasarımı i̇çin ücretsiz simgeler ve psd kaynakları bulabileceğiniz 45 site

bu listede yüksek kalitede pek çok psd dosyası ve ücretsiz simge bulacaksınız. bunun yanısıra daha kolay simge oluşturmak için photoshop katman stilleri ve ücretsiz içeriğe odaklanmış sitelere de yine bu yazımda yer vermeye çalıştım. kimileri, simgeleri kendinizin oluşturmasının daha iyi olduğunu söyleyebilirler ancak bana göre, halihazırda ücretsiz olarak sunulan bir şeyi yeniden oluşturmanın; tabir-i caizse tekerleği yeniden icat etmenin alemi yok. ayrıca bu yazıda yer alan psd dosyaları da ilgili simgelerin nasıl oluşturulduğunu anlamanız için size bir ipucu olabilirler.

yazının devamına geçmeden önce bu simgeleri ya da diğer içeriği kullanmadan önce her bir kaynağın lisans koşullarına bir göz atmanızda yarar olduğunu hatırlatayım.

1. famfamfam

aslında bana kalırsa bu site, listedeki en iyi kaynak. bu yüzden ben de bu siteye listenin ilk sırasını verdim. site üzerinde sayısız simgeye ulaşmanız mümkün. üstelik simgeleri kendi web sitenizde de kullanabilirsiniz. i̇yi kalite, küçük dosya boyutu... daha ne ister insan?

2. 2 düğme psd'si ~ easydisplayname

3. psd kaynak paketi ~ deluxive

4. deluxive creative pack ~ deluxive

5. slash n flash düğmeleri psd ~ el3ment4l

6. çeşitli cam stil setleri ~ allhopeislost

ayrıca photoshop dosyalarını da ekledim, bu sayede ilgili cam efektlerini dilediğiniz element üzerine uygulayabilirsiniz. ayrıca simge oluşturmak ve elementlerine cam efekti eklemek isteyenler için ideal.

7. designer's delight style set ~ allhopeislost

8. çeşitli cam stil setleri 2 ~ allhopeislost

9. pin pictures psd ~ godspeed

fotoğraflarınızı sunabilmek için güzel bir yöntem.

10. gems psd ~ niccey

11. aero avatar and sig psd ~ fastnfurious

12. glass orb styles ~ kjherstin

13. template psd pack ~ tyr4nt

14. preview icon template ~ whyred

15. star sticker psd ~ matu666

16. radium neue icons 5 psd ~ gakuseisean

17. vista flare orb ~ frnak

18. psdfox ~ vathanx

19. radium icon psds ~ gakuseisean

20. office cork board version 1 ~ jakekimpton

21. refraction sphere by gusti-boucher

22. world orb icon psd ~ keitaru-san

23. psd avatar pack ~ eupholic

24. ivista icon psds ~ gakuseisan

25. globe resource psd ~ sneakytomato

26. iconice simge seti ~ dangeruss

27. glass video playback buttons ~ birofunk

28. login panel psd by sundox

29. free brush illustration by lorddarq

30. paperbag template psd by mangion

31. icons psd by igorka

32. free sponsor advertise buttons ~ grafon

33. windows button psd ~ vicing

34. free psd simgeleri (24 simge)

35. dezinerfolio: on-stage free vector psd icon set

36. dezinerfolio

37. computer icon + tutorial ~ gakuseisan

38. photoshop i̇çin psd biçiminde ücretsiz web şablonları / elementleri

bu site gerçekten yüksek kalitede simgeler, düğmeler, damgalar, arkaplanlar ve şablonlar sunuyor. kesinlikle kontrol etmeye değer.

39. sweetie

sevimli ve sade bir görünüme sahip olan bu simgeler özellikle web uygulamaları için ideal. 219 simgeyi içeren bu paketteki simgeleri hem bireysel hem de kurumsal projeleriniz için kullanabilirsiniz.

40. honeycomb patterns ~ c130

41. iconspedia

tamamen ücretsiz simgelere kendini adamış bir site. siz yine de simgeleri kullanmadan önce indirdiğiniz paketin kullanım koşullarına bir göz atın, özellikle kurumsal projelerinizde kullanmayı düşünüyorsanız.

42. developer icons by sekkyumu

43. 135 vector simge

44. web 2.0 damgaları

ve son olarak siz de web 2.0 damgalarınızı oluşturmak istiyorsanız bu siteyi kullanabilirsiniz.

kaynak: 1st web designer

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

33 Artistik Site

nurgulsatir — Wed, 25 Feb 2009 12:00:00 GMT

Milyonlarca farklı tasarımda internet sitesi var. Bu farklılıklar ziyaretçilerin ilgisini çekebilmek için yapılan çalışamalar sonucunda ortaya çıkmıştır.
Öyle internet site tasarımları vardır ki tam bir sanat eseri. Web Designer Wall sitesi yazarı kendisine ilham veren 33 sanat eseri sitenin derlemesini yapmış.

İşta onlardan bir kaçı;

apparelidea.com

biola.edu/undergrad

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

50 Minimalist Site

nurgulsatir — Wed, 25 Feb 2009 16:42:00 GMT

Daha önce Web Designer Wall sitesindeki web site derlemelerini sizlerle paylaşmıştım. Bu paylaşımlarda ziyaretçinin ilgisini çekebilmek için renklerin ve grafiklerin etkileyici bir biçimde kullanıldığını web site örnekleriyle gördük. şimdiki derlemede dikkat çekmek için kullanılan teknik bir obje veya renk degil, boşluk.

İşte boşlugu en iyi kullanan web siteleri;

tamamı burada.

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

Çevrimiçi CSS Araçları Listesi

nurgulsatir — Tue, 24 Feb 2009 19:38:00 GMT

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

CSS Type Set

CSS Type Set sayesinde tasarımcılar ve geliştiriciler, sitelerinde kullanacakları metin bloklarının çeşitli CSS değerleri kullanıldığında nasıl görüneceğini eş zamanlı olarak görüp en doğru tercihi yapmalarına yardımcı oluyor.

Font Tester

Font Tester bir diğer ücretsiz çevrimiçi yazıtipi karşılaştırma aracı. Çeşitli CSS yazıtipi stilleri atanmış farklı yazıtiplerini yan yana karşılaştırmanıza olanak sağlıyor.

PXtoEM Conversion

Pixel değerlerini EM'e dönüştürebileceğiniz bir diğer kullanışlı araç. BODY etiketine atadığınız yazıtipi boyutunu pixel olarak girin ve site size farklı em değerlerini içeren tabloyu versin. Gerçekten kullanışlı.

CSSTXT

Metinlerinize stil atayabileceğiniz bir başka uygulama.

CSS Anahat Oluşturucuları

YUI - CSS Grid Builder

CSS Izgara Oluşturucusunun basit web tabanlı arayüzü sayesinde YUI'nin CSS dosyalarına bağlı dilediğiniz sayıda anahattı kolayca oluşturabilirsiniz.

YAML Builder

YAML tabanlı CSS anahatları oluşturabileceğiniz bir görsel anahat oluşturucusu.

iStylr

Çevrimiçi CSS Şablon Oluşturucusu.

Grid Designer

Izgaralar ve Tipografiler oluşturabileceğiniz bir araç.

CSS Oluşturucusu

Bu oluşturucusu sayesinde esnek ya da sabi genişliğe sahip yüzen sütunlu anahatlar oluşturabilirsiniz. Site 3 adede kadar sütun, başlık ve altlık içeren anahatları destekliyor. Değerler pixel, em ya da yüzde olarak girilebilir.

Drawable Markup Language

Web sitenizin kodunu neredeyse çizebilmenize olanak sağlayan bir uygulama.

CSSMate

İnteraktif çevrimiçi CSS düzenleyicisi CSSMate sayesinde CSS stilleri oluşturabilirsiniz.

QrONE CSS Designer

CSS Stil düzenleyicisi.

CSS Frame Generator

XHTML altyapınız üzerinde CSS çerçeveleri oluşturabileceğiniz basit bir araç.

XHTML/CSS Markup Generator

XHTML/CSS kodlama hızınızı ilerletmeye yardımcı olacak bir uygulama.

Sky CSS Tool

Sky CSS neredeyse hiç kod yazmadan CSS sınıfları oluşturabilmenizi sağlıyor.

CSS Creator - CSS Generator

CSS Creator, web sayfanız için bir stil seçebilmenizi sağlıyor.

CSS Grid Calculator

CSS Izgara Hesaplayıcısı'nı kullanarak sayfa anahattınızı çabucak görselleştirebilir ve çeşitli yollar kullanarak ızgaralar çizebilirsiniz.

CSS Generator

Bu araç basit bir stil şablonu oluşturabilmenizi sağlıyor.

Dynamic 3 Column Layout Generator

3 sütunlu anahatlar oluşturabilmenizi sağlayacak kullanışlı bir araç.

Construct Your CSS

WYSIWYG anahat düzenleyicisi. Semantic ve tablo kullanmadan.

Blueprint Grid CSS Generator

Bu araç, Blueprint'in grid.css, compressed.css ve grid.png dosyalarının özelleştirilebilir sürümlerini oluşturabilmenizi sağlıyor.

CSS Çatıları

Blueprint

Blueprint bir CSS çatısı olup CSS geliştirirken harcadığınız zamanı azaltmayı hedefliyor.

Yet Another Multicolumn Layout

Yet Another Multicolumn Layout (YAML), bir diğer (X)HTML / CSS çatısı olup modern ve özelleştirilebilir yüzen anahatlar oluşturabilmenizi sağlıyor. Yapısı, programlamasında son derece değişken ve son kullanıcılar için tümüyle erişilebilir.

Hartija - CSS Print Framework

Web yazdırması için kullanılabilecek evrensel CSS çatısı.

Elements

Tasarımcıların daha hızlı CSS yazabilmeleri ve daha verimli olabilmeleri için geliştirilmiş.

960 Grid System

960 Izgara Sistemi web geliştirmesi sırasında harcayacağınız zamanı, 960 pixellik genişliğe dayalı sık kullanılan ölçüler kullanarak kısaltmayı hedefliyor.

Logic CSS Framework

Logic CSS çatısı bir dizi CSS dosyası ve PHP aracından oluşmuş, web standartları ile uyumlu xHTML anahatları oluştururken geçirdiğiniz zamanı kısaltmayı hedefleyen bir uygulama.

SenCSs

SenCSs sayesinde anahat dışındaki her şey için standart CSS dosyasını kullanabilirsiniz.

Tripoli

Tripoli, HTML işleme için geliştirilmiş bir CSS standardıdır. Tarayıcı standartlarını sıfırlayıp yeniden inşa ederek, web projeleriniz için çapraz tarayıcı uyumlu bir temel üzerinde web projelerinizi inşa edebilmenizi sağlar.

BlueTrip CSS Çatısı

BlueTrip web sitesi inşa edebilmek için bir dizi stil ve yöntem sunarak, işin zaman harcatan kısmını geçip projenize odaklanabilmenizi sağlıyor.

Grids CSS

Yahoo! tarafından geliştirilen ve dört ön tanımlı sayfa genişliği, altı ön tanımlı şablon ve dört sütuna kadar alt-bölümleri içeren anahatları geliştirebilmenize olanak sağlayan bir CSS çatısı. Oldukça kapsamlı ve genişletilebilir.

Biçimleyiciler, İyileştiriciler ve Sıkıştırıcılar

Code Beautifier

Çevrimiçi CSS biçimleyicisi ve düzenleyicisi.

Clean CSS

CSS'nizi farklı sıkıştırma ayarları kullanarak optimize edebilmenizi ve biçimlendirebilmenizi sağlıyor. Bu araç sayesinde okunması daha kolay CSS kodlarına ulaşabilirsiniz.

CSS SuperScrub

Bu araç CSS'nin karmaşıklığını gereksiz içeriği silerek, önemsiz kodları kaldırarak ve geri kalan element isimlerini zeki bir şekilde gruplayarak azaltmayı hedefliyor.

Online CSS Optimizer

Çevrimiçi CSS İyileştiricisi sayesinde CSS dosyalarınızın dosya boyutunu azaltabilirsiniz.

CSS Drive Gallery - CSS Compressor

İhtiyacınıza göre değişen 3 farklı sıkıştırma ayarından birini seçerek CSS dosyalarınızı sıkıştırabilirsiniz.

Online CSS Optimizer

Bir başka çevrimiçi CSS iyileştiricisi, CSS kodunuzun dosya boyutunu azaltmayı hedefliyor.

Robson - CSS Sıkıştırıcısı

Bu CSS sıkıştırıcısı stil şablonlarına önemli değişiklikler uyguladığından ve henüz geliştirme aşamasında olduğundan, bazı CSS dosyalarında verimli çalışmayabilir.

FlumpCakes - Çevrimiçi CSS İyileştiricisi

Bu araca yükleyeceğiniz CSS dosyası işleniyor ve gereksiz tüm kodlar kaldırılarak daha temiz bir koda ulaşmanız sağlanıyor.

Format CSS Online

CSS'nizi otomatik olarak biçimlendirerek onu daha kolay okunur ve düzenlenebilir hale getirin.

PrettyPrinter

Çevrimiçi kod güzelleştiricisi.

Tabifier

Tabifier sayesinde bilgisayar kodunuzu daha okunaklı hale getirebilirsiniz.

Doğrulama

W3C CSS Doğrulama Servisi

W3C CSS Doğrulama Servisi, web tasarımcılarının ve web geliştiricilerinin CSS dosyalarını kontrol edebilmelerini sağlıyor.

CSS Analyser

Bu servis CSS dosyalarınızın doğruluğunu W3C'nin doğrulama servisi üzerinden kontrol edip, bunun yanısıra kontrast testi ve boyut testi gibi bazı farklı testleri de uyguluyor.

CSS Redundancy Checker

HTML dosyalarınızda kullanılmayan CSS seçicilerini bulmak için kullanabileceğiniz bir araç.

CSS Formları

JotForm

İlk WYSIWYG Form Oluşturucusu. Tarayıcınızı kullanarak web formları oluşturun ve yayımlayın.

Wufoo

Wufoo, web üzerinden bilgi toplamanızı kolaylaştırıyor.

FormSmarts

FormSmarts üzerinden formlar oluşturup onları yayımlayarak ziyaretçilerinizden çeşitli alanlarda bilgi toplayabilirsiniz.

FormAssembly

Web Formları Oluşturun ve sorularan verilen yanıtları toplayın.

Navigasyon

CSS Menu Builder

Web standartları ile uyumlu XHTML / CSS menüleri oluşturun.

CSS Menu Generator

CSS Menü Oluşturucusu sayesinde ortalama bir web yöneticisi, çapraz tarayıcı uyumlu web site menüleri oluşturabilir.

TabCreatr

Ücretsiz CSS Menü Oluşturucusu.

CSS Sıfırlama

Reset CSS

Sıfırlama stil şablonlarının hedefi, farklı tarayıcılar arasındaki tutarsızlıkları gidermektir. Bunlar arasında öntanımlı satır yükseklikleri, marjlar ve başlıkların yazıtipi boyutları gibi elementler yer alır.

Yahoo! UI Kütüphanesi: Reset CSS

Yahoo!'nun sunduğu bu CSS sıfırlaması da farklı HTML elementleri arasındaki tutarsız CSS stillerimini sıfırlayarak daha tutarlı web siteleri inşa edebilmenizi sağlıyor.

Master Stylesheet: En Kullanışlı CSS Tekniği

Temel bir stil şablonu.

Boş CSS Anahatları

168 Adet Izgara ve CSS Anahat Kolleksiyonu

Bu CSS anahatları tüm A sınıfı tarayıcılar için desteği içeriyor. Bunun anlamı tüm bu örneklerin Internet Explorer 6, Internet Explorer 7, Firefox, Opera, Safari ve diğerlerinde aynı şekilde görünecek olması.

42 Adet Sahte Sütunlu CSS Anahatları

53 Adet Sabit Genişlikli CSS Anahatları

___layouts

___layouts dosyası dilerseniz tam yakınlaştırma desteğine sahip ya da sabit genişliğe sahip beş adet ön tanımlı şablonu içeriyor.

The Only CSS Layout You Need

Tamamı aynı HTML dosyasını kullanarak oluşturulmuş 10 farklı anahattı ve örnek sayfalarını içeren bir anahat.

Little Boxes

Tarayıcı bazlı CSS sorunları için hileler.

Diğer Araçlar

PSD 2 CSS Online

Saniyeler içerisinde Photoshop tasarımlarınızdan dinamik web sayfaları oluşturun.

Conditional CSS

Bu araç sayesinde belirli tarayıcıları hedefleyen CSS kodları yazabilirsiniz.

CSS Evolve

Bu araç sayesinde bir web sitesinin rengi, şeması, yazıtipleri, sınırları gibi elementleri üzerinde oynayabilirsiniz.

CSS Text Wrapper

CSS Text Wrapper sayesinde bir HTML metnininin düz köşeleri olmayan bir görseli sarmalamasını sağlayabilirsiniz.

The Box Office

Yukarıdaki araçla aşağı yukarı aynı işlemi yapan bir başka uygulama.

Eğer sizin de bu listede yer almayan ancak faydalı olduğunu düşündüğünüz bir CSS aracı varsa yorumlarınızda belirtmeyi ihmal etmeyin.

Kaynak: Back to Essentials

CSS İle İlgili Yazdığım Diğer Yazılar

Yazılarımı RSS İstemcisi Üzerinden Takip Etmek İçin Buraya Tıklayın

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

16 Twitter, Blogger ve Wordpress Wallpaper'ları

nurgulsatir — Tue, 24 Feb 2009 12:36:00 GMT

Grafik tasarımcılar hiç boş durmuyor ve sürekli yaratıcı birşeyler üretmeye devam ediyorlar. Bu yazımızda 3 popüler servis olan Blogger, Wordpress ve Twitter için yapılmış olan göz alıcı wallpaper'lara değineceğiz. İşte tasarım harikaları:

Hongkiat

Datsun (Flickr)

semilla.geo (Flickr)

ewallpapers

Chethstudios

deviantart

Cheth Studios

tayzar44

Deviantart

Johnny Nines

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