bildirgec.org - ilkanmilkan - beğendikleri

Wordpress Blogunuz İçin Ücretsiz 15 Dikkate Değer Tema

ilkanmilkan — Mon, 12 Oct 2009 11:38:00 GMT

Blog veya website sahipleri genellikle wordpress sistemini tercih ediyor. İnternet üzerinde binlerce wordpress temasına ulaşabiliyoruz. Bu yazıda özellikle birbirinden ilginç wordpress temalarına ulaşabileceksiniz. Daha önceden yazmış olduğum [1] [2] [3] [4] bu yazılarda da wordpress temaları yer almaktadır.
1. ZinePress

Test | İndir

2. Make Money Pro v1.0

Test | İndir

3. Arclite Wordpress Theme

Test | İndir

4. Docolours Wordpress Theme

Test | İndir

5. The Clam Shell

Test | İndir

6. Gemer Wordpress Theme

Test | İndir

7. Holiday Wordpress Theme

Test | İndir

8. Tuaug4 Wordpress Theme

Test | İndir

9. Premium News Wordpress Theme

Test | İndir

10. Imagination Wordpress Theme

Test | İndir

11. Magasin Wordpress Theme

Test | İndir

12. Cleanr Wordpress Theme

Test | İndir

13. Mainstram Wordpress Theme

Test | İndir

14. Grassroots Wordpress Theme

Test | İndir

15. Arras Theme

Test | İndir

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

Ağustos 2009'un En İyi 30 Wordpress Eklentisi

En İyi 30+ Wordpress Eklentisi (Haziran 2009)

30 Çok Kullanışlı Wordpress Eklentisi (Mayıs 2009)

10 İnanılmaz Yararlı Wordpress 2.8 Dersi

20 En İyi Wordpress Eklentisi (Nisan 2009)

Wordpress Kullanan 15 Etkileyici ve Güzel Site

kaynak: reencoded.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

Wordpress ile ilgili ihtiyacınız olan her şey

ilkanmilkan — Sat, 26 Sep 2009 16:02:00 GMT

Wordpress bilindiği üzere, şu sıralar dünyanın en popüler blog platformu olarak milyonlarca kullanıcıya sahip. Aynı zamanda bir CMS olarak da yeterli güce sahip oldukça kullanışlı bir sistem.

Seviyeniz ne olursa olsun wordpress için gereksinimleriniz de ona göre değişiyor.

Aşağıda wordpress kurulumu, eklentiler (plug in), ücretli ve ücretsiz temalar, güvenlik ile ilgili yapılması gerekenler, wordpress editörleri, wordpress dersleri, tüyoları, teknikleri gibi ihtiyacınız olan bütün dökümanlara ve materyallere ulaşabileceğiniz 300+ kaynak bulunmaktadır.

İşinize yarayacağını umuyorum.

Wordpress kurulumu: sıfırdan WP kurulum rehberi

Kurulum tamamlandı sırada ne var?: Kurulum sonrası yapmanız gerekenleri aşama aşama anlatan faydalı bir rehber.

Kurulum sonrası ileri seviyede ayarlar: Kurulumdan sonra yapmanız gereken ileri seviyedeki ayarlar için profesyonel bir rehber.

Kurulum sonrası yapmanız gereken 10 şey: burada da aynı şekilde kurulum sonrası yapılması gerekenler maddeler halinde anlatılıyor.

Admin panel için güvenlik ayarları: Admin panelinizin güvenliği için 13 güvenlik tüyosu burada

htaccess dosyası ile ilgili rehber: htaccess dosyası ile ilgili 10 maddeden oluşan mükemmel bir rehber

Temanızdan silmeniz gereken 13 satır: Kullandığınız temada gereksiz olan tag'leri silerek sitenizin az da olsa hızlanmasını sağlayabilirsiniz.

WP sorunlarıyla baş etmenin en kolay 10 yolu: Kurulum esnasında ve sonrasında yaşanabilecek sorunları gidermenin 10 yolu.

16 adet güvenlik eklentisi: sisteminizin güvenliği için gerekli olan plugin'ler burada.

Sisteminizin bakımı için gerekli 6 plugin: Sisteminizin tutarlı çalışmasına yardımcı olabilecek 6 adet plugin

