bildirgec.org - claymanorin - beğendikleri

En iyi CSS Framework'ler

claymanorin — Sat, 12 Dec 2009 15:49:00 GMT

Css Framework türkçeye "css iskeleti" olarak çevrilen, css ve html tabanlı web sitelerinin anahtar ve diğer yardımcı elemanların kısmen ve değişken olarak bizim için hazırlanmış halidir. Bu sayede karmaşık web sitelerini çok daha kolay biçimde hazırlayabiliriz. Ayrıca büyük ölçüde zaman kolaylığı sağlar. Ön önemli artılarından biri tüm tarayıcalarda büyük ölçüde çalışabilmeleridir. Normalden daha hızlı web sayfamızı geliştirebiliriz. Ayrıca gereksiz kod israfından da kurtulmuş oluruz. İşte en iyi css framework'leri;

Blueprint

Blueprint css başında harcanan zamanın azalmasını sağlıyor. Birçok eklenti sunmakla beraber aynı zamanda oldukça kullanışlı. Tarayıcılar arasındaki css farklılıklarını tamamen ortadan kaldırıyor. Birçok eklenti, editör, buton vb. kullanılabilir. Şu ana kadar hazırlanmış css iskeletlerden en popüleri. İskeleti css ve html içeren tüm projelenizde kullabilirsiniz.
Dokümantasyon : Wiki formatında
Topluluk : Twitter ve Facebook Fan
Lisans: MIT ve GPL
Boyut: 3.84mb.
Örnek Proje: WebAvanta

YUI 2: Grids CSS

4 tane ön tanımlı sayfa genişliğini, 6 tane ön tanımlı şablonu ve 2, 3 ya da 4 sütunlu alt bölümleri birbirinin içerisine yerleştirmeyi destekler. 4KB’lık dosya 1000′in üzerinde sayfa anahat kombinasyonunu içerir
Dokümantasyon: Örnekleme
Topluluk : Forumu bulunmakta
Lisans: BSD Lisans
Boyut: 13mb.
Örnek Proje: Symfony-Framework.nl

YAML

Html ve css çatısı sayesinde özelleştirilen anahatlar oluşturabilirsiniz. Çatı son derece değişken hazırlanmış ve kullanımı son derece basit.
Dokümantasyon: Çerveler içine yerleştirilen ek bilgiler
Topluluk : Forumu bulunmakta
Lisans: Creative Commons Attribution 2.0 License and Commercial License.
Boyut: 606 kb.
Örnek Proje: ShlagerBand

Elastic

Web tabanlı arayüzlerin anahatlarını rahatlıkla oluşturabileceğiniz bir css çatısı. Anahat teknikleri gözönüne alınarak 4 sütunu bulunmakta. Fakat dilerseniz sınırsız sayıda sütun ekleyebilirsiniz. Ayrıca sabit ve yüzen anahatları kolayca eklemenize olanak verir.
Dokümantasyon: Örnekleme ve Klavuz
Topluluk : Facebook Fan,Google Grubu, IRC kanalı
Lisans: BSD Lisans
Boyut: 2.02mb
Örnek Proje: Freshout

960 Grid System

Büyük ölçüde zaman kolaylığı sağlayan bir araç. Farklı tarayıcılarda çıkan hata oranı çok düşük fakat sıfır değil. Tüm web uygulamalarında kullanabileceğiniz bir sistem ve karmaşık anahatları kolayca oluşturabilmenizi sağlıyor.
Dokümantasyon: Öğretici Klavuzlar
Topluluk : Galeri ve Twitter
Lisans: GPL ve MIT
Boyut: 363kb.
Örnek Proje: Four Kitchens

SenCSs

Anahatları düzenleyemeceğiniz fakat anahat dışındaki her şeyi değiştiribeliceğiniz bir css çatısı. Anahatları kendileri oluşturmak isteyen web tasarımcıları için hazırlanmış.
Dokümantasyon: Çok zayıf pek bilgi verilmemekte
Topluluk : Blog ve Twitter
Lisans: MIT
Boyut: 6.5mb.

Kaynak ; ajaxline

Bu yazı claymanorin 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 3D Av Simülasyonu (The Hunter)

claymanorin — Wed, 25 Mar 2009 15:02:00 GMT

Geçen günlerde karşılaştığım bir oyundan bahsetmek istiyorum. Oyunumuzun adı, The Hunter.

The Hunter

Şimdiye kadar gördüğüm en gerçekçi av simulasyonu daha doğrusu gördüğüm en iyi ücretsiz simülasyon.

Oyun internet sitesiyle eş zamanlı olarak bilgisayarınızda 3D olarak oynanan bir oyun. Yani oyunun sitesine üye olmak şart. Çünkü oyunu siteye login olduktan sonra çalıştırabiliyoruz. Sonrasında görevlerimizi site üzerinden alabiliyoruz.

Siteye ücretsiz bir şekilde üye olduktan sonra sizden oyunun çalışması için gerekli olan bir exe dosyası ile oyunun "clientin"i indirmeniz isteniyor. Bunun için yardımı siteye login olduktan sonra üst menüde bulunan "Help" menüsünden alabilirsiniz.

Oyunun "client"i yaklaşık olarak 370MB fakat gerçekten de oynaması çok keyifli.

Bir de oyunun istediği sistem donanımından bahsedeyim;

İntel Pentium 4 3Ghz yada AMD
1GB Ram
256MB Ekran Kartı (nVidia GeForce 7600 / Ati Radeon X1800 ya da üstü, İntel ekran kartları desteklenmiyormuş.)
Win Xp SP2 veya Win Vista.

Bunlarla birlikte oyunu oynayabilmeniz için her bilgisayarda bulunan bir adet tarayıcı gerekiyor.
Bunların da Firefox 3.0 ve üstü ya da İnternet Explorer 7 olması gerekiyormuş. (Opera, Safari ve Chrome henüz desteklenmiyormuş.)

Ve son olarak daha önceden de dediğim gibi oyunu web sayfasına bağlantılı olarak oynadığımız için (yani web sayfasından tıklayarak oyunu başlattığımız için) "Emote Launcher" programını ve oyunun Clientini indirmemiz gerekiyor ki bunları siteye giriş yaptıktan sonra "Help" menüsü altında "Install The Game" linkinde bulabilirsiniz.

Oyunun ekran görüntülerine burdan ulaşabilirsiniz.

Benim beklediğimin üstünde grafiklere sahip bir oyun. Herkeze tavsiye ediyorum. İyi eğlenceler. bu ilk yazım hatam olursa kusura bakmayın.

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

45+ ücretsiz tasarım şablonu ve psd dosyaları

claymanorin — Fri, 23 Jan 2009 14:18:00 GMT

Bu yazımda rehberleri ile birlikte pek çok kullanışlı grafik tasarım dosyaları, iş kartı, kredi kartı, simge, belge, yapışkan not, dvd kutusu, cd kapak şablonları gibi nesneleri daha çabuk oluşturabilmenize yardımcı olacak şablonlar ve çok daha fazlasını bulacaksınız. Bu kolleksiyonun doğru eller altında mükemmel işlere vesile olacağına eminim; en azından ben bu kaynakları bulduğumdan beri öyle hissediyorum. Halihazırda başkaları tarafından oluşturulmuş bir şeyi neden tekrar tekrar oluşturasınız ki?

Her zaman olduğu gibi yazının devamında göreceğiniz örnekleri projelerinizde kullanmadan önce lisans sözleşmelerine bir göz atmayı lütfen unutmayın.

Windows 7 Box .PSD Icon by giannisgx89

iMac Icon by bobbyperux

Credit Card Icon by sniffels

Complementary Colour Swatches by digitalphenom

Customizable Folders by bobbyperux

Basic Button Collection by Rmit

Documents And Letters by Adam Woodhouse

Post It! by verbaska

Free Post It Notes by bobbyperux

Free Button Pack by celerayted

DVD Label by 2n2

DVD Case Inlay by 2n2

DVD Plastic Case by manicho

DVD Case Template Mockup by manicho

Jewel Case Vector Based PSD by lemarquis

Cassete by manicho

T-shirt Vector Template by gopurifyyourself

Notebook PSD by tlmedia

350dpi Business Card Template by eikonstock

Deviant ID Card Template by deviantdark

Old School Sloppy Border by eikonstock

Pixel Arrow Pack by sizer92

Big Stamp Template by jablonka89

Stock Pack Presentation Template by mouritsada-stock

PSDFreebie
Bu site düzenli olarak bannerler, duvar kağıtları, anahatlar, ikonlar ve çok daha fazlasını yayımlıyor. Eğer bu tip içeriklerle ilgileniyorsanız siteyi yer imlerinize eklemenizin tam sırası.

Magazine template 2500px by kadox

Reflection Icon Template by styrizo

Free Film Frame by bobbyperux

Skateboard template by nunosk8

Under Construction Sign by creamania

Photoshop 3D Cube by thedevstudio

Golden Frames by ro-stock

CoverSutra Snapshot Sleeve by turnpaper

Magnifa Pro by jean31

Subscribe Badges + Tutorial

Framed Wallpaper Resource by stratification

WWE 2007 DVD Cover Template by alan880
Tam katmanlı ve rehberi bulunan bir şablon.

Film Strip by uneekresources

Snowboard Deck Template by nunosk8

3D Box Template by fox82
Akıllı nesneler kullanan ve şablonda bulunan grafikleri kendinizinkilerle değiştirebilmenize olanak sağlayan kullanışlı bir Photoshop şablonu.

