bildirgec.org - etiketler: texture

Web Tasarım Kaynakları #13

siriusbee — Thu, 15 Jul 2010 10:22:00 GMT

Neredeyse her hafta düzenli olarak, nette yayınlanan ücretsiz kaynaklardan en iyilerini seçerek hazırladığım web tasarım kaynaklarının 13. bölümündeyiz.

Bu bölümde, yazı tipi, ikon seti, doku paketi, vektörel grafik, photoshop stil paketi, psd dosyası, website şablonu, wordpress teması, flash foto galeri gibi bir web tasarımcının tasarım anında işini kolaylaştırıp hızlandıracak bir çok ücretsiz kaynak bir arada.

Bir kısmını aşağıda gördüğünüz web tasarım kaynaklarının tamamını en alttaki kaynak linkinden ücretsiz olarak indirebilirsiniz.

Paint Hand Yazı Tipi

Nioubes Yazı Tipi

Kyu Tux – Sosyal Medya İkon Seti

Vektörel minimal ikon seti

Dünya Haritası – Vektörel Grafik Seti

Hava Durumu Grafikleri – PSD Dosyası

220 Styles – Photoshop Stil Paketi

Işık Efektleri Doku Paketi

DF Gallery 2.0 – Flash Foto Galeri

Hosting Web Sitesi PSD Şablonu

Sinema temalı website template

Aqualine Wordpress Temas

tamamını ücretsiz olarak indirebileceğiniz kaynak>>

bonus kaynaklar:

ilgili yazılar

Bu yazı siriusbee 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 İçinde Olan Herkes İçin Yer İmi Seti

earslan — Mon, 21 Jun 2010 13:37:00 GMT

Şahsen yıllardır ayıklayıp biriktirdiğim, binlerce yer imi arasından seçip ayıkladıklarımı; siz değerli bildirgec.org kullanıcılarına sunuyorum. Artık paylaşmalıyım dedim ve buraya yazdım.
Görüleceği üzere çoğunluğu bildirgec.org mimlerinin oluşturduğu derleme, umarım faydalı olur.
Unutmadan belirteyim, içerikler tasarım ağırlıklıdır..

Şimdiden teşekkürler..

http://djdesignerlab.com/2010/04/25/25-fresh-and-useful-jquery-plugins/

http://www.nobledesktop.com/download/shortcut_guides/indesign_cs4_shortcuts_pc.pdf

http://acrisdesign.com/2009/09/70-dazzling-light-effect-photoshop-tutorials/

http://www.bildirgec.org/yazi/karikatur-karakterleri-yaratma-dersleri

http://www.bildirgec.org/yazi/en-iyi-renkli-web-tasarimlari

http://www.bildirgec.org/yazi/40-koyu-renk-kullanilan-web

http://www.bildirgec.org/yazi/yeni-cikan-4-adet-jquery

http://www.ozdtasarim.com/blog/55-web-arayuzu-tasarim-dersleri.html

http://www.bildirgec.org/yazi/web-tasarim-kaynaklari

http://www.bildirgec.org/yazi/grunge-tasarim-kaynaklari-1

http://www.1stwebdesigner.com/resources/free-minimalist-high-quality-fonts/

http://www.kodaman.org/yazi/google-sizi-sevsin-4-tasarim

http://www.bildirgec.org/yazi/tasarimci-ve-gelistiricilere-araclar

http://www.bildirgec.org/yazi/ucretsiz-simgeler

http://www.bildirgec.org/yazi/ilham-verici-content-sliders-tasarimlar

http://www.bildirgec.org/yazi/farkli-tarzlarda-sosyal-medya-icon

http://www.bildirgec.org/yazi/25-onemli-web-tasarim-araci

http://www.bildirgec.org/yazi/99-yuksek-kaliteli-x-html

http://www.bildirgec.org/yazi/web-2-0-icin-arka-1

http://www.bildirgec.org/yazi/web-2-0-tasarimlari-icin-1

http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi

http://www.bildirgec.org/yazi/ilham-alinasi-60-tipografi

http://www.bildirgec.org/yazi/taptaze-50-carpici-photoshop-dersi

http://www.bildirgec.org/yazi/en-iyi-illustrasyon-tasarimlari

http://www.bildirgec.org/yazi/karikatur-karakterleri-yaratma-dersleri