En iyi 10 wordpress tüyosu: Wordpress'in güvenliği, kullanımı, hızı ve diğer ayarları ile ilgili en iyi 10 tüyo.

Wordpress Tema Oluşturucusu: Kod bilmenize gerek yok. Online tema oluşturucusuyla istediğiniz temayı bir kaç ayarla kolayca yapabilirsiniz.

Temanıza arka plan resmi eklemek: Wordpress temanıza background eklemek için basit bir ders.

Temanızı geliştirmenizi kolaylaştıracak hazır sayfa örnekleri: Temanızı geliştirmenize yardımcı olacak yazılar, etiketler, kategoriler, sayfalar gibi hazır içerikler.

Temanıza özel kontrol paneli yapmak: Mimbo sayesinde temanıza özel kontrol paneli yapabilirsiniz.

Blogunuzu hızlandırmanın yolları: Blogunuzu hızlandırmak için yapmanız gereken bütün ayarlar burada.

110+ wordpress ders videosu: Kurulumundan, tema geliştirmeye kadar wordpress ile ilgili bütün ders videoları burada.

Blogunuzun yedeğini almak ve yeniden yüklemek: Wordpressi kurduktan sonra yedeğini nasıl alacağınızı ve nasıl yükleyeceğinizi öğreten ders videosu.

60+ faydalı wordpress dersi: Bu dersleri çalışarak kurulumdan başlayıp, profesyonel bir wordpress geliştiricisi olabilirsiniz.

Wp geliştiricileri için 40+ wordpress tekniği: Wp geliştiricileri için oldukça faydalı bir ders kaynağı

Jquery ve Wordpress'i bir arada kullanmak için 30+ ders: Speckyboy Design Magazine'den harika bir rehber. Jquery ve Wordpress'i bir arada kullanarak blogunuzu profesyonelleştirin.

En iyi 55 wordpress eklentisi: About.com'dan her wp kullanıcısının işine yarayabilecek 55 adet plugin.

20+ SEO eklentisi:: Wordpressiniz için gerekli olan SEO pluginleri.

40 adet CMS için gerekli eklenti: Wordpress'i CMS olarak kullananlar için gerekli 40 adet plugin.

İletişim formları için 10 adet plugin: İletişim formları için en iyi 10 plugin

Wordpress Geliştiriceler için Framework'ler: Profesyonel wp geliştiricileri için hazır wp frameworkleri.

Sıfırdan WP Teması yapmak: Kendi temanızı yapmak için herşeyi anlatan mükemmel bir kaynak

WP Geliştiricileri için gerekli araçlar: profesyonel wordpress'ler geliştirmek için ihtiyacınız olan araçlar ve dersler ithemes'den.

Üye giriş sayfasını düzenlemek: login sayfasının görünümünü istediğiniz gibi düzenlemek isterseniz bu rehber size göre

Temanızı Dreamweaver'da düzenleyin: tema sayfalarını Dreamweaver'da nasıl düzenlenebileceğini anlatan güzel bir rehber.

Wordpress'i CMS olarak kullanmak: 27 dk'lık video ile Wordpress'i içerik yönetim sistemi olarak kullanmayı öğrenin

100 bedava wp teması: Smashing Magazine'den yüksek kalitede 100 bedava wp teması

Bedava 60 mükemmel wordpress teması: 60 adet profesyonel wp teması

85 adet bedava wp teması: encoded.com'dan en güzel bedava temalar

Bedava 35 adet canlı renklerde wp teması

25 adet sanatsal wp teması

65 adet bedava wp teması

1000+ ücretli ve ücretsiz tema: Kategorilere göre ayrılmış 1000+ ücretli ve ücretsiz wp teması.

8 yeni wp teması (smashing magazine)

20 adet bedava 3 sütunlu wp teması

23 adet grung efektli wp teması

Html 5 için bedava wordpress teması

Ücretli Profesyonel temalar: Nattywp'den ücretli profesyonel temalar

Daha fazlası için kaynak >>

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

Top 10 Arama Motoru Optimizasyonu (SEO) İpucu

ilkanmilkan — Tue, 28 Jul 2009 08:50:00 GMT

Arama Motoru Optimizasyon Tekniklerinde Top10

Arama Motoru Optimizasyonu