Old Folder by pullus

Stamp Sheet Template by e-derby

Newspaper Template by wildsway18

Mail PSD With Editable Text by chekkz

Moleskine by dennern

Eğer ilgi olursa web tasarım şablonlarına yönelik benzer bir iletiyi daha paylaşmayı düşünüyorum. Eğer ona da ilgi olursa o zaman beğendiğim PSD çalışmalarının bağlantılarını da içeren bir başka makale daha yazabilirim. PSD çalışmaları özellikle diğer tasarımcıların tekniklerini görebilmek ve onlardan öğrenebilmek açısından oldukça önemlidir.

Kaynak: 1st Web Designer

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

Bu yazı claymanorin 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ınızı CSS3 İle Geleceğe Taşıyın

claymanorin — Mon, 09 Mar 2009 12:25:00 GMT

CSS3 ile birlikte web tasarımında yaratıcılıkta patlamaya yol açacak pek çok yeni özellik bulunuyor. Bu özellikler CSS'nin stilleme kurallarında yer alıyor ve hazırlıkları halen süren CSS3 Tanımlaması'nda yer alıyor. Aslında bu yeni özellikleri müşterileriniz için geliştirdiğiniz web sitelerinde henüz önümüzdeki birkaç yıl boyunca kullanamayacaksınız ancak tasarım blogları ve Web tasarım komünitesini hedefleyen web siteleri, web tasarımının sınırlarını zorlamak için bu özellikleri kullanaral tasarımınıza biraz daha güzellik katabilirler ve endüstriyi geleceğe taşıyabilirler.

Yazının devamında bulacağınız 5 teknikle şimdiden geleceğin teknolojisi için hazırlık yapmaya başlayabilirsiniz.

1. Border Radius

border-radius

Muhtemelen günümüzde en çok kullanılan CSS3 tekniği border-radius elementi. Standart HTML blok elementleri kare şeklindedir ve 90 derecelik köşelere sahiptir. CSS3 ile birlikte gelecek olan bu yeni özellik ile birlikte yuvarlatılmış köşeleri de web sitelerimizde kullanabileceğiz.

-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;

border-radius ayrıca köşelerin her birini ayrı ayrı stillememize de izin veriyor ancak bunun için kullanılan sözdizimi -moz ve -webkit için biraz farklı:

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;

Bu özellik şimdilik Firefox, Safari ve Chrome tarafından destekleniyor. İlgili özellik ayrıca Twitter üzerinde de kullanılıyor.

Ayrıca bakınız:

2. Border Image

border-image

Adından da anlaşılabileceği üzere border-image, her bir nesnenin sınırları için bir görsel kullanabilmemizi sağlıyor. İlk olarak görsel, nesenin her bir köşesi için oluşturuluyor. Görselin her bir köşesi, HTML nesnesinin bir köşesine işaret ediyor. Ardından bu görsel aşağıdaki sözdizimi kullanılarak siteye aktarılıyor.

border: 5px solid #cccccc;
-webkit-border-image: url(/images/border-image.png) 5 repeat;
-moz-border-image: url(/images/border-image.png) 5 repeat;
border-image: url(/images/border-image.png) 5 repeat;

{border: 5px;} özniteliği sınırın genel genişliğini belirtirken ardından uygulanan her bir border-image kuralı görsel dosyasını hedefliyor ve tarayıcıya görselin o 5px genişliğindeki alanın ne kadarını doldurması gerektiğini söylüyor.

Sınır görselleri de tıpkı köşelerde olduğu gibi sınır başına tanımlanabiliyor. Bu sayede her bir sınır için farklı görseller kullanılabilmesinin de önü açılmış oluyor.

border-bottom-right-image
border-bottom-image
border-bottom-left-image
border-left-image
border-top-left-image
border-top-image
border-top-right-image
border-right-image

Bu özellik Firefox 3.1, Safari ve Chrome'de destekleniyor. Özellik ayrıca Blog.SpoonGraphics üzerinde de kullanılmış.

Ayrıca bakınız:

3. Kutu ve Metin Gölgeleri

box-shadow

Gölgeler: Gölge efektini hanginiz sevmiyorsunuz ki? Bu efektler bir web tasarımını doğru kullanıldığında çok güzel, yanlış kullanıldığında da çok kötü yapabilirler. Şimdi, CSS3 ile birlikte gölge efekti oluşturmak için Photoshop'a bile ihtiyacınız olmayacak. Bugüne kadar bu özelliği sitelerinde kullanmaya cesaret edenler ortaya fena işler çıkarmadılar. Özelliğin kullanımına güzel bir örnek olarak bu yıl yayımlanmaya başlayan 24 Ways websitesi gösterilebilir.

-webkit-box-shadow: 10px 10px 25px #ccc;
-moz-box-shadow: 10px 10px 25px #ccc;
box-shadow: 10px 10px 25px #ccc;

İlk iki öznitelik gölgenin elementten ne kadar uzağa kadar esneyeceğini gösteriyor. Yukarıdaki kod örneğinde bu x ve y açıları için 10 px olarak belirtilmiş. Üçüncü öznitelik ise gölgenin bulanıklık seviyesini belirtirken son öznitelik ise gölgenin rengini tanımlıyor.

Bununla birlikte text-shadow özelliği aynı efektin metin üzerine de uygulanabilmesini sağlıyor.

text-shadow: 2px 2px 5px #ccc;

Şimdilik bu özellik Firefox 3.1, Safari, Chrome (sadece box-shadow) ve Opera (sadece text-shadow) üzerinde kullanılıyor. Örneğin kullanıldığı web sitesi ise 24 Ways.

Ayrıca bakınız:

4. RGBA ve Geçirgenlik İle Kolay Saydamlık

opacity

Web Tasarımında PNGlerin Kullanımı saydamlığı anahtar bir tasarım özelliği haline getirdi. CSS3 ile birlikte alpha ve geçirgenlik kurallarını kullanmak mümkün olacak.

rgba(200, 54, 54, 0.5);
/* örnek: */
background: rgba(200, 54, 54, 0.5);
/* ya da */
color: rgba(200, 54, 54, 0.5);

İlk üç numara kırmızı, yeşil ve mavi renk kanallarına işaret ederken son değer ise saydamlık efektini verecek olan alpha kanalını belirtiyor.

Alternatif olarak geçirgenlik kuralı ile birlikte renk ve geçirgenlik değerlerini ayrı ayrı belirtmek mümkün olacak:

color: #000;
opacity: #0.5;

Bu özellik Firefox, Safari, Chrome, Opera (opacity) ve IE7 (opacity, sorunlu). Bu özellik yine 24 Ways sitesinde kullanılmış.

Ayrıca bakınız:

5. @font-face İle Özel Web Yazıtipleri

@font-face

Web üzerinde daima güvenle kullanabileceğiniz yazıtipleri vardır: Arial, Helvetica, Verdana, Georgia, Comic Sans (hmm...) vs. Şimdi @font-face CSS3 kuralı ile birlikte yazıtipleri çevrimiçi bir dizin üzerinden çağrılabilecek ve web üzerinde kullanılabilecek. Ancak bu özellik telif hakkı sorunlarını da beraberinde getireceğinden şimdilik kullanabileceğiniz sadece birkaç yazıtipi bulunmakta.

Bu özelliğin kullanılabilmesi için gereken kod şu şekilde olmalıdır:

@font-face {
font-family:'Anivers';
src: url('/images/Anivers.otf') format('opentype');
}

Ardından font-family'nin geriye kalan öğeleri de günümüzde kullanıldığı şekilde kullanılmaya devam edecektir.

h1 { font-family: ‘Anivers’, Helvetica, Sans-Serif; }