http://www.bildirgec.org/yazi/yepyeni-21-yaratici-kartvizit-tasarim

http://www.bildirgec.org/yazi/kaliteli-siyah-beyaz-ikonlar

http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/

http://webdesignledger.com/freebies/17-remarkably-professional-looking-free-fonts

http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/

http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-watercolor-themed-website-design-with-photoshop/

http://creativenerds.co.uk/freebies/45-sets-of-seamless-vector-patterns/

http://www.anvari.org/cols/Business_Cards.html

http://razorjack.net/quicksand/

http://www.sohtanaka.com/web-design/examples/hover-over-trick/

http://www.sohtanaka.com/web-design/examples/smart-columns/

http://jqueryui.com/themeroller/

http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/

http://www.smashingmagazine.com/2009/03/08/70-new-useful-ajax-and-javascript-techniques/

http://kimili.com/journal/rgba-css-generator-for-internet-explorer

http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/

http://flowplayer.org/tools/demos/index.html

http://dezignus.com/50-stunning-free-grunge-vectors/

http://brenelz.com/blog/build-a-content-slider-with-jquery/

http://www.vuvox.com/presentations/new

http://www.spritely.net/

http://www.reencoded.com/2009/07/14/23-wordpress-themes-suiting-your-website-project/

http://tutorial9.net/demos/button-sprites/demo.html

http://www.cancetin.com/yazilar/typeface-jquery-font/

http://www.graffiticreator.net/

http://www.catchmyfame.com/2009/10/23/jquery-drop-captions-plugin-released/

http://www.cueforms.com/main.php

http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/

http://pixelmatrixdesign.com/uniform/#themes

http://www.cssdrive.com/index.php/main/csscompressor/

http://rohitsengar.cueblocks.net/paginator/example2.html

http://www.templatemonster.com/free-templates.php

http://www.templatemonster.com/free-web-elements/

http://www.backgroundlabs.com/

http://tools.blogflux.com/buttonmaker/

http://www.roundedcornr.com/

http://www.buttonbrowser.com/main/index.php

http://www.iconfinder.net/

http://browsershots.org/

http://www.formspring.com/

http://new.myfonts.com/WhatTheFont/

http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec

http://www.brusheezy.com/brushes

http://www.tartanmaker.com/

http://www.colorschemer.com/

http://www.blueprintcss.org/

http://www.typetester.org/

http://riddle.pl/emcalc/

http://speckyboy.com/2009/06/19/34-free-and-elegant-truetype-mini-pixel-fonts/

http://designm.ag/resources/textures-toolbox-80-texture-resources-for-designers/

http://www.bildirgec.org/yazi/tasarimcilar-icin-10-yer-imi

http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/

http://onlinefontconverter.com/

http://www.flabell.com/flash-components

http://stylizedweb.com/2008/01/24/learn-seo-basics/

http://psd2cssonline.com/

http://www.iwebtool.com/tools/

http://www.xml-sitemaps.com/

http://www.mcanerin.com/EN/search-engine/robots-txt.asp

http://www.zirve100.net/info.php

http://www.dinpattern.com/

http://tutsplus.com/

http://mp3cut.net/

http://cemagraphics.deviantart.com/gallery/#DOCK-ICONS

http://www.maddebagimlisi.com/en-yaratici-7-blog-mim/

https://www.google.com/adsense/static/en_US/AdFormats.html

http://www.copycraft.com/templates

http://www.bildirgec.org/yazi/ucretsiz-tasarim-ogeleri

http://www.stripegenerator.com/#Zm9yZT1GRkZGRkY7aD0zMDt3PTU7cD01O2JhY2sxPTYxNjE2MTtiYWNrMj1mZjAwMDA7Z3Q9MDtkPTA7c2hhZG93PTA7

http://desizntech.info/2009/06/35-excellent-websites-for-downloading-free-css-template/

http://friendfeed.com/alemsah/572eba87/turk-web-girisimlerinin-bir-listesini

http://demos.flesler.com/jquery/serialScroll/

http://dev.herr-schuessler.de/jquery/popeye/demo.html

http://www.typeroom.com/

http://www.bildirgec.org/yazi/ucretsiz-web-uygulama-guvenligi-test

http://www.kodaman.org/yazi/jquery-ile-haber-sitelerindeki-gibi

http://www.kodaman.org/yazi/jquery-ile-gizle-goster-sutun