Konu arama motoru optimizasyonu olunca sitenizi iyi ya da kötü yönde etkileyebilecek birçok teknik çıkıyor ortaya. Kötü yönde etkileyebileceklerin en başında da anahtar kelimelerin yerleştirilmesi ve sayfa perdeleme (page cloaking) geliyor. Web tasarımcıları olarak (ya da kişisel web sayfasını hazırlayanlar da olabilir) ziyaretçiler için ilk ve en öncelikli siteyi yapmak isteriz. Fakat can sıkıcı olan konu şu ki arama motorlarının robotları sanıldığı gibi sitenin içeriğiyle hiç ama hiç ilgilenmez.
Anlatacağım 10 basit adımla sitenizi arama motorlarına (başta google tabii ki) tanıtabilir ve sitenizin ne hakkında olduğunu bu motorlara anlatabilirsiniz. Bu da doğal olarak sitenize arama motorlarından daha çok akış olmasını sağlayarak sayfanınız pagerank'ini artıracaktır. Gerçekten ilgili ve kaliteli bir trafik zaten o siteyi yapma sebebimiz değil midir?..

Sitenizin Arama Motoru Optimizasyonu İçin TOP 10 İpucu:

# 1 İçerik
Evet, arama motorları sitenizin içeriğinin kalitesine bakmaz dedik ama içeriğinizin kalitesi zaten evrensel pazarlama stratejilerinin bir numarasıdır. Bu basit adımı atlarsanız sitenize ziyaretçi çekmeniz elbette ki mümkün olacaktır ama bu trafiğin devamını sağlayamamanız da kaçınılmaz olacağından optimizasyon için harcadığınız emekler boşa gidecektir. İçeriğinizin nasıl daha işler hale getirilebileceği konusunda fikir alabileceğiniz güzel siteler faydalanabileceğiniz temel kaynaklardan biridir bu konuda.

# 2 Linkler

Link Değişimi Karşılıklı Yarar Sağlar

Link linktir, iyisi kötüsü olmaz. İnternet aleminde ne kadar çok linkiniz varsa o kadar çabuk ve çok tanınır (hem ziyaretçiler, hem diğer siteler ve haliyle de arama motorları tarafından) sayfanızın ziyaretçi sayısını katlayabilirsiniz. Link küçücük bir yazıdır ama unutulmamalıdır ki o da bir nevi reklamdır. En önemlisi de arama motorlarının örümcek robotları için sitenize bir yol göstericidir. Diğer sitelerden kaliteli link kazanmanın en kolay yolu da sitenizde o sitelere link vererek onların sizden haberdar olmasını sağlamak ve onların da sitenize karşılıklı link vermesini sağlamaktır (ummaktır mı deseydik). Diğer bir yol da herkesin malumu link kardeşliği siteleri. Ama tabii ki burada da en önemli olan şey sitenizin link vermeye değecek bir içeriğe sahip olmasıdır.

# 3 Site Başlığı
Sayfalarınız için doğru başlığı seçmek yine en can alıcı noktalardan biridir. Başlığınızın içine yerleştireceğiniz anahtar kelimeler hem sayfanızın Google tarafından bulunulabilirliğini arttıracak hem de ziyaretçilerinize kılavuzluk edecektir. Burada da en çok dikkat edilmesi gereken konu başlığınızda kullandığınız anahtar kelimelerin konunuzun içinde de geçiyor olmasıdır. Dikkat ederseniz genel bir konuda arama yaptığımız zaman ilk sıradaki sonuca tıklamıyoruz genellikle. Başlığın altındaki içerikten okuyarak işimize yarayacak sayfayı seçiyoruz. Sitemizde iyi ve kullanışlı başlıklar ve konular kullanmak bize sadece arama sonuçlarındaki listede yer alma fırsatı vermeyecek, aynı zamanda o listeden seçilen ve tıklanan site olma fırsatını sunacaktır.