Bu özellik Firefox 3.1, Safari, Opera 10 ve IE7 (çok sorunlu, eğer kendinizi yeterince cesur hissediyorsanız o zaman IE üzerinde font-face'i çalıştırmayı deneyebilirseniz) üzerinde çalışıyor. Bu özelliği kullanan bir web sitesi olarak TapTapTap gösterilebilir.

Ayrıca bakınız:

Her ne kadar CSS3 halen geliştirme aşamasında olmasına rağmen burada listelenen kurallar daha şimdiden bazı tarayıcılar tarafından desteklenmektedir. Özellikle Safari'nin bu yeni özellikler için tam desteği bulunuyor. Ancak ne yazık ki, bence dünyanın en iyi tarayıcısı olmasına rağmen Safari'nin kullanıcı sayısı halen çok değil bu sebeple bu özellikleri sırf Safari kullanıcıları için eklemek, en azından şimdilik pek mantıklı bir çözüm değil. Ancak Apple'ın Mac bilgisayarlarının kullanım oranının gün geçtikçe günlük hayatımıza girmesi ile birlikte Safari'nin de kullanım oranı önemli ölçüde artacaktır.

Firefox da öte yandan İnternet kullanıcılarının %20'den fazla bir kesimini içeriyor. Daha da önemlisi, pek yakında yayımlanacak olan Firefox 3.1 pek çok CSS3 özelliğini de destekliyor. Firefox kullanıcılarının pek çoğunun tarayıcılarını güncelleyeceğini varsayarsak, bu tip yeni stilleme kurallarını destekleyen tarayıcıları kullanan kullanıcıların sayısı önemli ölçüde artacaktır.

Google Chrome ise bu yıl içerisinde yayımlandı. WebKit işleme motorunu kullanan Chrome, aynı işleme motorunu kullanan Safari ile aşağı yukarı aynı özelliklere sahip. Safari özellikle Mac kullanıcıları arasında popülerken, Chrome'nin de piyasaya giriş yapması ile Windows kullanıcıları arasında popülerlik kazanmaya başlıyor.

Yüzde bazında W3'ün tarayıcı istatistiklerine göre Kasım 2008 itibarıyla W3School kullanıcılarının %44.2'si Firefox, %3.1'i Chrome, %2.7'si ise Safari kullanıyor. Bunun diğer anlamı ise bu yeni özellikleri İnternet kullanıcılarının %50'sinin görebilecek olması. Özellikle web tasarım komünitesi içerisinde, ki bu kesim tarayıcı seçimi konusunda daha özenli davranıyor, CSS3 desteğine sahip tarayıcıların kullanım oranı %73.6'ya kadar çıkıyor (Blog.SoonGraphics'e göre).

6. Kötü yanları

Web siteniz artık pek çok güzel tasarım özelliğine kavuşmuş olabilir, ancak bu özellikleri kullanırken daima aklınızın bir köşesinde tutmanız gereken bazı kötü tarafları da yok değil:

Internet Explorer: İnternet kullanıcılarının %46'sı bu yeni özellikleri göremeyecek, o yüzden bu yeni özellikleri web sitenizin hayati önem taşıyan bölümlerinde kullanmayın. İkincil tercihlerin de CSS kodunuz üzerinde oluşturulmuş olmasına dikkat edin.
Doğrulanmamış Stil Şablonları: Bu CSS3 özellikleri henüz son hallerine ulaşmış değiller. Şimdilik bazı tarayıcıları hedefleyen etiketlerle birlikte kullanılabiliyor. Bu özellikler, CSS stil şablonunuzun doğrulanmaması ile sonuçlanabilir.
Fazladan CSS Kodlaması: Son maddenin devamı olarak her bir tarayıcıda aynı kuralı uygulamak için tarayıcıları ayrı ayrı etiketlemenin yanısıra CSS derlemesinin son kodunu da sitenize eklemek, CSS kodunuzun uzamasına yol açacaktır.
Potansiyel Olarak Berbat Kullanımlar: Tıpkı Photoshop filtrelerinin berbat kullanım örneklerine rastladığımız gibi bu yeni stilleme özelliklerinin kötü kullanımı sonucunda da ortaya berbat web siteleri çıkabilir. Özellikle gölge efekti daha şimdiden kulaklarımın çınlamasına yol açıyor. Özellikle kurumların pazarlama departmanlarının bu özelliği ne derecede kullanmak isteyebileceklerini düşünmek istemiyorum.

Kaynak: Smashing Magazine
Yazılarımı RSS İstemcisi Üzerinden Takip Etmek İçin Buraya Tıklayın
@pinkfloyd twitter
pinkfloyd köşesi

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

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

google api ve araçları

claymanorin — Sat, 07 Mar 2009 15:16:00 GMT

google'ın geliştiriciler için hazılamış olduğu onlarca api ve aracı bulunmakta. Bu api ve araçlar sayesinde özellikle web projelerinize bir kaç satırlık kod ile google'ın oldukça kullanışlı servislerini ekleyebilirsiniz. Üstelik ücretsiz.
google'ın bundan kazancı ise şu: bu api ve araçlar geliştiriciler tarafından ne kadar çok kullanılırsa, google'ın interneti etkileme gücü de o derece artıyor. Bu servislerin büyük çoğunluğu aşağıda listelenmiş durumda.

servislerin isimleri (orjinal isimleri ile google'da arama yaparak daha fazla bilgiye erişebilirsiniz), linkleri, kısa açıklamaları ve bazıları ile ilgili örnek sayfa linkleri mevcut.

Tüm sevisleri sabırla inceleyip, kendi projelerinize uygun olanları seçip, bir yap-boz'u birleştirir gibi projelerinize entegre edebilirseniz oldukça güzel sonuçlar elde edebilirsiniz.

Google Account Authentication: Google servisleri ile yazacağınız uygulamalarda, kullanıcıların hesaplarına erişimi sağlamakta.
Google AdSense API: projelerinizi AdSense'e entegre edip değişik raporlar alabilirsiniz.
Google AdWords API : AdWords ile entegrasyonu sağlıyor.
Google AJAX APIs: sadece javascript ve html içeren bir kaç satır kod yazarak, web sayfanıza arama kutusu ve harita gibi dinamik içerikler kazandırabilirsiniz.
Google AJAX Feed API: ajax tabanlı bu api ile rss ve atom beslemeleri üzerinde çeşitli işlemler yaparak web sayfanıza içerik sağlayabilirsiniz. Örnek.
OpenSocial: sadece javascript ve html ile tüm sosyal sitelerde geçerli olabilecek (myspace, hi5,friendster, orkut vb.) uygulamalar yazabilirsiniz.

Orkut Developer Home: Google'ın kendi sosyal sitesi olan orkut'un kullanıcıları için sosyal uygulamalar yazabilirsiniz.
Google AJAX Language API: sonunda Türkçe'yide desteklemeye başlayan Google Translate ile web sayfanıza çoklu dil desteği sağlamakta. Örnek
Google AJAX Search API: web sayfanıza dinamik google arama kutusunu eklemenizi yardımcı oluyor. Örnek
Google Analytics: web sitenizin trafiğini görmeniz ve analiz etmeniz için.
Android: Google'ın mobil cihazlar için geliştirdiği işletim sistemi.
Google Friend Connect: Google'ın facebook ile yoğun rekabet yaşadığı bir uygulama.web sayfanıza ekleyerek ziyretçilerinizin google,aol ve open id hesapları ile sitenize üye olup yorum yazmalarını sağlayabilirsiniz. Örnek

Google App Engine: Son zamanlarda web tabanlı projelerin geliştirilmesinde internet tabanlı platformlar(Cloud Computing) kullanılmakta. amazon.com, force.com, microsoft azure gibi platformların bu yönde birçok hizmeti mevcut.google'da App Engine ile size bir ugulama motoru sunuyor.PaaS olarakta adlandırılmakta Örnek: FriendFeed'in kurucularında bret taylor'ın blogu app engine üzerine kurulu.
Google Apps APIs: Şirketlere ve topluluklara web tabanlı birçok hizmetin (email, takvim, belgeler vb.) sunulduğu platform. SaaS olarakta adlandırılmakta.
Google Calendar APIs and Tools: Google'ın takvim hizmeti'ne entegre projeler üretmenizi sağlayan api.
Google Chart API: Çok kolay bir şekilde grafikler üretebileceğiniz bir api. Örnek
Google Checkout API: Google'ın Paypal tarzı ödeme sistemi olan Checkout ile entergasyonu sağlıyor.
Google Visualization API: Raporlarınızı görsel grafikler halinde sunabilirsiniz. Örnek

Chromium: Google'ın web tarayıcısı olan Chrome'u destekleyen bir açık kanak kodlu proje.
Google Contacts Data API: projenizin kullanıcılarının, google hesaplarındaki kişilerini yönetebilirsiniz.
Google Custom Search API: Web siteniz için arama motoru oluşturabilirsiniz. Örnek
Google Data APIs: Google servislerindeki (belgeler,blogger,takvim vb.) bilgilere erişiminizi sağlar.
Google Documents List Data API: Google belgelere erişimi sağlayarak görüntüleme ve arama yapmanızı sağlar.
Google Earth API: Google Earth'e çoğumuz hayran kalmışızdır.eğer Google Earth'ü 3 boyutlu bir görüntüleme ile web sayfanızda kullanmak istiyorsanız bu api'yi kullanmalısınız. kullanıcılarınıza uygulamayı görmeden önce bir tarayıcı eklentisi yüklemesi istenecek. Örnek

Gmail Atom Feeds: Kendi gmail kutunuzu atom-xml formatında okumanızı sağlıyor.
Google Health API: Google kullanıcılarının, sağlık bilgilerini girdikleri Google Health'e erşimi sağlıyor.
KML: Google Earth üzerinde çeşitli görsel işlemler yapmanızı sağlayan bir işaretleme dili. Örnek
Google Mapplets: Google Maps'te kullanılmak üzere mini uygulamalar yazabilirsiniz.
Gadgets API: javascript,css ve html dillerini kullanarak minik uygulamalar yazabilir ve bu uygulamaları web sayfalarına,igoogle'a,google toolbar'a ekleyebilirsiniz. Örnek

iGoogle Developer Home: igoogle'ın yeni versiyonunun ana sayfasında değişik düzenlemeler yapabiliryorsunuz.farklı gösterimleri(canvas view,profile view) deneyebilir ve OpenSocial api'sini kullanabilirsiniz..
Google Maps API For Flash: haritaları(Google Maps) flash uygulamalarınıza ekleyebileceğiniz ActionScript 3.0 tabanlı api Örnek
Picasa Web Albums Data API: Google'ın resim depolama,paylaşma ve işleme sitesi olan picasa'daki albümlere erşiminizi sağlar.
Google Sitemaps: Google'ın sitenizi sağlıklı bir şekilde indexlemesi için oluşturacağınız web sitenizin haritasını(sitemaps) ekleyebilir ve yönetebilirsiniz.
Google SketchUp Ruby API: SketchUp Google'ın 3 Boyutlu çizimler için kullanabileceğiniz programı.Bu Ruby tabanlı api ile programı kendi kullanımınıza göre şekillendirebilirsiniz.

Subscribed Links: Google'daki belli kelimeler için arama sonuçları oluşturabilir ve kullanıcıların kendi hesapları ile abone olmalarını sağlayabilirsiniz.
Google Transit Feed Specification: Google Earth, Google Maps ile entegre beslemeler yapabilirsiniz.
Google Maps API: Web sayfanıza kolay bir şekilde etkileşimli haritalar(Google Maps) ekleyebilirsiniz. Örnek

Google Static Maps API: Web sayfanıza etkileşimli olmayan, durağan haritalar(Google Maps) ekleyebilirsiniz. Örnek
V8: C++ ile Google Chrome için yazılan açık kaynak kodlu javascript motoru.
Google Web Toolkit: Ajax tabanlı uygulamalar yapabileceğiniz açık kaynak kodlu java geliştirme ortamı.
YouTube APIs: You Tube verileri ile değişik uygulamalar geliştirebilirsiniz.

Yardım Kaynakları:

Yukarıdaki api ve araçlardan başka, henüz gelişim aşamasında olanlar mencut, onlara da Google Code Labs sayfasında erişebilirsiniz.
google yakın zaman önce içinde bir çok api için örnekler bulunan "AJAX APIs Playground" aracını duyurdu.araça buradan erişerek örnek kodlar üzerinde değişiklikler yaparak api'lerin yapısını daha iyi anlayabilirsiniz.
html, javascript, css vb. konularla ilgili içinde eğitimler bulunan Google Code University'i ziyaret edebilirsiniz.
google'ın web geliştiricileri için hazılamış olduğu Google DocType ansiklopedisinden yararlanabilirsiniz.
google api ve araçları ile ilgili daha fazal bilgiye ve geliştiriciler tarafından yapılmış birçok örneğe www.programmableweb.com sitesinden erişebilirsiniz.
ingilizce kaynaklar üzerinde Google Translate ile çalışmalar yapabilirsiniz.

Sizler de Google api ve araçlar ile ilgili deneyimlerinizi ve kendi yaptığınız veya internette rastladığınız google api ve araçları ile ilgili örnekleri, yorum bölümünden paylaşırsanız daha yararlı bir bildiri olacaktır.

benim rasladığım bir örnek burada.

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

Size Sıfırdan Joomla Öğretecek 70 Kaynak

claymanorin — Sat, 28 Feb 2009 15:29:00 GMT

Açık kaynaklı ve ücretsiz popüler bir içerik yönetim sistemi (cms) olan Joomla sayesinde her türdeki web sitesini yönetmek mümkün. Joomla, Mambo CMS'nin küllerinden doğan ve geçen zaman içerisinde kullanıcı sayısının da artmasına paralel olarak Joomla'yı hedefleyen kaynakların sayısı arttı; tıpkı diğer popüler açık kaynak çözümlerinde olduğu gibi. Bunun kullanıcılar ve geliştiriciler açısından anlamı, ilgili platforma yönelik pek çok kaynağın ve bilginin bulunuyor olması. Biz de bu yazımızda bu kaynakların en iyilerine değineceğiz.

1. Resmi Kaynaklar
Her ne kadar Joomla komünitesi sayısız kullanışlı kaynak oluşturmuş olsalar da, Joomla'yı geliştiren ekibin yayımladığı ve önem arzeden kaynaklar da bulunuyor.

Joomla Ana Sayfası: Joomla'nın resmi sitesi üzerinden sistem hakkında daha fazla bilgi alabilir ve dosyaları indirebilirsiniz.

Belgeler: Her bir Joomla kullanıcısı ya da geliştiricisinin yer imlerine eklemeleri gereken ve ilgili platformun her alanına yönelik sayısız belge barındıran bir kaynak.

Joomla Komünite Dergisi: Joomla'nın yeniliklerini takip edip güncel kalmak isteyen Joomla kullanıcıları ve geliştiricileri için mükemmel bir kaynak.

Ekip Blogları: Joomla komünitesinde çalışan her bir grubun kendine özgü bir blogu bulunuyor ve bu ekipler, Joomla komünitesinin diğer üyeleri ile iletişim kurmak için bu blogları kullanıyorlar.

Joomla Forumları: Eğer yardıma ihtiyacınız varsa ya da komüniteye herhangi bir soru sormak istiyorsanız, ziyaret etmeniz gereken yer burası.

2. Başlarken
Eğer Joomla'yı denemeye karar verdiyseniz size Joomla'ya giriş yapmanıza yardımcı olacak aşağıdaki kaynaklara bir göz atmayı deneyin.

Joomla'ya Giriş: Eğer daha önce hiç Joomla kullanmadıysanız bu sizin için iyi bir başlangıç noktası olacaktır.

Joomla 1.5 Kurulum Rehberi: Eğer Joomla'nın kurulumu hakkında yardıma ihtiyacınız varsa bu rehber size gerekli adımları gösteriyor.

Joomla'ya Yeni Başlayanlar İçin Rehber: Joomla'yı henüz kullanmaya başlamış kullanıcılar için hazırlanmış bu rehber, kurulum, yönetim seçenekleri, tema sistemi ve daha fazlası hakkında bilgileri içeriyor.

3. Dersler
Eğer Joomla ile geliştirilmiş web siteleri üzerinde nasıl çalışabileceğinizi, kendi şablonlarınızı nasıl oluşturabileceğinizi, eklentileri nasıl kullanabileceğinizi öğrenmek istiyorsanız, aşağıda farklı kategorilere yönelik dersleri bulabilirsiniz.

3.1 Şablonlarla Çalışmak

Joomla Şablon Dersi: Joomla şablonları ile nasıl çalışacağınızı öğrenin.

Şablonları Düzenlemek: Şablonların yönetici paneli üzerinden nasıl düzenlenebileceğini gösteriyor.

Joomla 1.5 Üzerinde Hangi Sayfada Olduğunuzu Anlamak: Joomla için şablon tasarlarken, sayfalarınızı farklı şekilde stillemek isteyebilirsiniz. Bu rehber size bu alanda yardımcı olacaktır.

CSS Dosyasını Düzenlemek: Joomla'nın CSS dosyası üzerinde temel değişikliklerin nasıl yapılabilebileceğini gösteren görsel bir rehber.

Joomla 1.5'te Çıktıları (Output) Anlamak: Joomla tarafından oluşturulan içeriği anlamak için tasarımcılara ve geliştiricilere yönelik oluşturulmuş bir rehber.

Joomla'da Sayfalamak: Joomla üzerinde içeriği sayfalara ayırmak isteyen geliştiricilere yönelik bir rehber.

Joomla 1.5'te Sayfa Başlıkları: Sayfa başlıklarını ve onları ihtiyacınıza göre nasıl şekillendirebileceğinizi inceleyen bir rehber.

Ana Sayfayı Farklı Bir Şekilde Tasarlamak: Bir Joomla web sitesinin ana sayfasına, sitenin geri kalan sayfalarından farklı bir stil atamanın yolları.

Özel 404 Hata Sayfaları: Joomla üzerinde kendinize özel 404 Hata sayfalarını oluşturabilmenin yolları.

3.2 Veritabanları İle Çalışmak

Joomla Veritabanını Dışa Aktamak: Veritabanınızı phpMyAdmin kullanarak nasıl dışa aktarabileceğinizi özetleyen bir rehber.

Joomla Kodlama Pratikleri: Tablolar ve Öncelikli Anahtarlar: Tabloları isimlendirmeye yönelik bazı kullanışlı bilgiler.

3.3 Website Yönetimi

Joomla 1.5 Üzerine Yönetici Temasını Değiştirmek: Yönetici arayüzünü ihtiyaçlarınıza göre nasıl şekillendirebileceğinizi öğrenin.

Joomla 1.5 Üzerinde Öntanımlı Görsel Klasörünü Değiştirmek: Bu makale, Joomla üzerinde görsellerin yüklendiği öntanımlı klasörün konumunu nasıl değiştirebileceğinizi gösteriyor.

WordPress Blogunuzu Joomla'ya Dahil Etmek: Eğer WordPress'ten Joomla'ya geçiş yapmayı planlıyorsanız, bu makale size bu alanda atmanız gereken adımları gösteriyor.

Joomla Kurulumunuzu Bilgisayar Korsanlarına ve Saldırılara Karşı Korumak: Web sitenizi daha güvenli hale getirmek için bazı öneriler.

.htaccess Dosyaları Kullanarak Yönetici Dizinini Güvence Altına Almak: Joomla websitenizi bilgisayar korsanlarına karşı .htaccess dosyalarını kullanarak korumak için yapılması gerekenler.

Joomla Web Sitelerini Taşımak: Web sunucunuzu ya da alan adınızı değiştirmek bazen sizi zorlayabilir. Bu makale bu işlemi bir Joomla web sitesi için nasıl sorunsuz bir şekilde yapabileceğinizi anlatıyor.

3.4 Beslemelerle Çalışmak

Joomla 1.5'te Beslemeleri Yönetmek: Joomla üzerinde beslemelerle nasıl çalışılabileceğine yönelik bir makale.

Joomla 1.5 Üzerindeki Herhangi Bir Sayfada RSS Kullanmanın Yolları: Herhangi bir sayfa üzerinden RSS beslemesi alabilmek için kısa bir ipucu.

Modüller, Eklentiler ve Bileşenler İle Çalışmak

Modül Yöneticisi: Joomla'nın Modül Yöneticisi hakkında sade bir rehber.

Bir Joomla Eklentisi Nasıl Oluşturulur?: Joomla'nın ana özelliklerini kendiniz ya da diğerleri için geliştirmek mi istiyorsanız? Bu makale bu konunun temellerine değiniyor.

Joomla 1.5'te İçeriğe Herhangi Bir Modülü Dahil Etmek: Joomla içeriğine AdSense, PayPal ve AdBrite dahil etmeye yönelik bir rehber.

Joomla Bileşen Geliştirimine Giriş: Bileşen geliştirimi hakkında temel bir yazı.

3.6 Diğer Rehberler

Süper Gizli Sitemap Hilesi: Herhangi bir uzantı yüklemeden site haritası oluşturun.

Joomla Performans Ayarları: Modül Önbellekleme: Modülleri önbelleğe alarak sitenizin performanısını nasıl arttırabileceğinizi öğrenin.

Joomla 1.5'te Bir Yazıya YouTube Videosu Dahil Etmek: Bu makale basit bir eklenti kullanarak sitenize nasıl kolayca YouTube videolarını ekleyebieceğinizi gösteriyor.

Joomla Arama Motoru Optimizasyonu: 5 adımda Joomla web sitesini arama motorları için optimize etmeye yönelik bir ders.

4. Joomla Şablonları (Temaları)

Joomla komünitesi halihazırda binlerce tema oluşturmuş durumda. Bazı premium tema üyelik kulüpleri içeren web sitelerinin yanısıra pek çok ücretsiz tema da bulunuyor. Bu kısımda ücretli ve ücretsiz en iyi Joomla şablonlarını bulabileceğiniz siteler yer alıyor.

JoomlaJunkie: JoomlaJunkie sitesi, kullanıcılara, tasarımcılara ve geliştiricilere yöelik ücretli ve yüksek kaliteli şabonları içeren üyelik paketlerinin yanısıra ücretsiz Joomla temalarını da sunuyor.

Best Of Joomla: Geliştiriciler kendi oluşturdukları temaları bu siteye gönderebilirler Best of Joomla ücretsiz şablonların yanısıra bazı kullanışlı bilgileri de içeriyor.

Joomla24: 1.500'ün üzerinde ücretsiz Joomla temasını bünyesinde barındırıyor.

Design for Joomla: Ücretsiz şablonların bulunduğu geniş bir kolleksiyon.

Funky Visions: Pek çok ücretsiz Joomla şablonunu içeriyor.

IbolDesign: IbolDesign sitesi de diğer şablon siteleri gibi bir dizi ücretsiz şablonu içeryor.

Rocket Theme: Bir diğer ücretli ve yüksek kaliteli şablon sunan site ayrıca dört adet ücretsiz tema da içeriyor.

Joomla Shack: Ücretli ve ücretsiz temaların bulunduğu bir site.

Joomla Jet: Üç farklı seviyede üyelik sunan ve premium temaları bünyesinde barındıran bir site.

Joomla Art: Bir diğer premium tema kulübü olan bu sitede ayrıca bazı dersler ve harici kaynaklar da yer alıyor.

Boş Joomla 1.5 Şablonu: Şablon oluşturmak için iyi bir başlangıç noktası.

DJoomla: Sitenin kullanıcıları tarafından gönderilen ücretsiz temaların yanısıra bazı diğer kaynaklar da bulunuyor.

SiteGround: Bu hosting şirketi Joomla kullanıcıları için bir dizi ücretsiz tema sunuyor.

OSSkins: Joomla, WordPress ve Drupal için ücretli ve ücretsiz şablonlar sunan bir site.

5. Uzantılar, Eklentiler

Tıpkı diğer açık kaynaklı CMSler gibi Joomla da ilk indirildiğinde bazı özellikleri bünyesinde barındırıyor ancak eklentiler ve uzantılar kullanarak Joomla sitenize yeni özellikler katmak mümkün. Tıpkı şablonlarda olduğu gibi bu eklentilerin de bir kısmı ücretsiz bir kısmı ücretli olarak sunuluyor. Yazının bu kısmında ihtiyacınız olan en doğru eklentiyi ve/veya uzantıyı bulabileceğiniz siteleri listeleyeceğiz.

Joomla Uzantıları Dizini: Uzantıların resmi dizini.

Joomla Eklentileri: Ücretsiz bileşenler, modüller ve eklentilerin yer aldığı mükemmel bir kolleksiyon. Ayrıca bazı yüksek kaliteli eklentilr de bu site üzerinden satışa sunuluyor.

JoomlaWorks: Site bünyesinde hem ücretli hem de ücretsiz eklentiler yer alıyor.

Joomla Bamboo: Joomla Bamboo ücretli uzantılar ve temaların yanısıra bazı ücretsiz kaynkaları da içeriyor.

VirtueMart Virtuemart, Joomla ve Mambo siteleri için ücretsiz ve açık kaynaklı bir e-ticaret çözümü.

DJoomla: Kullanıcılar tarafından gönderilen Joomla modülleri dizini.

iJoomla: Üçüncü parti uzantı dizini.

SiteGround: Bazıları ücretli bazıları ücretsiz Joomla eklentilerinin bir dizini.

UltiJoomla: Bir dizi ücretsiz uzantıyı da içeren bir blog.

6. İlham
Eğer diğer tasarımcıların ve geliştiricilerin Joomla ile neler başardıklarını görmek istiyorsanız şanslısınız zira İnternet üzerinde Joomla için ilham kaynaklarına yönelik pek çok web sitesi bulunuyor. Bazıları ise Joomla'nın yanısıra diğer içerik yönetim sistemlerini de bünyesine katmış.

Joomla Based: Joomla ile çalışan web sitelerinin geniş bir listesi.

Joomla Showcase: Joomla ile çalışan web sitelerinin tasarımlarını içeren bir galeri.

Joomla'nın En İyileri: Ücretsiz temaları da içeren ve ilham alınabilecek sitelere yönelik bir site.

Joomla Case: Sadece Joomla için diğer bir tasarım galerisi.

CMS Showcase site bünyesinde tanıtılan 40 adet Joomla ile çalışan web sitesi bulunuyor.

Joomla Showcase: Joomla forumları bünyesinde ayrıca özel Joomla şablonları ve diğer Joomla kullanıcılarının çalışmalarından ilham alabileceğiniz bölümler de bulunuyor.

Joomla Zone: Joomla Zone, web site sahiplerinin ve tasarımcılarının Joomla ile çalışan web sitelerini gönderebilecekleri Joomla Powered bölümünü içeriyor.

7. Diğer CMSler İle Karşılaştırma
Eğer Joomla'yı daha önce kullanmadıysanız, muhtemelen bu platformun diğer içerik yönetim sistemleri ile arasındaki farkı merak ediyorsanız. Aşağıdaki kaynaklar farklı kişilerin diğer CMSlerin karşısında Joomla'nın hangi özellikleri ile ayakta durabildiğini anlatıyor. Bu karşılaştırmaları okurken her bir içerik yönetim sisteminin artılarının ve eksilerinin bulunduğunu ve piyasadaki hiçbir içerik yönetim sisteminin tüm projeler için uygun olmasının mümkün olmadığını aklınızdan çıkarmayın.

Joomla vs. WordPress: SitePoint forumlarında Joomla ile WordPress'i karşılaştıran bir tartışma forumu.

Hangi CMS? Joomla vs. Drupal vs. WordPress: Bu video her biri açık kaynaklı olan bu üç seçeneği de birbirleri ile karşılaştırıyor.

WordPress vs. Joomla: İşe Yarar Rehber: YOUmoz üzerindeki bu yazı, her iki içerik yönetim sistemini de kullanılabilirlik, değişkenlik ve arama motoru optimizasyonu açısından inceliyor.

Neden Arkadaş Olamıyoruz? Joomla vs. Drupal: Her bir içerik yönetim sisteminin artılarını ve eksilerini inceleyen tarafsız bir yazı.

Joomla ve Drupal - Sizin İçin Hangisi Doğru?: Bu makale her ne kadar iki yıl eski olsa bile bu iki platformu da karşılaştırmak isteyenler için faydalı olabilir.

8. Geliştirici Kaynakları
Bu kaynaklar, yukarıdaki kategorilere pek uymamasına rağmen belirtmeye değecek kaynaklar olduğunu düşünüyorum. Kaynakların her biri, WordPress geliştiricilerinin farklı ihtiyaçlarını gidermeye odaklanıyor.

JoomlaCode: JoomlaCode.org Joomla üzerine inşa edilmiş açık kaynaklı projeler geliştirmek isteyen geliştiricilere yönelik bir kaynak.

Joomlancers: Joomla geliştiricileri için bağımsız çalışanlara (freelancer) yönelik bir iş bulma sitesi.

Joomla Geliştirici Kaynakları: Joomla için eklentiler ve bileşenler geliştiren ya da geliştirmek isteyenlere yönelik bir kaynak.

Kaynak: Smashing Magazine

Size Sıfırdan XX Öğrenetecek XX Kaynak Serisi

yazılarımı rss istemcisi üzerinden takip etmek için buraya tıklayın

Bu yazı claymanorin 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 Ücretsiz ve Mükemmel Dreamweaver Uzantısı

claymanorin — Mon, 02 Mar 2009 19:05:00 GMT

Bu yazı, Adobe Dreamweaver için jQuery ve Prototype API uzantısı, PayPal, Skype ve Google araçları uzantıları gibi kullanışlı ve her Dreamweaver kullanıcısının işine yarayacak olan Dreamweaver uzantılarını (Dreamweaver extensions) içermektedir. Umarım işinize yarar.

Atomz Arama Motoru: Bu uzantı sayesinde web sitenize Atomz Aramasını ekleyebilirsiniz. Atomz sunucuları üzerinde depolanan çekirdeki kodun sitenize entegre edilmesi sayesinde siteniz üzerinde güçlü bir arama motoruna kavuşabilirsiniz. Sitenizde 10,000 sayfaya ya da belgeye kadar olan içeriğin arama motoru tarafından 30'un üzerinde dilde aranabilmesini sağlayabilirsiniz.

jQuery API Uzantısı: Eğer jQuery kullanıyorsanız Dreamweaver için geliştirilen bu eklentiye gerçekten ihtiyacınız olacaktır. Eklentinin kurulu olduğu Dreamweaver üzerinde çok daha az miktarda kod yazabilir, bunun yanısıra uzantının sunduğu kod renklendirme, kod parçacıkları ve tüm jQuery ve jQuery UI özelliklerini içeren kod ipuçlarından faydalanabilirsiniz.

Skype İçin İletişim Araçları: Bu uzantı büyük ya da küçük tüm kurumlar için Skype'ın ucuz iletişim seçeneklerini web ortamlarına dahil edebilmenizi sağlıyor.

MovableType HTML Düzenleyicisi: MovableType sitelerini HTML düzenleyiciniz üzerinde daha hızlı ve daha verimli bir şekilde geliştirebilirsiniz.

YouTubizer: YouTube videolarını kolayca ve hızlıca, doğrudan Dreamweaver üzerinden sitenize dahil edin.

Google Araçları: Dreamweaver için Google Araçları herhangi bir kodlamaya gerek kalmadan Google servislerini kullanabilmenizi sağlıyor. Sitenize özgü Google araması oluşturabilir, Google Haritalar servisi ile yol tarih edebilir, Google Mobile için altı farklı aracı kullanablir ya da Google Checkout ile ürünlerinizi satabilirsiniz.

Adobe Kuler Uzantısı: Adobe Kuler, herhangi bir projeye ilham kaynağı olabilecek renk şemaları oluşturabilen bir web uygulamasıdır. Bu uzantı Adobe Kuler renk paletlerine doğrudan Dreamweaver üzerinden erişebilmenizi sağlıyor.

DotNetNuke SkinObjects: Bu Dreamweaver uzantısı DotNute Skinning işlemini gerçekten kolaylaştırıyor. Uzantıyı kurduktan sonra tüm DotNuke skin nesneleri ve onların özniteliklerine Dreamweaver üzerinden ulaşabiliyorsunuz.

WordPress Dreamweaver Uzantısı: TAGStention bir Dreamweaver uzantısı olup WordPress şablon etiketlerini tema dosyalarınıza entegre edebilmenizi sağlıyor. Eper bir etiket herhangi bir parametreyi gerektiriyorsa, sihirbaz üzerinden ilgili parametreyi girmeniz isteniyor.

RubyWeaver: Bu uzantı, Ruby ve Rails için Dreamweaver üzerinde bir IDE görevini üstleniyor. Uzantının orjinali RidingTheClutch.com sitesnden Rob Cameron'a ait.

Stil Değiştiricisi: Garip bir Dreamweaver uzantısı olan Style Switcher uygulamanın kullanıldığı saate göre stil dosyasını değiştiren bir uygulama.

Joomla Template Oluşturucusu: Joomla! 1.5'i Öğrendiniz ve şablon oluşturmak için sabırsızlanıyor musunuz? O zaman bu eklentiyi kullanarak seri bir şekilde Joomla! şablonları oluşturabilirsiniz.

Dreamweaver İçin Prototype API Uzantısı: Bu uzantı, jQuery API uzantısı ile benzer özellikleri içeriyor ve Prototype çatısını kullanarak uygulama gelişirirken size zaman kazandırmayı hedefliyor. Prototype API uzantısı kod renklendirme, kod parçacıkları ve tüm Prototype fonksiyonlarını içeren kod ipuçlarını içeriyor.

Dreamweaver İçin PayPal eTicaret Araç Kiti: Bu eklenti sayesinde kurumsal web sitenize kolayca eTicaret özellikleri kazandırabilirsiniz. Kolayca ödeme düğmeleri ve temel alışveriş sepeti özelliklerini web sitenize entegre edebilirsiniz.

Dreamweaver İçin Drupal API Uzantısı: Drupal API uzantısı yazacağınız kod miktarını önemli miktarda azaltıyor ve Drupal dosyalarını düzenlerken kullanılan salt metin görünümünden sizi kurtarıyor. Eğer Drupal ile ilgileniyorsanız ya da kullanıyorsanız, ya da kullanmak istiyorsanız, o zaman bu eklentiye gerçekten ihtiyacınız olacaktır.

Eğer sizin de kullandığınız ücretsiz Dreamweaver eklentileri varsa yorumlarınızla paylaşın.

Kaynak: Woork

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

Size Sıfırdan Photoshop Öğretecek 35 Kaynak

claymanorin — Mon, 23 Feb 2009 19:13:00 GMT

Adobe Photoshop çok güçlü ve değişken bir görsel düzenleme / grafik oluşturma uygulaması olup kategorisinde bir endüstri standardı haline gelmiştir. Her ne kadar Photoshop'un arayüzü daha önce uygulamayı hiç kullanmamış olanlar için bile uygulamanın temellerini anlayabilmelerini sağlayacak kadar verimli olsa da uygulamanın size sunabileceği sayısız özelliği öğrenebilmek oldukça uzun zaman gerektirmektedir.

Eğer siz de Photoshop yeteneklerinizi iyileştirip etkileyici kompozisyonlar oluşturmak istiyorsanız bu yazı sizin için. Bu yazıda size sıfırdan Photoshop öğretecek 35 Photoshop kaynağını listelemeye çalıştım.

Genel Dersler

1. Photoshop'un Temelleri

Eğer daha önce Photoshop'a dair hiçbir deneyiminiz olmadıysa, SitePoint'in yayımladığı bu ders Photoshop'un temel özelliklerini anlamanıza yardımcı olacaktır.

2. Adobe Photoshop Arayüz Rehberi

Bu ders Photoshop CS2'nin arayüzünü anlatıyor. Eğer Photoshop'un daha eski ya da daha yeni sürümlerinden birini kullanıyor olsanız bile bu ders sayesinde Photoshop'un arayüz elementlerini daha yakından tanıyabileceksiniz.

3. Photoshop'ta Başarısızsınız (yazı dizisi)

Bu eğlenceli ve çok popüler Photoshop video dersleri serisi eğlenirken öğrenmeyi sevenler için tam bir biçilmiş kaftan.

4. Photoshop'un Araç Kutusu

Bu rehber, Photoshop Araç kutusunun anatomisi hakkında okurlarını bilgilendiriyor.

Photoshop Araçları ve Özellikleri

5. Retouch ve Healing Araçları

Photoshop üzerinde görsellerde ufak değişiklikler ve ince ayarlamalar yapabileceğiniz pek çok araç ve seçenek bulunmaktadır. Bu rehber işte bu araçları inceliyor ve her bir aracın hangi durumlarda kullanılması gerektiğini örnekleriyle anlatıyor.

6. Photoshop'un Kalem Aracı: Tam Rehber

Photoshop'un kalem aracı vektör benzeri bir yöntemle nesneler çizebilmenizi sağlıyor. Bu derinlemesine inceleme, yazılımın Kalem aracı üzerinde alıştırmalar yapabileceğiniz bazı örnekleri de bünyesinde barındırıyor.

7. Photoshop'un Boyama Araçları

Photoshop'un boyama aracı nesneleri renklerle ve renk geçişleri ile süsleyip doldurabilmenizi sağlıyor. Bu rehber, Photoshop'un boyama yeteneklerini inceliyor.

8. Photoshop'un Renk Değiştirme Aracı

Bazen bir görsel üzerindeki belirli bir rengi başka bir renkle değiştirmek isteyebilirsiniz. Renk Değiştirme aracı ile değiştirmek istediğiniz rengi belirliyorsunuz ve işin geri kalanını Photoshop hallediyor. Bu rehber renk değiştirme işleminin aşamalarını inceliyor ve bu araç ile ilgili bilmeniz gereken her şeyi öğretiyor.

9. Katman Maskelerini Anlamak

Photoshop'ta öğrenilmesi gereken en önemli özelliklerden birisi de yazılımın maskelemedir (kompozisyonun bazı bölümlerini izole etme). Bu derinlemesine rehber Photoshop'un Katman Maskeleme özelliklerini inceliyor.

10. Photoshop'un Görsel Maskeleme araçları

Bir Photoshop kompozisyonu üzerinde nesneleri maskeleyebilmek için farklı yöntemler bulunmaktadır. Bu rehber yazılımın size sunduğu temel maskeleme özelliklerini inceliyor.

11. Photoshop'ta Katman Stilleri

Katman Stilleri, Photoshop üzerinde belirli bir katman üzerine uyguladığınız efektleri ve diğer seçenekleri içerir. Bu rehber Katman Stilleri konseptini inceliyor ve onları Photoshop belgelerinize nasıl uygulayabileceğinizi anlatıyor.

12. Eğri (Bevel) ve Kabartma (Emboss) Özelliklerini Anlamak

Bevel ve Emboss bir tür Katman Stilidir. Değiştirebileceğiniz pek çok seçenek bulunmaktadır (ışık açısının gölgesi gibi). İşte bu rehber de tüm bu seçeneklerin ne anlama geldiğini birer birer anlatmış.

13. Bırakma Gölgelerini (Drop Shadow) Anlamak

Bırakma gölgeleri, bir katman içerisindeki nesnelere silüet uygulayan Photoshop Katman Stilidir. Bu rehberde Bırakma Gölgeleri Katman Stili'nin ayarlarını ve seçeneklerini öğreneceksiniz.

Harmanlama Modlarına Giriş

Bu video dersinde kullanımınıza hazır farklı Harmanlama Modlarını öğreneceksiniz.

15. Photoshop Filtreleri

Photoshop filtreleri, görsellerinize uyguladığınız farklı efektlerdir (tıpkı fotografik lens filtreleri gibi). Örneğin yumuşatma (Blur) filtresi görsellerinizin odağındaki keskinliği azaltır. Bu rehber Photoshop üzerindeki Filtreler arayüzünü inceliyor.

16. Klon Damga Aracı için Kullanışlı Uygulamalar

Bu rehber Photoshop üzerindeki Klon Damga aracı ile oluşturulmuş bir dizi mükemmel kullanım örneğini inceliyor.

17. Kesişme Noktası Filtresi

Bu mükemmel Photoshop rehberi ile Kesişme Noktası Filtresi'nin (bir görselin perspektifini değiştiren Photoshop Filtresi) uzmanı olun.

18. Photoshop Fırça Aracının Gizli Gücü

Fırça aracı sulu boya, yağlı boya ya da karakalem çalışması gibi farklı tekniklerin uygulanabildiği sanatsal fırçaların yer aldığı değişken bir çizim özelliğidir. Bu rehber, Photoshop üzerindeki fırça aracının en iyi ve kullanışlı özelliklerini inceliyor.

19. Arkaplan Silme Aracı

Bu rehber, Photoshop'un Arkaplan Silme aracını inceliyor.

Sık Kullanılan Teknikler ve Görevler

20. Photoshop Seçim Tekniklerine Derinlemesine Bir Bakış

Bir Photoshop Uzmanı olabilmeniz için kompozisyonunuzdaki farklı bölümleri ve nesnelerin nasıl seçilebileceğini iyi bilmeniz gerekmektedir. Bu rehber bir ya da birden fazla nesneyi seçerek, kompozisyonun geri kalanından nasıl ayırabileceğinizi inceliyor.

21. Detayları Keskinleştirmek

Görsel düzeltmesi için genellikle fotoğraflarınızı keskinleştirme ihtiyacı hissedeceksiniz. Bu video rehberinde çeşitli keskinleştirme tekniklerini öğreneceksiniz.

22. Web İçin Görselleri Kaydetmek

Photoshop'un en güçlü özelliklerinden birisi de bir görseli web üzerinde kullanılabilecek farklı biçimlerde kaydedebilmesidir. Bu rehber görsellerin web için kaydedilebilmesinde uygulanabilecek farklı seçenekleri ve ayarları inceliyor.

23. Photoshop'ta Kendi Özel Şekillerinizi Oluşturun

Özel şekiller Photoshop üzerinde tekrar tekrar kullanılabilen nesnelerdir. Bir kez oluşturulduktan sonra kütüphanede depolanırlar ve siz daha sonra onları farklı Photoshop belgelerinde kullanabilirsiniz. Bu ders özel şekillerin nasıl oluşturulabileceğini, yazılıma dahil edilebileceğini ve kaydedilebileceğini anlatıyor.

24. Photoshop Akıllı Nesneler, Zeki ama her zaman değil

Smart Objects (Akıllı Nesneler), kanıtlanabilir nesnelerdir. Bunun anlamı kaynak bir nesnenin farklı sürümlerini oluşturabilir ve o sürümler üzerinde değişiklik yaparken kaynak nesneyi koruyabilirsiniz. İşte bu rehber de bu özelliğin kullanım yöntemlerini inceliyor.

Verimliliğinizi Arttırmak

25. Photoshop Üzerinde Kalem Tabletlerini Kullanmak

Kalem Tablet kullanarak uygulama üzerine doğrudan kalemle çizim yapabilirsiniz. Fareye kıyasla kalem kullanmak daha doğru sonuçlar almanıza yardımcı olur. Bu rehber, çalışma ortamınızı desteklemek için Kalem Tablet kullanımını inceliyor.

26. Eylemler ile Photoshop'u Otomatikleştirmek

Photoshop'ta Eylemler, tekrar tekrar kullanabileceğiniz bir dizi Photoshop görevidir. Örneğin sürekli olarak bir nesneyi önce 550px genişliğinde yeniden boyutlandırıp ardından onu PNG biçiminde kaydediyorsanız, bu işlemi tek bir fare tıklaması ile gerçekleştirebilecek bir eylem oluşturabilirsiniz. Bu mükemmel makale, Photoshop'ta Eylem oluşturmanın temel noktalarını inceliyor.

27. Photoshop'ta Palet Kullanımı

Paletler, Photoshop'un arayüzünü düzenlemenize yardımcı olan bir dizi aracı ve seçeneği içeren pencerelerdir. Bu rehberde Palet kullanımı hakkında detaylı bilgi sahibi olacağınız bazı ipuçları bulunuyor.

28. Fırçaları ve Diğer Ayarları Kurmak ve Yönetmek

Kendi fırçalarınızı oluşturmaktansa başkalarının oluşturduğu fırçaları Photoshop'a dahil edebilir ya da bazı önemli ayarları daha sonra kullanmak üzere kaydedebilirsiniz. Bu rehber Photoshop'un bu özelliğini nasıl verimli bir şekilde kullanabileceğinizi inceliyor.

29. Photoshop CS'de Katman Karşılaştırmaları (Layer Comps)

Bir Layer Comp, üzerinde çalıştığınız kompozisyonun farklı bir sürümünü içerir ve karşılaştırma yapmak için kullanılır. Bu rehber işte bu özelliği inceliyor.

30. Photoshop'un Gizli Kısayolları

Kısayollar verimliliğinizi önemli ölçüde arttırırlar. Bu mükemmel rehberde Photoshop'un az bilinen ancak çok kullanışlı olan Photoshop kısayollarını bulacaksınız.

31. Photoshop'ta Kısayolları Yönetmek

Eğer Photoshop ile birlikte gelen ön tanımlı kısayolları beğenmiyorsanız, o zaman onları nasıl kendi tercihlerinize göre değiştirebileceğinizi bu yazıda bulacaksınız.

Yaparak Öğrenin

32. Betikleme İle Görsel Değiştirmek

Betikleme Photoshop'un özelliklerini kendi kodunuzla değiştirebilmenizi sağlar. Photoshop betikleme tekniklerinin nasıl kullanılacağını bu makale ile öğrenin.

33. Temel Photoshop İllüstrasyonları Oluşturmak İçin Photoshop İllüstrasyonları Kullanın

Photoshop Filtreleri kullanarak bir görseli nasıl illüstrasyona dönüştürebileceğinizi öğrenin.

34. Özel Yapım Döşeme Oluşturma Rehberi

Photoshop üzerinde nasıl döşeme (texture) oluşturabileceğinizi öğrenin.

35. Photoshop'ta Basit Organik Şekiller

Bu rehber, Photoshop'un Şekil Aracı ve Geçiş Maskeleri gibi bazı araçlarını ve tekniklerini kullanarak nasıl basit organik şekiller oluşturabileceğinizi anlatıyor.

Siz Neler Biliyorsunuz?
Sizin Photoshop'a yeni başlayanlara önerebileceğiniz rehberler var mı? Yorumlarınızla paylaşın.

Kaynak: Six Revisions

Size Sıfırdan XX Öğretecek XX Kaynak Serisi

Photoshop Hakkında Yazdığım Diğer Yazılar

Bu yazı claymanorin 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 sanal masaüstü uygulamaları

claymanorin — Mon, 22 Dec 2008 12:16:00 GMT

ikonlar masaüstüne sığmamaya başlayınca sanal masaüstü programlarını araştırmaya giriştim. Bu noktada geçtiğim dikenli masaüstü yollarından, bazıları aklımda yer etti ve ihtiyaç olur diye bunların bir listesini yapayım dedim.

Her halükârda, özellikleri, kullanım kolaylıkları, işlevsellikleri bakımından en akılda kalıcı, en cevval sanal masaüstü uygulamaları şöyle çıktı. Üstelik herbirinin üretkenliği artırma iddiası var.

Dexpot
Dexpot, birçok kullanışlı özelliğe sahip, basit, kolay ve hızlı bir çoklu masaüstü uygulaması. En önemli özelliği masaüstleriniz (hayır), masaüstüleriniz (ı.ıh.), masaüstünüzler (anlamsız), desktop'larınız (eh) arasında kolayca geçiş yapmaya izin vermesi. ALT ve 1/2/3/4 tuşlarını kullanarak veya taskbar'daki simgesi vasıtasıyla hızlı bir geçiş yapmak mümkün. Ayrıca her masaüstünü ayrı bir çözünürlük, şifre, giriş/çıkış sesi, geçişte çalıştırılacak program(lar) gibi ayarlarla kişiselleştirilebiliyor, pencereleri hızlı bir şekilde, herhangi bir masaüstüne taşıyabiliyorsunuz.

bi sürü ayarı var

VirtuaWin
Açık kaynak kodlu olması dolayısıyla tercih edilen ve kullanıcılarının katkılarıyla geliştirilen VirtuaWin, pratiklik ve görsel lik açısından biraz geride kalsa da, bu dezavantajlarını eklenti desteği sayesinde çözüyor. Belki alışmak lâzım. Ama masaüstü isimlendirme, otomatik arkaplan değiştirici, desktop browser (masaüstü tarayıcı?) gibi birçok eklentisi bulunuyor. İşin şov tarafında zayıf.

tam yapamamışlar

Deskspace
Eski adı, Yet Another Desktop Manager 3d (Yodm 3d) olan Deskspace benim en beğendiğim sanal masaüstü uygulaması. Dört adet masaüstü yaratıyor ve bunlar bir kübün etrafına sarılıyor. Geçiş sırasında çeşitli Linux versiyonlarında olduğu gibi şekil efektler görebiliyoruz, dönüyor, sallanıyor, ekran kartının 3D özelliklerini kullanıyor. Hızlı geçiş, her masaüstü için duvar kağıdı (bu da neyse), pencere sürükleme, çoklu monitör desteği gibi özelliklere sahip olmasının yanında birçok uygulamayla uyumlu ve sürekli geliştiriliyor. Şip şak bi aparat, gayet şık.

şekline hayran olayım

Vista and XP Virtual Desktop Manager
Adından da anlaşılacağı gibi adı hiçbir şeye benzemiyor ve mis gibi dandiklik kokuyor. Lakin o kadar da kötü değil. Özellikle Vista kullanıyorsanız, Vista'nın yeni Aero arayüzünü özümsemiş bu uygulama hem hızı, hem de sınırsız sayıda masaüstü desteklemesi dolayısıyla tercih edilebilecek bir uygulama. Masaüstlerini thumbnail olarak görüntüleme özelliği hoş fakat XP'de kullanılamıyor. Klavye kısayoluyla pencereleri masaüstlerine gönderme, çoklu monitör, duvarkağıdı, Windows menüsü desteği gibi özelliklere sahip. Ama böyle bir efekt vereyim, coşturayım, "o ne lan" dedirteyim durumu yok. Görev adamı. Açık kaynak kodlu ve gideri var.

vista'cıları memnun eder

360 Desktop

Bu masaüstü yöneticisi olaya çok daha farklı bir açıdan yaklaşıyor. 360 dereceden... Ekstra bir sanal masaüstü yaratmıyor da varolan masaüstünü bir hayli uzatıyor ve panaromik bir masaüstü sunuyor. Ek olarak bir widget platformu. Bu sayede bir sürü ek aparatla süslenebiliyor, genişletilebiliyor, güçlendirilebiliyor. Soldan sağa, sağdan sola masaüstünüzde gezine biliyor youtube, myspace, hi5 gibi birçok Web sitesi ile entegre çalışabiliyor. Denenebilir, sitesinde bir sürü ilginç 360 Desktop panaroması var. Detaylı incelemesi burada.

döndür çevir

Cube Desktop
Cubedesktop görselliği baştacı yapmış bir uygulama. Her yerinden efektler fışkırıyor, üretkenlik katma hedefinizi, "dur şu masaüstlerini bi döndüreyim, bir kaydırayım, alt alta göreyim" derken unutturabilecek şekillere sahip. Yani kafası iyi. Şifreli koruma, altı adet sanal masaüstü, isim verme, duvar kağıdı, kısayol belirleme, Vista desteği gibi özellikleriyle de göz doldurma çabasında. Lakin bir Basic bir de Pro sürümü var. Pro sürümünde efektler çok daha fazla, ucuz ama yine de ücretli. Denediğimde performansını ve uyumluluğunu beğenmedim. Efekt yapayım derken görüntüleri birbirine karıştırabiliyor. Yine de bir görmek lâzım. Mütemadiyen geliştiriliyor.

seni efekt manyağı yapar

3DNA Desktop
Sanal masaüstünün artık çağ atlamışı diyebiliriz 3DNA Desktop için. İşlevselliği tartışılır ama mevzuya yaklaşımı, görselliği apayrı. Masaüstünüzün 3D World tabir edilen, koca bir dünya olduğunu düşünün. Burada geziniyorsunuz. Mesela dev bir ev, çeşitli odalarda, duvarlarda kısayollar, oturma odasındaki televizyon aslında Youtube... Bu size özel dünyayı istediğiniz gibi kişiselleştirebilir, duvarlara fotoğraflarınızı döşeyebilirsiniz mesela. Program önce sabit diskinizi tarayarak, haritasını çıkarıyor ve buna göre bir dünya yaratıyor, sonra istediğiniz gibi değiştirebiliyor, skin'ler, ek dünyalar desteği ile geliştirebiliyorsunuz. Ücretsiz sürümünde reklam var ve özelleştirme seçeneklerinden bazıları kullanılamıyor.

sanal nuri alço'lar için sanal villalar

Diğerleri:

Cool Desk - Ufak boyutlu, ücretsiz ve fonksiyon açısından zengin. Efekt istemez, işlevsellik ararım diyenlere.

Perfect Screens - Standart özelliklere sahip, sınırsız sayıda masaüstü oluşturulabiliyor, ağ desteği ve araç çubuğu desteği var. Ücretli.

AltDesk - Ashton masaüstü yöneticisi/Windows skin aparatını hazırlayan firma tarafından sunuluyor. Firmanın tüm ürünlerinde olduğu gibi skin desteği, görsellik ve efektler ön planda. Windows başka bir şeye çeviriyor.

Flash Desktops - Her nasılsa ilk gerçek zamanlı sanal masaüstü uygulaması buymuş. Kişiselleştirme menüsü seçeneklerinin kullanımı biraz karmaşık olsa da çıldırasıya, çıldırtasıya bir sürü özelliği, ayarı vesaire var.

Active Virtual Desktop - Yeni ama çok yol kat etmesi lazım. "Eh..." diyorum.

DeskHedron - Bu da oldukça yeni, Japon bir programcı tarafından hazırlanmış, ücretsiz, geliştirilmeye açık, DeskSpace'in taban alıp, eksiklerini de ekleyerek ortaya güzel bir şey çıkarmaya çalışan yetenekli bir arkadaşın yürek dağlayan dramı. Animasyonlu falan.

Yeni bir sanal masaüstü programında buluşmak üzere tüm masaüstüseverlere, efektif çalışmalar diliyorum. Sizin için geliyor: "Artık bu sanal masaüstünde 8 bit ikonlara yer yok..."

Bu yazı claymanorin 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 Flash kullanmadan sIFR yapımı

claymanorin — Mon, 03 Nov 2008 12:22:00 GMT

Son zamanlarda web tasarımcılarının alet çantasında en önemli bölmede bulunan sIFR uygulaması ile tasarladığımız siteler artık göze daha güzel görünüyor. İsterseniz demosuna bir göz atın!

CoffeeCup - sIFR Font Maker

sIFR nedir?
Eğer bir web tasarımcısı olarak bu uygulamayı henüz duymamışsanız siteleriniz biraz eski moda görünüyor olabilir. sIFR, ziyaretçilerde bulunmayan yazı tiplerini sitenizde kullanabilmenizi sağlıyor. Bu konu hakkında Muhammet Sevim'in kullanım kılavuzu makalesini ve sIFR tanıtım makalesini okuyabilirsiniz. Ayrıca uygulamanın fikir babası olan Mike Davidson'ın konu hakkındaki makalelerini de buradan inceleyebilirsiniz.

Flash Neden gerekli?
Bu tasarımcının hayatını kurtaran uygulama basit bir swf dosyası içeriyor ve bu dosya tüm karakterleri tanıyarak sitenizin yazıtiplerini değiştiriyor. Bu swf dosyasını açıp içine kullanmak istediğiniz yazıtipiyle 3 harf yazıyorsunuz ve kaydediyorsunuz. Tabi Bu dosyayı açabilmek ve kaydedebilmek için Adobe'nin paralı Flash programı gerekiyor. Eğer Flash programına sahip değilseniz sizi ücretsiz bir sIFR yaratıcı programıyla tanıştırayım:
CoffeeCup - sIFR Font Maker!

sIFR kullanılan bir sayfa

Ücretsiz bir çözüm
CoffeeCup'ın sIFR Font Maker programı tüm tasarımcılar için ücretsiz indirmeye sunulmuş. Resmi siteden programı indirdikten sonra ufak bir kurulum yapıyorsunuz ardından kullanmak istediğiniz yazı tipinin normal, kalın ve italik tarzlarının dosya yolunu programa göstererek Save As butonuna basıyor ve sIFR'de kullanacağımız swf dosyasına sahip oluyoruz.

Web tasarımcıların alet çantasında kesinlikle bulunması gereken sIFR Font Maker'a şu an için tek alternatif online hizmet sunan sifrgenerator sitesi. Fakat bu sitede sadece TrueType yazıtiplerini kullanmak zorunda kalıyoruz. Oysa CoffeeCup bize Opentype ve diğer yazıtiplerini de kullanma imkanı sunuyor.

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