http://www.kodaman.org/yazi/css-de-arkaplan-bilmeniz-gereken-1

http://www.bildirgec.org/yazi/bagimsiz-gelistiriciler-icin-web-servisleri

http://www.bildirgec.org/yazi/40-adet-bedava-film-izleme

http://www.bildirgec.org/yazi/graffiti-ye-dair

http://www.bildirgec.org/yazi/meeting-of-styles-padova

http://www.bildirgec.org/yazi/50-muhtesem-graffiti-calismasi

http://jqueryfordesigners.com/demo/infinite-carousel.html

http://www.webdesignbooth.com/demo/news-ticker/

http://webdesignledger.com/inspiration/40-awesome-examples-of-tilt-shift-photography

http://css-tricks.com/examples/StartStopSlider/

http://www.bildirgec.org/yazi/37-taze-jquery-resim-ve

https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://www.bildirgec.org/yazi/jquery-uygulamalari-1-1

http://www.bildirgec.org/yazi/okumaniz-gereken-50-taze-tasarim

http://www.bildirgec.org/yazi/taptaze-50-carpici-photoshop-dersi

http://www.agilecarousel.com/examples/full_example

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

http://www.reindel.com/accessible_news_slider/

http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html

http://www.bildirgec.org/yazi/sitenizi-senlendirin

http://www.bildirgec.org/yazi/ucretli-premium-wordpress-temalari

http://www.bildirgec.org/yazi/sonraki-tasarimlariniz-icin-150-ucretsiz

http://www.bildirgec.org/yazi/ocak-2010-web-in-en

http://www.bildirgec.org/yazi/populer-mini-ikon-setleri

http://www.bildirgec.org/yazi/hayran-kalacaginiz-21-adet-kaliteli

http://www.bildirgec.org/yazi/ucretsiz-yazilimlar-1

http://plugins.jquery.com/project/slidedeck

http://plugins.jquery.com/project/DropCaptions

http://www.cometdocs.com/

http://www.bildirgec.org/yazi/2010-web-tasarim-egilimleri

http://www.opentype.info/demo/webfontdemo.html

http://www.theleagueofmoveabletype.com/

http://www.fontsquirrel.com/fontface

http://typekit.com/libraries/full

http://www.bildirgec.org/yazi/avatar-filmi-photoshop-tasarimlari-ve

http://www.twospy.com/galleriffic/#1

http://www.bildirgec.org/yazi/size-sifirdan-ikon-tasarimini-ogretecek

http://www.bildirgec.org/yazi/css-ile-sekil-cizmek-cok

http://www.bildirgec.org/yazi/tarayici-sorunlarini-cozen-jquery-eklentileri

http://www.bildirgec.org/yazi/25-taze-ve-kullanisli-jquery

http://www.bildirgec.org/yazi/web-tasarimcilarinin-hayatini-kolaylastiracak-12

http://www.bildirgec.org/yazi/web-tasariminda-sikca-karsilasilan-hatalar

http://www.bildirgec.org/yazi/css-sprite-larin-kullanis-alanlari

http://www.bildirgec.org/yazi/capraz-tarayici-uyumlulugu-icin-altin

http://dzineblog.com/2009/05/design-inspiration-36-fantastic-photo-manipulation-designs.html

http://logooftheday.com/

http://www.buzzshout.com/logos.php

http://logopond.com/

http://www.noupe.com/design/40-killer-typographic-posters-photoshop-effects-and-tutorials.html

http://new.psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/

http://www.designertechniques.com/tutorials/emrehusmenlphotoshoprendering01-page2.htm

http://www.2de1.com/windows.isletim.sistemi/63539-windows.kisa.yol.sifreleri.html

http://net.tutsplus.com/articles/web-roundups/10-reasons-why-your-code-wont-validate-and-how-to-fix-it/

http://muhammetsevim.com/tutorials/wordpress-tasarim-entegrasyonu/?ref=www.muhammetsevim.com

http://www.freelanceswitch.com/designer/33-new-places-to-get-design-inspiration/

http://kendiminik.minimizeme.livemessenger-emoticons.com/

http://www.bildirgec.org/yazi/dunyanin-en-leri-bildirgec-te

http://www.bildirgec.org/yazi/seo-araclari-listesi

http://www.bildirgec.org/yazi/12-adet-video-anlatimli-photoshop

http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken

http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi

http://www.bildirgec.org/yazi/harika-web-tasarimi-yaraticiligi-50

http://www.bildirgec.org/yazi/40-kullanisli-web-servisi-ve

http://www.bildirgec.org/yazi/22-fantezi-photoshop-dersi-ve

http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider

http://www.bildirgec.org/yazi/yaraticiliginizi-arttiracak-12-ucretsiz-3d

http://www.bildirgec.org/yazi/web-tasarimcilar-icin-15-javascript

http://www.bildirgec.org/yazi/a-dan-z-ye-50

http://www.bildirgec.org/yazi/microsoft-ve-ucretli-programsiz-bilgisayar-1

http://www.bildirgec.org/yazi/html-formlari-icin-25-harika

http://www.bildirgec.org/yazi/ilham-kaynagi-50-sik-navigasyon

http://www.bildirgec.org/yazi/20-adet-fantastik-photoshop-montaj

http://www.bildirgec.org/yazi/4-kilobayt-altindaki-11-jquery

http://www.bildirgec.org/yazi/500-photoshop-icin-puskurme-firca

http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava

http://www.bildirgec.org/yazi/50-guzel-css-tab-ornegi

http://www.bildirgec.org/yazi/57-ucretsiz-resim-galerisi-slayt

http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi

http://www.bildirgec.org/yazi/100-000-ucretsiz-font

http://www.bildirgec.org/yazi/modal-window-ile-login-sayfalari

http://www.bildirgec.org/yazi/facebook-kaynakli-yararli-araclar

http://www.bildirgec.org/yazi/30-flas-actionscript-3-0

http://www.kodaman.org/yazi/html-kullanmadan-javascript-include

http://www.kodaman.org/yazi/guvenli-php-uygulamalari-yazmak-icin

http://www.kodaman.org/yazi/xhtml-css-jquery-mansetler-modernlessin

http://bblmedia.com/addurl.html

http://stylizedweb.com/2008/02/14/10-best-css-hacks/

http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm

http://www.intensivstation.ch/en/templates/

http://icant.co.uk/sandbox/footercollapsetables/

http://www.noupe.com/category/ajax

http://www.dmry.net/wordpress-23-icin-benzer-yazilar-eklentisi-10

http://www.deltatangobravo.com/images/zoom/

http://www.sohtanaka.com/web-design/examples/image-hover/

http://www.seoxp.net/

http://www.digitalpoint.com/tools/

http://www.forwebdesigners.com/

http://www.favicongenerator.com/

http://www.copytaste.com/

http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/

http://www.programlama.com/sys/c2html/view.php?DocID=1806

http://www.k10k.net/pixelpatterns/

http://whatsitscolor.com/

http://citrusmoon.typepad.com/patterns/black_white/

http://web-kreation.com/index.php/category/ajax-javascript/

http://malsup.com/jquery/cycle/lite/

http://www.dinpattern.com/2009/04/07/dinpattern-stripe/

http://www.squidfingers.com/patterns/

http://www.ben-griffiths.com/project/jquery-position-footer/

http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/

http://www.sunsean.com/idTabs/

http://www.katodivaihe.com/index.php/240-adet-jquery-icin-eklenti/

http://planetozh.com/projects/lightbox-clones/

https://adwords.google.com/select/KeywordToolExternal

http://www.1001freefonts.com/

http://dzineblog.com/2008/01/27-creative-business-cards-you-shouldve.html

http://dzineblog.com/2008/06/cool-business-card-3.html

http://www.bildirgec.org/yazi/30-adet-goz-dolduran-javascript

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://www.bildirgec.org/yazi/yaratici-jquery-uygulamari

http://www.bildirgec.org/yazi/herkesin-isine-yarayabilecek-69-web

http://www.glasscubes.com/

https://www.remindo.com/#/main.php

http://viewlike.us/

http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://buildinternet.com/live/lightsout/#

http://www.bildirgec.org/yazi/ortaya-karisik-30-adet-ajax

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

http://web-kreation.com/index.php/articles/48-incredible-mootools-sripts/

http://www.bildirgec.org/yazi/herkesin-isine-yarayabilecek-69-web

http://www.bildirgec.org/yazi/2009-un-yaratici-photoshop-dersleri

http://www.bildirgec.org/yazi/projeleriniz-icin-her-zaman-ihtiyac

http://www.bildirgec.org/yazi/2009-un-en-populer-cevrimici