# 4 Başlık Tagları
Site içeriğimizi düzenlerken en dikkat etmemiz gereken konulardan biri de başlık taglarımızı (h1-h2...) doğru yerlerde ve belirginlik derecesine uygun şekillerde kullanmamızdır. Bilindiği gibi en belirgin başlık “h1” dir ki bu tag “bu bölümün özeti benim” anlamına gelir. Tag kullanımı konusu iyice anlayıp önemi kavranması gereken konulardan biridir. Her sayfanızda 1 bilemedinşz 2 “h1” tagı kullanmak yerinde olacaktır fakat bu kullanımda da dikkat etmeniz gereken şey arama motorunda listelenecek diye herşeyi başlığa doldurmamaktır. Zira ziyaretçilerinizi rahatsız edecek dereceye varabilir bu düzen.

# 5 Dahili Linkler
Dahili linkler (site içinde sitedeki diğer sayfalara verilen linkler) hem arama motoru robotlarına hem de ziyaretçilerinize sitenizin engin içeriğinin her bir sayfasını ve her bir köşesini gösterme imkanı sağlar. Anasayfanıza yerleştirebileceğiniz bir index menüsünden başka site içi linkler vermek bu konuda yararınıza olacaktır.

# 6 Anahtar Kelime Yoğunluğu
Tasarımınızı yaparken anahtar kelimelerinizi doğru sıklıkla ve etkin bir şekilde yerleştirdiğinizden emin olmanız gerekir. Anahtar kelimeleri doğru sıklıkla yerleştirmek demek her 5 kelimeden birinde anahtar kelime kullanmak demek değildir. Yazısız kural ise şudur: “anahtar kelimelerin oranı sayfanın %5'ini geçmeyecek”. Aksi takdirde bu yoğunluk spam gibi algılanabilir.

# 7 Site Haritaları
Arama motorlarına sitenizin içeriğinin tamamını bulmakta ve algılamakta yardımcı olmak iyi bir fikirdir. Site haritaları da tam da burada devreye girmektedir. Sitenizin bütün sayfalarını anasayfanızda indexlemek aynen site içi link kullanmak maddesinde olduğu gibi diğer sayfalarınıza köprüler oluşturarak arama motorlarının ve ziyaretçilerinizin bütün sayfalarınıza ulaşabilmelerini sağlayacaktır. Halihazırda bütün arama motorları da bunu tasarımcılara önermektedir. Oluşturduğunuz site haritası dosyanızı da sitemap.xml gibi isimlendirerek arama motorlarına ayrıca yardımcı olmuş olacağınızı da unutmamak gerek.

# 8 Meta Tag'ları
Çoğu kişi meta tag'larına dikkat etmediği gibi bunların önemsiz olduğunu söylerler, bırakın söylesinler. Zaten bunu söyleyenler click avcısından başka birşey değildirler. Çoğu zaman Google arama listenizle birlikte meta tanımlarınızı da listeleyecektir. Bu, ziyaretçilerin arama sorgularıyla ilişkili olduğu zaman sitenizi ziyaret etmelerini sağlayacaktır. Meta tagları konusu çoğu kişinin gözünden kaçan bir ranking faktörüdür. Arama motorları tarafından indexlenmek ve iyi bir ranking almak ilk adımdır, ikinci ve en büyük adımsa anahtar kelimelerinizi aratan bir ziyaretçinin arama sonuçlarında sizin sitenizi tıklamasını sağlamaktır.

# 9 URL Yapısı

Www......

URL yapınızın isterseniz içeriğinizi destekleyebileceğini biliyorsunuz. Bunu işlevsel hale getirmenin de bir çok yolu vardır. Mesela apache'de modrewrite kullanmak gibi.

#10 Domain
Domaininizin içinde bazı anahtar kelimeler geçmesi sayfanın rankinginin artmasına yardımcı olabilir ancak sanılanın aksine ancak başlık, içerik vs. kadar. Asıl önemli faktör ise domainin yaşıdır. Sitenizin ve domaininizin yaşı ne kadar fazla olursa arama motorlarının spam olarak görme ihtimali o kadar azalır ve böylece aramalarda daha iyi sonuç döndürür. Domain yaşı kesinlikle bir kırılma noktası değildir tabii ki fakat arama sonuçlarınızın lehinize olmasında fayda sağlar.

Hangi İpuçları Daha Faydalıdır?
İnternette bu yazdıklarıma benzer birçok ipcu bulabilirsiniz ama bu saydıklarım, ipuçları içerisinde kesinlikle kural niteliğinde olanlardır. Bu ipuçlarını sitelerinizde kullanmanız mecburi değildir ve fakat sitenizin arama motorlarıyla dost olmasını sağlamak için kullanmanız ya da en azından dikkate almanızı tavsiye ederim.