http://www.johnkyrk.com/evolution.tr.swf

http://learn.genetics.utah.edu/content/begin/cells/scale/

http://www.bildirgec.org/yazi/70-goz-kamastirici-photoshop-isik

http://www.bildirgec.org/yazi/ucretsiz-yazilimlar-1

http://css-tricks.com/examples/StartStopSlider/

http://www.siberkultur.com/?q=gizli-kalmis-12-html-elementi

http://www.bildirgec.org/yazi/arka-plan-agirlikli-web-tasarim

http://webstuffshare.com/demo/InputShadow/

http://desk08.customize.org/

http://enesates.net/depoyu-hazirlayin-harika-icon-setleri.html

http://designerfont.blogspot.com/

https://www.google.com/history/

http://www.fatihturan.com/css/web-tasarimi-icin-kullanabileceginiz-firefox-eklentileri/

http://psdfan.com/inspiration/web-design/30-fresh-illustrated-website-designs/

http://www.tuttoaster.com/97-beautiful-navigation-for-your-inspiration/

http://dzineblog.com/2010/05/design-resource-27-free-high-quality-ui-wireframe-kits-to-download.html

http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/

http://code.google.com/webfonts

http://www.hasanyalcin.com/yuksek-kalitede-vektorler/

http://www.hasanyalcin.com/font-kaynaklarini-toparlayalim/

http://www.hasanyalcin.com/arsivlik-photoshop-kaliplari/

http://www.hasanyalcin.com/50-mukemmel-photoshop-fircasi/

http://djdesignerlab.com/2010/04/05/50-high-quality-free-psd-web-templates/

http://www.budosyanedir.com/

http://www.rap4ever.net/

http://jqueryfordesigners.com/fun-with-overflows/

http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/

http://jqueryfordesigners.com/demo/scrollable-timelines.html#2008-larry-and-sergey-announce-virgle

http://jqueryfordesigners.com/slider-gallery/

http://fivelist.summerhost.info/labs/SmartCart/index.php

http://www.formatpixel.com/go/en/index.php

http://www.vladstudio.com/wallpapers/?order=viewed

http://www.brusheezy.com/brushes

http://www.isfx.org/?p=126

http://opensolution.org/quick.cms,en,10.html

http://leftlogic.com/lounge/articles/entity-lookup/

http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec

http://www.montylounge.com/

http://www.cgtutorials.com/c9/Adobe_Photoshop

http://www.bildirgec.org/yazi/yepyeni-40-adet-kaliteli-ve

http://www.bildirgec.org/yazi/a-dan-z-ye-internet

http://www.bildirgec.org/yazi/drupal-icin-150-adet-tema

http://www.fadonet.net/2009/02/01/mootools-scriptleri/

http://www.artviper.net/website-tools/website-tools.php

http://www.electricprism.com/aeron/slideshow/

http://designm.ag/resources/floral-brushesr-photoshop/

http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/

http://www.zurb.com/playground

http://www.catchmyfame.com/2009/08/27/jquery-infinite-carousel-plugin-1-2-released/

http://www.bildirgec.org/yazi/sinirlari-zorlayan-html5-tabanli-oyunlar

ilgili yazılar

Web design kütüphanesi (1)
2 - 8 Haziran'da neler oldu? (haftalık bülten) (16)
47 adet webmaster aracı (32)
hazır kod siteleri (11)

Bu yazı earslan 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 Kaynakları #9

siriusbee — Tue, 04 May 2010 11:00:00 GMT

Düzenli olarak hazırladığım web tasarım kaynakları serisine, yine birbirinden güzel ve kullanışlı ücretsiz kaynaklar ile oluşturduğum 9. bölümle devam ediyorum.

Bu bölümde de ücretsiz yazı tipi, ikon seti, photoshop fırçası, photoshop action, doku, pattern, psd dosyası, buton seti, website şablonu, vektörel grafik seti gibi her web tasarımcının elinin altında bulunması gereken kaynaklar bulunuyor.

Playtime - Yazı Tipi

Rounded - Yazı Tipi

Monoplatio - Yazı Tipi

Iconic – Vektörel ikon seti

E-commercial – İkon Seti

30 Adet Ornate Pattern ve Texture

Vector Color Buildings – Vektörel Grafik Seti

Fantastic Soccer – Blog teması PSD dosyası

1000 Free Gradients – Photoshop Gradient Paketi

Hepsini ve daha fazlasını ücretsiz indirebileceğiniz kaynak>>

Bonus kaynak: Art.Gen Kullanıcı Arayüzleri PSD Dosyası>>

ilgili yazılar

Bu yazı siriusbee 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ı ve geliştiricilere araçlar

bakiyyebemolu — Thu, 15 Apr 2010 14:10:00 GMT

iyi bir internet sitesi tasarlamak için hali hazırda kullanılan programların yanında çeşitli siteler birçok soruna çözüm getiriyor ve tasarımcıların işini kolaylaştırıyor. tasarım ve geliştirme konusunda faaliyet gösteriyorsanız işinize yarayabilecek siteler:
ColorCombos: tasarımlarınızda kullanmanız için renk paletleri.

LIpsum: metinlerin nasıl göründüğünü anlamak için lorem ipsum üreteci.

What the font?: bir logoda ya da bir imajda gördüğünüz yazının karakterini öğrenmenize yardımcı olabilecek bir araç.

ConvertIcon: herhangi bir imajı ico formatına çevirmenizi sağlayacak araç. alternatif yollar olsa da favicon hazırlamanıza yardımcı olacaktır.

BgPatterns: site arkaplanı hazırlamak için güzel bir araç. ayrıca kesintisiz (seamless) desen kaynakları yazısı da ilginizi çekebilir.

HTML Encoder: sitenizde html kodları gösteriyorsanız, kodların yazıya çevrimi için yararlanabileceğiniz bir uygulama.

Xenocode Browsers: sitenizin görünümünü farklı tarayıcılarda test etmek için kullanabilirsiniz. konuyla ilgili farklı tarayıcı testleri yazısını da inceleyebilirsiniz.

Test Everything: sitenizin seo ve popülerlik durumu hakkında bilgi verebilecek eskimeyen araç.

Sprite Generator: CSS Spritelarını kullanarak sitenizin açılma süresini kısaltabilirsiniz. bu araç da imajlarınız konusunda siz yardımcı olacaktır.

Buttonator: herhangi bir tasarım programına ihtiyaç duymadan düğmeler oluşturabilirsiniz.

Load Impact: digg etkisi gibi aşırı yüklenmeler sonucunda sitenizin, daha doğrusu sunucunuzun dayanma durumu hakkında fikir sahibi olabilirsiniz.

IconFinder: tasarımlarınızda kullanmak üzere ikonlar arıyorsanız kesinlikle kullanmanız gereken ikon arama motoru.

TypeTester: sitenizde kullanacağınız yazı tipi konusunda size fikir sahibi edecek faydalı araç.

CSS Tidy: css kodlarınızı derleyip toparlayacak bit araç. kullanmadan önce kodlarınızı yedeklemeyi unutmayın. zaman zaman karışıklığa neden olabiliyor.

Contact Forms Generators: ziyaretçilerinizle iletişim sağlamanızı gerçekleştirecek bir servis. aslında bunun için google docs'u kullanmanızı öneririm.

kaynak

ilgili yazılar

Bu yazı bakiyyebemolu 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ın Twitter'ı: Dribbble

algoz — Wed, 07 Apr 2010 11:54:00 GMT

Bir volkan patlaması gibi web alemine giriş yapan Twitter'ın bu göz alıcı halini seyre dalan web girişimciler/geliştiriciler, bu şok karşısında uğradıkları hipnotize halden kendilerini biraz olsun sıyırarak düşünmeye başladıkları ve Twitter'dan esinlenerek oluşturdukları yararlı bir uygulama olan Dribbble, Twitter'ın tematik bir modeli görünümünde.

Kullanıcılarına (Player), Twitter'ın "Ne yapıyorsun?" sorusunu (What are you doing?/What’s happening?) biraz daha özelleşetirerek/daraltarak, "Ne üzerinde çalışıyorsun?" (What are you working on?) sorusunu yönelten Dribbble, Başta görsel tasarım işleri ile uğraşanların olmak üzere, geliştiricilerin veya farklı alanlarda çalışanların, o anki çalışmalarının bir gıdımlık (shots) ekran görüntüsünü paylaşmaları üzerine kurulmuş bir düzene sahip.