Son olarak verdiğim linklerin yabancı siteler olmasının ilk sebebi benim oralardan yararlıyor olmam ve herkesin de yararlanmasını istemem ikincisi ise türkçe sayfalara herkes rahatça ulaşabiliyor zaten...

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

12 Tasarımcı Ders Sitesi

ilkanmilkan — Thu, 16 Jul 2009 13:44:00 GMT

Yeni başlayanlar için öğrenmek ve deneyimli kullanıcılar için ilham kaynağı olması amacıyla aşağıda tasarımcıların işine yarayabilecek ders siteleri yer almaktadır.

1. PSDTuts

2. Abduzeedo

3. Minervity

4. Photoshop Roadmap

5. PhotoshopStar

6. MickM

7. Tutorial9

8. TutorialSphere

9. PSHero

10. VecTips

11. VectorTuts

12. LernAI

kaynak: colorburned.com | thelancelife.com

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter | delicious

Bu yazı ilkanmilkan 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 İçin Gayet Faydalı 15 "Css Grid Yerleşimi" Üreteci

ilkanmilkan — Wed, 03 Jun 2009 08:43:00 GMT

Tasarımcılara yardımcı olacak bir sürü çevrimiçi üreteç bulunuyor. Örneğin favicon, arkaplan, buton, kimlik kartı en popüler üreteçler arasında yer almaktadır.

Aşağıda Css Grid şablonları oluşturabileceğiniz sitelere ulaşabilirsiniz.

1 - Grid Layout Generator by Pagecolumn

2 - Grid Generator by DesignByGrid

3 - Blueprint Grid CSS Generator

4 - Grid Generator by netProtozo

5 - Grid Designer (featured in Creative Review magazine)

6 - Grid System Generator

7 - YUI CSS Grid Builder

8 - Variable Grid System

9 - YAML Builder

10 - Layout Generators by Pagecolumn

11 - Fisheye

12 - CSS Layout Generator by CSSCreator

13 - Firdamatic

14 - CSS Source Ordered Variable Border 1-3 Columned Page Maker

15 - CSS Layout Generator by CSSPortal

kaynak: webdesignbooth.com
diğer yazılarım

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

temiz tasarımlar için 40 adet çok şık ücretsiz yazı tipi

ilkanmilkan — Thu, 19 Feb 2009 17:10:00 GMT

Günümüzde tipografinin gücü ve güzel tipografi kullanılan tasarımların başarısı tartışılmaz. Temiz ve sade görünümlü tasarımlar için derlenen 40 adet harika, aynı zamanda ücretsiz yazı tipini paylaşmak istiyorum.

Museo sans

geo sans light

Duepuntozero

oregon ldo

sansation

engel light

comfortaa

forgotten futurist

walkway

steiner

eurofurence

baar metanoia

asenine

anna

cicle

aubrey

qlassik

bebas

mank sans

yorkville

redring 1969

aldo

blue highway

steelfish

opticon one

y2k neophyte

jacks font

swansea

vegur

albertino

print clearly

liberation

yoxall

lois ann

sf arborcrest medium

sf arborcrest medium

fertigo pro

fertigo pro

anivers

anivers

kaynak

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

ilham kaynağı olabilecek 30 adet ofis ve masaüstü temalı tasarım

ilkanmilkan — Wed, 18 Feb 2009 18:00:00 GMT

son yıllarda masaüstü görünümlü web sitesi tasarımları popülerlik kazandı. önceleri hemen hemen aynı araçlar (post-it, kahve, kalem vs.) kullanılarak yapılan tasarımlar mevcutken, son zamanlarda farklı materyaller kullanılarak ilginç ve özgün tasarımlar yaratılmaya başlanmıştır. Hiç vakit kaybetmeden bu konuda ilham alınabilecek oldukça hoş ve ilginç fikirlerin sonuçları olan tasarımlara şöyle bir göz atalım.

1080 snowboard company

tamamını görmek için buradan buyurun

Bu yazı ilkanmilkan 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 ve Yüksek Kaliteli 100 XHTML/CSS Şablonu