Kullanıcı çalışmalarını; logo, illustration, typography, iphone, ui, design, website, icon, rebound, icons, web, blog, type, helvetica ve texture etiketleri ile kategorilendiren ve özellikle tasarım işleri ile uğraşanlar açısından oldukça kullanışlı bir Sosyal Medya aracı olabilecek olan Dribbble ile tasarımcılar; hem kendi çalışmalarını paylaşıp diğer kullanıcılardan geri dönüşüm alabilecekler hem de diğer kullanıcıların paylaştıklarından alacakları ilham ile hayal dünyalarını genişletebilecekler.

Son olarak: Eğer siz de Twitter'ın tematik bir modelini yapmak istiyor ve temanın ne olması gerektiği düşünüyorsanız, Twitter trendlerindeki #HashTag'lere bakmanızı öneririm.

[Bonus+++]
+Shine: 31 Shiny Icons In Vector (.EPS)

+Tematik Sosyal Ağ: Filmaster
+TwtScripts ile Anahtar Teslim Twitter Scriptler

[Kaynak] Dribbble
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

ilgili yazılar

Bu yazı algoz 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 Kaynakları #6

siriusbee — Fri, 02 Apr 2010 08:41:00 GMT

Her hafta düzenli olarak hazırlamaya çalıştığım ücretsiz web tasarım kaynaklarına bu hafta da 6.sı ile devam ediyorum.

Bu hafta da photoshop fırçaları ve actionları, yazı tipleri, ikon setleri, dokular, hazır butonlar, vektörel grafikler ve psd dosyaları web tasarım işinizi kolaylaştıracak ve hızlandıracak.

Hemen indirmeye başlayın o halde... :)

Color Diamonds – Buton Seti PSD Dosyası

Cele’s Free Button Pack – Buton Seti PSD Dosyası

Water Color Splatters – Vektörel Set

Green Floral Background – Vektörel

Colorful Backgrounds – Vektörel Set EPS Dosyası

Social Buzz İkon Seti

High Detail Social Icons – İkon Seti

Fungiiiiii – İkon Seti

31 Fonts – Yazı Tipi Seti

12 Image Enchancement Actions – Photoshop Action Seti

Floral Brushes – Photoshop Fırça Seti

Hepsini ve daha fazlasını ücretsiz olarak indirebileceğiniz kaynak>>

diğer kaynaklar

ilgili yazılar

Bu yazı siriusbee 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 Kaynakları #5

siriusbee — Thu, 25 Mar 2010 12:54:00 GMT

Web tasarımcı arkadaşların yoğun ilgi gösterdiği web tasarım kaynakları serisinin 5. ayağında, yine oldukça kullanışlı hazır kaynaklar bulunuyor. Özellikle website tasarımlarında hem işinizi hızlandıracak hem de tasarım aşamasında size çok yardımcı olacak bu kaynakları ücretsiz indirebilirsiniz.

Her zamanki gibi bu bildiride de ücretsiz yazı tipleri, ikon setleri, photoshop fırçaları, photoshop stilleri,
dokular, gradient paketleri gibi ihtiyacınız olacak bir çok hazır kaynak mevcut. Umarım beğenirsiniz.

Peixe Frito Yazı Tipi

Birth Of A Hero Yazı Tipi

Peterbuilt Yazı Tipi

Photoshop Stil Seti

Fluo – Photoshop Gradient Paketi

Shattered – Photoshop Gradient Paketi

Plastic İkon Seti

Onebit İkon Seti 1

Onebit İkon Seti 2

Phuzion İkon Seti

Heavy Watercolor Photoshop Fırça Seti

Bokeh Doku Seti

Mobile Buttons – PSD Dosyası

Office Set – PSD Dosyası

Cosmic Lights Photoshop Fırça Seti

Hepsi ve daha fazlasını ücretsiz indirebileceğiniz kaynak>>

Önceki kaynaklar

ilgili yazılar

Bu yazı siriusbee 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 Kaynakları #3

siriusbee — Wed, 10 Mar 2010 12:00:00 GMT

Her tasarımcının işine yarayabilecek ücretsiz kaynakların olduğu web tasarım kaynakları serisine 3.sü ile devam ediyorum.

Öncekilerde olduğu gibi bu seride de ücretsiz yeni yazı tipleri, photoshop fırçaları, dokular, ikon setleri, photoshop actionları gibi web tasarımcıların elinin altında ya da arşivlerinde mutlaka olması gereken kaynaklar bulunmakta.