ilkanmilkan — Tue, 17 Feb 2009 14:34:00 GMT

Eğer daha önce çeşitli kaynaklar üzerinde yer alan (X)HTML/CSS şablonlarına bakmadıysanız, bu yazıda bulacağınız şablonların kalitesi sizi şaşırtabilir. Günümüzde WordPress temaları büyük ilgi ve alaka görüyor gibi olsa da halen ücretsiz bir şekilde yayımlanan pek çok (X)HTML/CSS şablonları bulunuyor.

Bu yazıda 100 ücretsiz yüksek kaliteli şablonu inceleyeceğiz. Umarız bunlardan bazıları tasarım ve geliştirme için harcayacağınız sürenin kısalmasına yardımcı olacaktır. Her ne kadar pek çoğu hem bireysel hem de kurumsal kullanımlar için ücretsiz olsa da, siz yine de ilgili şablonları kullanmadan önce lisans bilgilerine bir göz atmayı ihmal etmeyin.

Ücretsiz ve Yüksek Kaliteli 100 XHTML/CSS Şablonu

Package | Kayıt gerekli.

Consultant | İndir

Environmental Brand | İndir

Internet Jobs | İndir

Internet Music | İndir

Greefies | İndir

Squick Design | İndir

Harvest | İndir

Blackberry | İndir

Flower Shop | İndir

Lingerie Store | İndir

Web Application | İndir

Internet Studio | İndir

Puzzled | İndir

Journey of Love | Kayıt gerekli.

Strockes | Kayıt gerekli.

EC Mania | Kayıt gerekli.

Cluster | Kayıt gerekli.

Business Events | İndir

Cool Web | İndir

Genious Web | İndir

Expert Vision | İndir

Intercraft | İndir

Clean Design | İndir

Business Design | İndir

Delicious Fruit | İndir

Multiflex 3 | İndir

Simple Life | İndir

Street Style | İndir

Miss Understood | İndir

Street Life | İndir

skuteczni | İndir

Clarity | İndir

The Old Forest | İndir

Typography Paramount | İndir

Subordinate | İndir

Nature's Charm | İndir

Zenlike | İndir

Clicker | İndir

Biz Company | İndir

Atractive Business Temp | İndir

Happy Template | İndir

Internet Encyclopedia | İndir

Concept Nova | İndir

Free Full CSS Template | İndir

Black Eyed Susan | İndir

Collaboration | İndir

Breakfast | İndir

News Flash | İndir

Discovery | İndir

Adios | İndir

Old Architecture | İndir

Business Company Dark Blue | İndir

Electronix | İndir

Photo Gallery Green | İndir

Quartz Storage | İndir

Aero Solutions | İndir

Keep It Simple | İndir

Decent Photo Gallery | İndir

Consulting Services | İndir

Flare | İndir

Water Spill | İndir

Inverted Headline | İndir

Choice | İndir

Purple | İndir

Business Elegance | İndir

Kaynak: Smashing Magazine

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

Adobe'den Spry özelliği... (Dreamweaver & Spry)

ilkanmilkan — Thu, 12 Feb 2009 12:36:00 GMT

Spry nedir?
Spry adobe'ye ait bir yeniliktir. Birkaç yerde okuduğuma göre amaç Ajax'ı en popüler hale getirmekmiş.

DW ile Spry arasındaki bağ...
Spry bağımsız da çalışabilir ama esasında Dreamweaver (DW) ile eşleşmiş bir yazılımdır. DW CS3 ile gelen bir yenilik.

Bu yenilik şunları yapabilir:
Yazılara, linklere efekt verebilir. ŞU ADRESten spry effect'lerin adını, adına tıkladığınızda da görevinin tanıtımını görebilirsiniz.

SPRY başka ne yapar?
Hani şu genelde haber sitelerinde gördüğümüz sekme panelleri vardır. (örnek) İşte mesela onu pratik bir şekilde oluşturabilir ve düzenleyebilir.
Ya da mesela menüler vardır ki bu menüler; alt menüleri de olan dinamik menülerdir. (örnek) işte bunu da yapabilir. (Spry ile sadece 3. alt menüye kadar inebiliyorsunuz.)