Quadranta yazı tipi

Solgas Yazı Tipi

This is ART İkon Seti

Office Dock İkon Seti

Birdies – İkon Seti

80’s Kunfu – photoshop fırça Seti

Fractals Photoshop Fırça Seti

Chrome – Photoshop Yazı Stili

Photoshop Stil Paketi

Yüksek Çözünürlükte Beton Doku Seti

Yüksek Çözünürlükte Doku Seti

900 Kelvin Photoshop Fırçaları

WaterColor Extremum – Photoshop Fırça Seti

Photoshop Action Seti

Bütün bu tasarım kaynaklarını ücretsiz olarak bu kaynaktan indirebilirsiniz.

ilgili yazılar

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

LeBron — 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

ilgili yazılar

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

2010 web tasarım eğilimleri

GokhanKARAKAS — Fri, 22 Jan 2010 07:46:00 GMT

yeni bir on yıl içine girerken, 2010 yılında eğlenceli ve deneysel çalışmalarla dolu web tasarım eğilimlerini tahmin edebiliriz. etkileyici tasarımlar oluşturmak için html5 ve css3'ün yeni özelliklerinden yararlanmaya çalışıyoruz. serif yazı tipi ve dokulu arka plan popüler olacak. css3 sayesinde, köşeleri yuvarlatılmış menüler, akıllı telefonların yükselişiyle, mobil web tasarımı 2010 yılına damga vuracak gibi görünüyor.

1- serif fonts
son on yılda, çoğu web sitesi verdana veya arial font içinde tasarlanmış, ancak bu yeni on yılda değişecek. web tasarımda serif yazı tipleri daha fazla yer alacak.
daha detaylı bilgi için bu makaleyi okuyabilirsiniz.
örnekler;

2- büyük başlıklar
başlığında büyük font kullanan (tasarımın parçası arayüz olarak) web siteleri popüleritesini artıracaktır.
örnekler;

3- özel font kullanımı
typekit gibi kaliteli ve karakteristlik font kullanan sitelerden (fontsquirrel, opentype ve moveabletype) temin edebileceğiniz özel fontların 2010 yılında daha fazla kullanılacağını tahmin ediyoruz.
örnekler;

4- dokulu arka plan
arka planda büyük font kullanımı tarihe karışacak yavaş yavaş yerini dokulu yüzeylere bırakacak.
örnekler;

5- minimalist ve taralı tasarımlar
minimalist ve ızgara görünümlü (taralı) tasarımlar yeni değildir. son yıllarda kullanılmaya başlanmış ve 2010 yılında popüleritesini artıracağını düşünüyoruz. bonus ++ (seçkin minimal web tasarımlar)
örnekler;

6- CSS3`ün getirdiği yeni özellikler
css3 tüm tarayıcılar tarafından henüz desteklenmemesine rağmen, tasarımcıları bir çok yeni özelliği ile üzerine çekiyor. yuvarlak köşeler, animasyonlar, çoklu arka planlar... aşağıdaki sitelerin css3 ile muhteşem dönüşünü göreceksiniz.
örnekler;

-css animasyon
aşağıdaki örnekte halka ekseninde hareket eden topların (nötronların) css3 ile kullanımını göreceksiniz.

- yuvarlak çerçeveler ve gölgeli kutucuklar
yuvarlak çerçeveler ve gölgeli kutucuklar en çok kullanılan css3 özelliklerindendir. bu özellikler 2010'da da kullanılmaya devam edilecektir diye düşünüyoruz.
örnekler;

- gölgeli metinler
tasarımcılar birçok metin daha derin göstermek için metinlerde gölge kullanıyorlar.
örnekler;

- rbga ve matlık
rgba kolay arka plan ve saydamlık ayarını yapar. tasarımcılar bu özellikten dolayı tasarımlarında daha fazla rbga kullanacaklarını düşübüyoruz.
örnekler;

7 - Mobil tasarım
iphone'un 2007'da satışa sunulduğundan beri, herkes cep tasarımı hakkında konuşuyor. artık daha akıllı telefonlar tarafından desteklen css ve javascript mobil tasarımda olmazsa olmazlardan olacak. sayısız site mobil sürümlerini kullanıcılarına sunmaya başladı bile.
örnekler;

daha fazla örnek web tasarımı için webdesignerwall adresini ziyaret edebilirsiniz

ilgili yazılar

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