Spry'leri birleştirip örnek olarak bakın adobe bize neler yapmış...
1) Foto Galeri yapmış. (kaynak kodları) (tanıtımı)
2) Dinamik Form yapmış. (kaynak kodları) (tanıtımı)
3) Diğerleri de BURADA.

Siz de Spry özelliğini kullanarak bu tip scriptler yazabilirsiniz. Bu upload scriptti olabilir, fotograf galerisi olabilir artık arz-talep meselesi...

SPRY'yi indirin ya da güncelleyin:
DW kullanmadan SPRY İndirme (1.6.1)
DW CS3 uyumlu SPRY Güncellemesi
DW CS4 uyumlu SPRY Güncellemesi

DW CS3 için Spry kullanımı hakkında biraz bahsedelim.
Spry oluştumak:
1) Öncelikle DW'de boş bir sayfa açın ve bu sayfayı kaydedin.
2) Kaydettiğiniz bu boş sayfayı DW ile açın.
3) Menüden şu adımları takip edin:
İnsert > Spry
4) İstediğiniz Spry'yi seçin ve Properties sekmesiyle düzenleyin. (Sitil dosyalarını değiştirmek için spry'in oluşturduğu CSS dosyayı kurcalamalısınız. Bunu DW'deki CSS sekmesi altındaki ALL başlığıyla çok daha kolay yapabilirsiniz.)

Dipnot: Her Spry farklı bir JS, Resim ve CSS dosyası oluşturabilir. JS ve resimleri ne yaparsınız bilemem ama dilerseniz CSS'leri bir CSS dosyasında toplayabilisiniz. Bunun için boş bir CSS dosyası açın ve stil. css olarak kaydedin. Diğer CSS dosyalarını açın. Diğer CSS dosyalarındaki kodları kopyalayıp alt alta stil. css'ye yapıştırın. Daha sonra SPRY 'yi kullandığınız sayfadaki,

"<"link href="file://../sprymenubarhorizontal.css" rel="stylesheet" type="text/css" /">"

kodunlarını silin (kaç spry varsa o kadar bu koddan vardır.) yerine

"<" link href="sitil.css" rel="stylesheet" type="text/css" / ">"

yazın.
(Not: < ve > olacak kısımları "<" ve ">" şeklinde yazdım umarım anlamışsınızdır.)

Spry efekt kullanımı:
Mesela Blind efektini kullanalım.
Bunun için boş sayfamıza bir Div oluşturalım. Div'in içini donatalım. (Yazı olur resim olur link olur...) Daha sonra F9 tuşuna basıp tag sekmesini açalım. Bu sekme altındaki behaviors sekmesine tıklayalım. (+) butonunu görmüş olmalısınız. Ona tıklayalım ve açılır menüde effect seçeneğinden Blind'i seçelim. Karşımıza küçük bir ayar penceresi geldi. Bu pencere:
Target Element derken Div'inizi seçmenizi istiyor,
Efect diration derken milisaniye değerini istiyor,
Effect de efektin nasıl meydana geleceğini soruyor.
Diğerleri efekte göre değişen özellikler. Dene-yanıl tekniğini kullanın....
Ayarlarıda yaptık ve gördük ki behaviors da yeni bir efeckt oluştu. Efekt solunda OnClick (ya da diğer) yazıyor. Oraya tıklayarak sayfada hangi eylem yapıldığında efektin çalışmasını istiyorsanız onu girin.
Efekt hazır...

sanırım şimdilik bu konu hakkında bu kadarı yeterli... Daha fazla bilgiyi ingilizce olarak BURADAN YANi ADOBE'den öğrenebilirsiniz.

Bu yazı ilkanmilkan 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 adet güzel ve kullanıcı dostu navigasyon menüsü

ilkanmilkan — Thu, 05 Feb 2009 07:39:00 GMT

Bir web sitesinin kullanışlılığının en temel gereklerinden birisi şüphesiz navigasyon menüleridir. Kullanıcılar için kullanım kolaylığı açısından basit ve anlaşılır olmasının yanında şıklığı da oldukça önemlidir. Smashing Magazine bizim için şahane 50 adet css, css+javascript ve flash navigasyon menüsünü listelemiş. İlham almak adına hep birlikte göz atalım.

Loodo

nopokographics

smallstone

Water’s Edge Media
Listenin tamamını görmek için tıklayın.

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