bildirgec.org - hikomen - beğendikleri

Ücretsiz Silverlight Kontrolleri

hikomen — Wed, 17 Mar 2010 11:00:00 GMT

Silverlight'ın 4. versiyonunun çıktığı şu günlerde silverlight kullanan siteler yavaş yavaş artıyor, silverlight'ın flash ile rekabetinde geri kaldığı konuların başında da şimdilik kaynak yetersizliği gösterilebilir.
Silverlight uygulamalarınızda kullanabileceğiniz ücretsiz yeni/eski ve kullanışlı kontrolleri topladık.
siz de eklemek istediklerinizi yorum olarak gönderirseniz güzel bir kaynak oluşmuş olur.

GOA WinForms

GOA WinForms, Microsoft .NET kütüphanesinin standart System.Windows.Form sınıfının flash ve silverlight implementasyonudur. Barındırdığı hazır araçlar sayesinde Kısa sürede zengin web uygulamaları geliştirebilirsiniz.
web sitesi - demo - indir

AgDataGrid Suite Ücretsiz Silverlight Grid Kontrolü

AgDataGrid, sitelerde veri göstermek için sıklıkla kullanılan grid (ızgara) sisteminin güzel bir silverlight alternatifidir, veri gruplama, sıralama, düzenleme gibi vs. işlemleri basitçe yapabilen zengin bir çözümdür.

web sitesi - demo - indir

Visifire – Grafiksel göstergeleri

Visifire, çok yaygın olarak kullanılan ve bilinen grafiksel veri gösterimi aracıdır, animasyonlu, 2b, 3b, kolon, çubuk, pasta dilimi vs. gibi birçok seçenekten faydalanabilirsiniz.
web sitesi - demo - indir

Silverlight.FX – Efekt Kütüphanesi

Silverlight.FX kütüphanesi ile boyutlandırma, yer değiştirme, çevirme, renklendirme, soldurma gibi efektler/geçişler yapabilirsiniz.
web sitesi - demo - indir

Silverlight Contrib

Silverlight Contrib, codeplex de açık kaynaklı olarak geliştirilen kontrol ve kütüphane paketidir. Color Picker, Gauge Control, Star Selector, Enhanced Metafile (EMF), Cool Menu, Group Box gibi kullanışlı kontroller içerir.
web sitesi - codeplex sayfası - demo - indir

Vectorlight - Silverlight Kontrolleri

Vectorlight Silverlight Kontrolleri Takvim, Dosya Yükleme, Date picker, Progress Bar, Treeview gibi çeşitli araçları barındırır.
web sitesi - demo - indir

ComboBox

Templating, data binding, otomatik tamamlama gibi özellikleri olan güzel bir combobox kontrolü.
web sitesi - demo - indir

Silverlight 2 Video Player

Tam ekran oynatma, yeniden boyutlandırılma, otomatik başlatma, ön izleme resmi gibi gerekli özellikleri barındıran sade ve kullanışlı bir video oynatıcısı.
web sitesi - demo - indir

Slide.Show

Slide.Show herhangi bir sayfaya basitçe eklenip, javascript veya xml ile kontrol edilebilen ayrıca Flickr albümünüzdeki fotoğraflarınızı da gösterebilen kullanışlı, açık kaynak kodlu bir slayt gösterisi uygulamasıdır.
web sitesi - demo - indir

Video.Show

Video.Show çeşitli gelişmiş özellikleri olan bir video-komünite uygulamasıdır.
web sitesi - demo - indir

Silverglobe

Silverglobe vektörel çizilmiş 3 boyutlu dünya haritası motorudur, çevirerek dolaşabilir, istediğiniz yeri işaretleyebilirsiniz.
web sitesi - demo - indir

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

Youtube'dan 60+ Müthiş Flash CS4 Dersi

hikomen — Fri, 12 Jun 2009 17:46:00 GMT

Flash cs4 öğrenebilmek ve kendinizi geliştirebilmek için internet üzerinde birçok kaynak yer almakta. Popüler video paylaşım sitesi olan youtube'da bulunan en faydalı flash cs4 derslerine aşağıdan ulaşabilirsiniz.

Dersler yeni başlayan ve profesyonel kullanıcılar içindir.

flash cs4 bone aracı (kinematik) dersleri

1 - adobe flash cs4 tutorial- how to use the bone tool

2 - flash cs4 bone tool tutorial

3 - flash cs4 bone tool tutorial

4 - bone tool tutorial flash cs4 professional (update)

5 - the bone tool - inverse kinematics in flash cs4

6 - flash cs4 bone tool tutorial **remake**

7 - flash cs4 bones tutorial part 1

8 - flash cs4 bones tutorial part 2

9 - flash cs4 bones tutorial part 3

10 - flash cs4 bones tutorial part 4

11 - flash cs4 bones tutorial part 5

12 - flash cs4 bones tutorial part 6

13 - flash cs4 (diesel) inverse kinematics engine

14 - flash cs4 tutorial - animation (walk cycle and bone tool)

15 - flash cs4 fundamentals: inverse kinematics

flash cs4 yürüyüş gösterisi dersleri

16 - new walk cycle flash cs4

17 - bonetool walk cycle

18 - walk in the park

flash cs4 3d dersleri

19 - flash cs4 tutorial - 3d transformation and rotation

20 - flash cs4 tutorial - distort or skew video perspective in flash as 3.0 - 3d rotation tool

21 - adobe flash cs4 tutorial- 3d rotation/translation tool

22 - flash cs4 tutorial - creating planet rings with the 3d rotation tool

23 - flash cs4 3d tool tutorial

24 - flash cs4 3d rotation tool tutorial

25 - flash cs4 tutorial: click to reverse a 3d tween

26 - flash video tutorial (3d flash cs4)

27 - flash cs4 fundamentals: 3d tools

28 - 3d special effects in adobe flash cs4

adobe flash cs4 temel dersler

29 - adobe flash cs4 basics tutorial

30 - adobe flash cs4 basics pen tool tutorial

31 - flash cs4 basics tutorial , actionscript 3

32 - adobe flash cs4 basics drawing tutorial

33 - adobe flash cs4 basics motion editor tutorial

34 - adobe flash cs4 basics brush tool tutorial

35 - adobe flash cs4 basics colors tutorial

36 - adobe flash cs4 basics lasso tool tutorial

37 - flash cs4 basic two layer motion tween

38 - adobe flash cs4 basics bone bind tools

39 - flash cs4 basics of the line and pencil tool

40 - flash cs4 basics of vector shape drawing - part 1

41 - flash cs4 basics of vector shape drawing - part 2

42 - adobe flash cs4 basics 3d tools

43 - flashfreaksent-flash cs4 basics

44 - flash cs4 the basic motion tween

45 - basics of importing png graphics into flash cs4 part 1 of 2

46 - basics of importing png graphics into flash cs4 part 2 of 2

47 - basics of importing gif graphics into flash cs4

48 - basics of importing jpeg graphics into flash cs4

49 - adobe flash cs4 website tutorial: xml feed

flash profesyonel cs4 actionscript 3 dersleri

50 - digital clock flash cs3 cs4 as3 tutorial free fla file

51 - adobe flash cs4 website tutorial

52 - xml magic menu tutorial for actionscript 3 flash cs3 + cs4

53 - flash cs4 actionscript 3.0 tutorial

54 - flash as3 mp3 playlist player tutorial 1.0 for cs3+cs4 play unlimited mp3s

55 - how to structure a full flash actionscript 3 web site tutorial cs3 + cs4 - part 1

56 - how to structure a full flash actionscript 3 web site tutorial cs3 + cs4 - part 2

57 - how to structure a full flash actionscript 3 web site tutorial cs3 + cs4 - part 3

58 - how to structure a full flash actionscript 3 web site tutorial cs3 + cs4 - part 4

59 - 3d cube flash as3 cs4

60 - basic timeline actionscript 3

61 - flashvars and php tutorial send dynamic variable into flash

62 - stopping animated movieclip with actionscript 3

kaynak: devsnippets.com | miraztutorials.com
diğer yazılarım

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

30 Flaş (Actionscript 3.0) Dersi

hikomen — Thu, 30 Apr 2009 08:35:00 GMT

Flash and Essential Actionscript 3.0 Tutorials

Flaş ile hareketli grafik, video ve ses gibi mükemmel görsel öğeler hazırlayabilir ve bu çalışmalar ile site ziyaretçilerinizin dikkatini çekebilirsiniz.

Nasıl yapabilirim diyorsanız, başlangıç için biraz zor görünseler de aşağıda bulunan flaş ve Actionscript 3.0 temelli 30 ders size bu işin ne kadar zevkli olduğunu gösterecek ve kısaca bilgi edinebilmenizi sağlayacaktır.

1- ActionScript 3.0 ile etkileyici büyütme etkisi

Flash and Actionscript 3.0 tutorials

2- 3D küp menü

Flash and Actionscript 3.0 tutorials

3- ActionScript 3.0 ve XML ile Dinamik Slideshow

Flash and Actionscript 3.0 tutorials

4- ActionScript 3.0 ve Away3D ile 3D Yapboz Oyunu

Flash and Actionscript 3.0 tutorials

Demo

5- Actionscript 3.0 ile video oynatıcıyı geliştirmek

Flash and Actionscript 3.0 tutorials

Demo

6- Sonsuz Galeri / Menü

Flash and Actionscript 3.0 tutorials

Demo

7- bağlam menüsünü (ContextMenu) özelleştirme

Flash and Actionscript 3.0 tutorials

Demo

8- Flash CS3 ile anket ve grafik bileşeni oluşturun

Flash and Actionscript 3.0 tutorials

9- Flash CS3 sürükle ve bırak tekniği

Flash and Actionscript 3.0 tutorials

10- Modern Yükleniyor animasyonu

Flash and Actionscript 3.0 tutorials

demo

11- ActionScript 3 ile Mp3 çalar
12- Flash video player oluşturmak
13- Renk kodu üretgeci oluşturmak

derslerin devamını görmek için buraya tıklayabilirsiniz.

Flash konusunda kendimi geliştirmek istiyorum diyorsanız, Ücretsiz Flash Dersleri (Video) Sunan 19 Site bildirisi size yardımcı olacaktır.

Bu yazı hikomen 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 Flash Dersleri (Video) Sunan 19 Site

hikomen — Tue, 14 Apr 2009 06:49:00 GMT

Free Flash Video Tutorials

Flash öğrenmenizi ve kendinizi geliştirmenizi kolaylaştıracak, video ile flash ders anlatımlarının yapıldığı 19 site aşağıda listelenmiştir.

1) Video-Tutes
Web sayfası, banner, video animasyonları ve resim galerileri oluşturmanızı sağlayacak flash derslerin yanı sıra, dreamweaver ve photoshop dersleri de bulabilirsiniz.

2) TutorialVID
Çok geniş bir içeriğe ve çeşitli konulara sahip olan bir video eğitim sitesi. Flash derslerin yanı sıra, excel, javascript, seo, illustrator, css gibi birçok kategori başlığı altında dersler de yer alıyor.

3) Video-Animation
FLASH CS3 ve flash 8 derslerinin yanı sıra, photoshop dersleri de mevcut.

4) CartoonSmart
İndirilmeye hazır videolar ile Çizim, Animasyon, Actionscript2, Acrionscript3 dersleri bulabilirsiniz.

5) Entheos
Animasyon ve efekt ile ActionScript başlıkları altında ücretsiz dersler mevcut.

6) VTutorial
Adobe programlarının tümünü kapsayan, geniş bir içeriğe sahip.

7) Flash Perfection
Görsel derslerin yazılı olarak adım adım anlatıldığı iyi bir site.

ve diğerleri...

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

Websitenizi Hızlandıracak ve Kodunuzu İyileştirecek 15 İpucu

hikomen — Wed, 08 Apr 2009 07:06:00 GMT

Bir süre kodlama yaptıktan sonra artık kendinizi tekrar etmeye başlar, aslında ne kadar zeki olduğunuzu unutursunuz. Kaç yüz tane klavye kısayolunu hafızamızda tutuyoruz? Kaç tane kodlama dili öğrendik? Kaç tane çatı? Kaç tane hile? Web geliştirme/tasarım dünyasının zor bir endüstri olduğunu söylemek, işin kolayına kaçmak olur. Ayrıca bugün bildiğimiz şeylerin pek çoğu, birkaç yıl sonra artık kullanılmayan teknolojiler listesindeki yerini alacaktır.

Bugünkü yazımızda özellikle giriş seviyesindeki geliştiricilerin geliştirmek için harcadığı süreyi kısaltacak ve daha verimli şekilde kodlama yapabilmelerini sağlayacak bir dizi ipucunu bulacaksınız. İpuçlarının arasında zaman kazandıran ipuçlarının yanısıra bazı özel programlama dillerine özgü ipuçları sayesinde web uygulamalarınızın verimliliğini de arttırabileceksiniz.

Görsellerinizi Daha Fazla Sıkıştrın

Photoshop üzerinde "Save for Web" (Web İçin Kaydet) aracını kulandığınız zaman, görsellerinizi sıkıştırarak dosya boyutunu indirgeyebilirsiniz. Ancak ilgili dosyaların kalitesinden ödün vermeden daha da fazla sıkıştırabileceğinizi biliyor muydunuz? Smush.It adındaki bu site sizler için bu işlemi hallediyor.

Peki Bu Nasıl Mümkün Olabiliyor?

Smush.It ekibi bunun için bir dizi araç kullanıyor:

Görselin biçimini algılamak ve onu GIF ya da PNG'ye dönüştürmek için ImageMagick,
PNGlerin gerekli olmayan bölümlerni kaldırmak için pngcrush. Site ayrıca daha da iyi png optimizasyonu için pngout, optipng, pngrewrite gibi diğer araçları da inceliyor,
JPEGlerdeki tüm meta verilerini kaldırmak ve progresif JPEGler oluşturmak için jpegtran (şimdilik etkin değil),
GIF animasyonlarını, farklı çerçevelerdeki tekrar eden pikselleri kaldırmak için gifsicle.

Bu yüzden yeni bir sitenin duyurusunu yapmadan önce, sitenizin URL'sini Smush.It'e girerek tüm görsellerinizin otomatik olarak optimize edilmesini sağlayablirsiniz. Eğer site, görsellerinizi optimize ederek kalitesinden ödün vermeden dosya boyutunu önemli ölçüde düşürebilirse (ki büyük ihtimalle sonuç bu olacaktır), o zaman sitenizde kullandığınız görselleri Smush.It'in verdikleri ile değiştirebili ve gerekirse HTML ve CSS dosyalarınızı da güncelleyebilirsiniz. Hazır görsel dosya biçimlerinden bahsediyorken, dosyalarınızı PNG biçiminde kaydetmek her zaman en doğrusu olacaktır. Artık demode olan animasyonlu GIF görselleri kullanmadığınız sürece PNG biçimini kullanmayı alışkanlık haline getirin.

Akıllı Olun. Kod Parçacıkları Kullanın.

Pek çok IDE, "code snippet" (kod parçacığı) panelini destekler ve bu paneller aracılığı ile özellikle sık sık kullandığınız kod parçacıklarını kategoriler altında depolayabilirsiniz. Sırf müşterinize tasarımın nasıl olacağını göstermek için her seferinde lipsum.com web sitesini ziyaret ederken mi buluyorsunuz? Bunun yerine neden birkaç paragraflık lorem ipsum metnini kod parçacığı olarak kaydetmeyesiniz ki? Örneğin Dreamweaver uygulamasında "Shift F9" klavye tuş kombinasyonunu kullanarak kod parçacığı sekmesini açabilirsiniz. Ardından sizin için uygulan olan kod parçacığını yine sizin için uygun olan yere sürükleyip bırakabilirsiniz. Bu özellik kod yazarken bana çok fazla zaman kazandırıyor.

Console.log() Hata Ayıklamasını Kullanın

jQuery kütüphanesini indirdiniz ve sözdizimini anlamak için çabalıyorsunuz. Bu sırada bir yerde takıldığınız ve $bilmemne değişkenin neye eşit olduğunu bilmiyorsunuz. Sorun değil, tek yapmanız gereken console.log($degiskenadi); kodunu eklemeniz.

Ardından Firefox'u çalıştırın (Firebug eklentisinin kurulu olduğundan emin olun) ve F12'ye basın. Doğru değişken değeri ile karşılaşacaksınız.

Şimdi ise bunu sonsuzlukla çarpın ve zamanın derinliklerine götürün. Bunun sonucunda bile Firebug ve console.log()'un ne kadar kullanışlı olduğunu fark edemeyeceksiniz :)

Web Geliştirici Araç Çubuğunu İndirin

Chris Pederick tarafından geliştirilen bu inanılmaz derecede yardımcı Firefox eklentisi size sayısız seçenek kuluyor. Bu eklenti sayesinde sitenizdeki CSS dosyalarını eşzamanlı olarak düzenleyebilmeniz mümkün. Eklentinin desteklediği diğer özellikler ise:

JavaScript'i kolayca etkisizleştirmek,
CSS'yi kolayca etkisizleştirmek,
Hızlı HTML / CSS doğrulama bağlantıları,
Cetveller,
Çerezleri etkisizleştirme,
Ve daha sayısız kullanışlı özellik.

Web Developer Toolbar eklentisi, her web geliştiricisinin Firebug ile birlikte kullanması gereken bir eklenti.

Betik Etiketlerini Alta Yerleştirmeyi Deneyin

Günümüzde kullandığımız pek çok tarayıcı, aynı sunucu adı üzerinden eş zamanlı olarak en fazla iki adet dosyayı indirebilir. Ancak bir betik indirirken diğer dosyaların indirilebilmesi için önce betiğin tamamen indirilmiş olması gerekir.

Bu yüzden mümkün olduğu kadar betiklerinizi çağıran bu kodları belgenizin sonuna eklerseniz, görseller ve css gibi diğer bileşenlerin önce indirilip sitenizin görüntülenebilmesini, ardından da son olarak bu betiklerin indirilebilmesini sağlayabilirsiniz.

Unutmayın, bu yöntem kullandığınız betiğin işlevine göre kullanılabilir ya da kullanılamayabilir. Bu sebeple betik kodlarınızı belgenizin alt kısmına taşıdıktan sonra sitenizi test etmeyi unutmayın.

Yayım Yaparken, CSS ve JavaScript Dosyalarınızı Sıkıştırın

Eğer performans, web siteniz için önemli ise, o zaman sitenizi yayımlamadan hemen önce CSS ve JavaScript kodlarınızı sıkıştırmanızı öneririm. Bunu geliştirme işinizin en başından itibaren yapmaya kalkışmayın zira bunun size yarardan çok zararı dokunur. Ancak kodlamayı bitirdikten sonra kodunuzu sıkıştırabilirsiniz.

JavaScript Sıkıştırma Servisleri

CSS Sıkıştırma Servisleri

JavaScript kodlarını paketlemek için kullanabileceğiniz diğer iki servis ise YUI Compressor ve JSMin.

Bnun yanısıra HTML kodlarınızı da sıkıştırmayı deneyebilirsiniz, ancak bunu önermem. HTML dosyalarınızı sıkıştırarak kazanacağınız dosya boyutu gerçekten çok az.

jQuery Kolay ve Hızlı İpuçları

Kısa bir süre önce tvdesign.co.uk'den Jon Hobbs-Smith, 25 jQuery ipucunu listelediği mükemmel bir makale yazmıştı. Bu sayfayı yer imlerinize eklemeyi ihmal etmeyin. İşte bu yazıdan benim en beğendiğim birkaç ipucu.

jQuery'de Bir Elementin Olup Olmadığını Kontrol Etmek

if ($('#myDiv).length) {
// bu kod sadece #myDiv ID'sinin bulunduğu zaman çalışacaktır.
}

Kontekst Kullanın

Pek çok insan, DOM elementlerine erişirken, jQuery'nin ikinci bir parametreyi kabul ettiğinin farkında değildir. Aşağıdaki koda bir bakın.

var myElement = $('#someElement');

Bu kod, jQuery'nin tüm DOM'u geçmesini gerektirir. Bunun yerine ikinci bir parametre ekleyerek hızı oldukça arttırabiliriz.

var myElement = $('#someElement', $('.someContainer'));

Yukarıdaki kodda jQuery'e, .someContainer elementi içerisinde arama yapmasını ve onun dışındakileri dikkate almamasını söylüyoruz.

Sınıflar Yerine IDler Kullanın

jQuery ile IDlere erişirken, kütüphane bilinen getElementById yöntemini kullanır. Ancak sınıflara erişirken jQuery, DOM'u geçebilmek için kendine özgü yöntemleri kullanmayı dener, zira getElementByClass diye bir yöntem yoktur. Sonuç olarak, ID yerine sınıf kullanmanız durumunda işlem biraz daha uzayacaktır.

25 İpucunun Tamamını İnceleyin

$_POST Yerine Mümkünse $_GET Kullanın

Eğer AJAX istekleri yaparken $_GET ve $_POST arasında bir seçim yapma şansınız varsa, $_GET kullanın.

Yahoo! Mail ekibi, XMLHttpRequest kullanırken, POST'un tarayıcılar üzerinde iki işleme neden olduğunu görmüştür. POST, ilk olarak başlıkları, ardından da verinin kendisini göndermektedir. Bunun yerine GET kullanmanız durumunda, eğer çok fazla çereziniz yoksa, sadece bir TCP paketi gönderilmektedir.

Unutmayın - $_GET verisini her zaman kullanamazsınız. ilk olarak ne yaptığınızdan emin olun ve querystring ile veritabanı erişimini hiçbir zaman karıştırmamanız gerektiğini unutmayın. Kısa bir süre önce Twitter arkadaşlarımdan bir tanesi, bana URL'sinde bir MySQL sözdizimi olan bir web sitesi gönderdi. Bunu asla yapmayın!

Pratik Olduğunda Kütüphaneleri ve Çatıları Kullanın

İster PHP kullanın ister ASP.NET, mooTools ya da jQuery, ya da tüm bunların bir birleşimi, uygun olduğu zamanlarda çatıları kullanmayı deneyin.

Örneğin:

Eğer basit bir statik web sitesi kullanıyorsam sadece fare imlecini bir elementin üzerine getirdiğimde bir efektin belirmesini istiyorsam, bunun için jQuery kütüphanesini kullanmam doğru olmaz.
Eğer statik web sitemin en karmaşık özelliği bir XML dosyası üzerinden veri almak ise bunun için bir çatı kullanmama gerek yok. Bu gibi durumlarda sitem hem daha yavaş çalışacak, hem de daha fazla bant genişliği kullanacağı için bana daha pahalıya malolacak.

Ancak eğer tam bir içerik yönetim sistemi ve karmaşık veri erişim yöntemlerini gerektiren bir web sitesi geliştiriyorsam, o zaman beğendiğim çatılara bir göz atmayı ihmal etmem.

Unutmayın - çatıların sizin için çalışmasını sağlayın, tam tersini değil. Bu kararları verirken zeki olun.

YSlow

YSlow, web sitenizi inceleyip onun mümkün olan en verimli şekilde çalışıp çalışmadığını kontrol eden ve size öneriler sunabilen mükemmel bir servis. Yahoo! geliştirme ekibi, kısa bir süre önce, web uygulamaları geliştirirken takip etmeniz gereken öğelerin yer aldığı bir kılavuz yayımlamıştı.

Ayrıca dilerseniz Yslow Screencastı'na bir göz atarak bu zaman kazandırıcı ipuçlarının neler olduğunu görebilirsiniz. Vaktiniz olduğunda kesinlikle izlemenizi öneririm.

Klavye Kısayolları. Öğrenin!

Pek çok deneyimli tasarımcılar ve geliştiriciler burada bana katılacaktır, eğer sitemde ya da tasarımımda ne zaman bir değişiklik yapmak istesem elimi fareye uzatıp araç çubuğuna gitmiş olsaydım, çok zaman kaybetmiş olurdum. Klavye kısayollarını o kadar uzun zamandan beri kullanıyorum ki artık bu kısayolların işlevlerin hangi araç çubuğu ya da hangi menü altında olduğunu unuttum diyebilirim. Tek bildiğim, "Shift X"in doğru paneli açtığıdır.

İşe yeni başladığınızda bu kısayolları öğrenmek size zaman kaybı gibi görünebilir. Ancak sizi temin ederim ki yanılıyorsunuz. Size Google üzerinde "X keyboard shortcuts" (X klavye araması) (burada X kullandığınız yazılımın adını temsil ediyor, örneğin Photoshop için "Photoshop Keyboard Shortcuts") araması yapmanız. Ardınan bulduğuğnuz tablonun yazıcıdan çıktısını alın ve bilgisayarınızın yanına koyun. Ondan sonraki birkaç haftalık süre içerisinde fareye mümkün olduğu kadar az dokunarak bu kısayollar üzerinde pratik yapmayı deneyin. Klaye kısayollarını bilmek, uzman kullanıcılar ile giriş seviyesindeki kullanıcıları birbirinden ayıran belki de en önemli etkenlerden biridir.

Yeni Web Sitesi Şablonu Oluşturun

İtiraf edin, her web sitesi gelişmiş ve karmaşık uygulamalar gerektirmez. Bazen, hatta belki de kimileri için çoğu zaman, sadece bugüne kadar yaptığımız işlerin yer aldığı bir web sitesini göstermek isteyebiliriz. O zaman bu gibi durumlarda kullanabilmek için her yeni bir web sitesi oluşturacağımızda kullanacağımız bir web sitesi "şablonu" oluşturmayalım?

"Template" klasörümün içerisine "JS" ve "CSS" klasörlerini yerleştirdim.

"JS" klasörüm, DD_belatedPNG.js dosyasını içeriyor (bu dosya, IE6'de PNGlere 24 bit saydamlık desteği getiriyor).
"CSS" klasörümde ise içi boş "default.css" dosyamın yanısıra benim hazırladığım sıfırlama dosyası yer alıyor.

Bunun yanısıra index.html(php) dosyamın içerisinde de projelerimin pek çoğunda kullanacağım birkaç kod parçası yer alıyor. Bu kod öyle aman aman özel bir kod değil ancak bunu önceden hazırlamak size zaman kazandıracaktır.

Kullandığım index.html dosyasının bir örneği

Yukarıdaki kodda da göreceğinz üzere önce CSS ve JavaScript dosyalarıma bağlantı verdim ve ardından Google jQuery dosyasına da bağlantıyı ekledim. son olarak document.ready() jQuery fonksiyonunu oluşturdum ve standart "container" divimi açtım.

Bu kod her ne kadar basit görünse de inanın size zaman kazandıracaktır. Bu sayede ne zaman yeni bir web sitesi oluşturmanız gerekirse, o zaman tek yapmanız gereken "template" klasörünün içerisindeki bu dosyaları kopyalamaktır.

Satıriçi ve Harici Karşı Karşıya

Genelde tüm CSS ve JavaScript dosyalarınız sayfadan çıkarılmalı ve kendi harici dosyalarında korunmalıdırlar.

Bunu neden yapmalıyız?

Daha temiz kod,
Sunumun ve içeriğin birbirinden ayrılması önemlidir,
Harici dosyalar kullanarak onları istemcinin sisteminde depolamış oluyoruz. Bu, HTML dosya boyutunu düşürmenin yanısıra harica HTTP isteğine de yol açmıyor, zira ziyaretçi ya da istemci ilgili dosyayı ilk kez istediğinde depoluyor ve sonraki seferlerde aynı dosyayı indirmiyor.

Eğer sadece birkaç satırlık stiliniz var ise o zaman onun için harici dosya oluşturmayabilirsiniz. Bu gibi durumlarda, ama sadece bu gibi durumlarda, ilgili kodu HTML içerisine gömebilirsiniz.

PHP Betiğinin JavaScript İle Çağırılıp Çağırılmadığını Kontrol Edin

AJAX aldı başını gidiyor, özellikle en sonunda, JavaScript kütüphaneleri sağolsun, kullanıcı dostu hale geliyor. Bazı durumlarda betiğin JavaScript ile mi çağırılıp çağırılmadığını belirlemeniz gerekebilir. Bu görevi yerine getirmek için kullanabileceğiniz birkaç yöntem bulunmaktador.

Bunlardan birisi POST'u gönderirken JavaScript'iniz ile özgün bir anahtar değerini JavaScript'inize iliştirmektir. Ardından PHP kullanarak bu anahtarın varolup olmadığını kontrol edebilirsiniz. Eğer var ise, o zaman JavaScript etkin olduğunu anlarız.

Daha iyi bir yöntem olarak PHP'nin HTTP_X_REQUESTED_WITH özelliğini kullanmaktır. Şöyle ki...

if isset($_SERVER['HTTP_X_REQUESTED_WITH']) {
// kodunuzu buraya yazın ve JavaScript'in etkin olduğundan emin olun
} else {
// JavaScript'in etkin olmadığı kullanıcılar için birleyler yapın.
}

Google CDN'ye Bağlantı Verin

Kısa bir süre önce Google jQuery gibi popüler betikleri kendi sunucularında depolamaya başladı. Eğer bu tip kütüphanelerden birisini kullanıyorsanız, o zaman ilgili betiği kendi sunucunuzda depolamaktansa bu betikleri Google CDN üzerinden çağırmanız şiddetle önerilir.

AJAX Kütüphaneleri API'si

Peki Ama Neden?

Caching (Depolama): Bu tip betikleri Google CDN üzerinden çağıran web sitelerinin sayısı gün geçtikçe artmaktadır. Bu sebeple eğer siz de ilgili dosyayı Google sunucusu üzerinden çağırırsanız, ziyaretçiniz muhtemelen o dosyayı sizin siteniz üzerinden indirmeyecektir, zira bir başka site üzerinden aynı dosyayı daha önce indirmiş olabilir. İlgili dosyayı daha önce indirmiş bir ziyaretçi sizin sitenizi ziyaret ettiğinde istemci, Google sunucularından 304 (değiştirilmemiş) mesajı alacak, bu sebeple de o dosyayı doğrudan istemcinin yerel bilgisayarı üzerinden kullanacaktır. Bunun sonucunda da sizin web uygulamanız kullanıcıya daha çabuk açılacaktır.
Eş Zamanlılığı Arttırın: Daha önceki bir ipucunda bundan bahsettim. Bu fazladan dosya isteğini kaldırarak istemcinin daha fazla içeriği eş zamanlı olarak indirebilmesini sağlamış olursunuz.

Firefox Eklentilerini Kullanın

Ben Google Chrome'nin büyük bir fanatiğiyim. Çok hızlı açılıyor ve JavaScript'i diğer tüm tarayıcılardan daha hızlı çalıştırıyor (Firefox'un henüz yayımlanmamış 3.1/3.5 sürümü sanırım Chrome'nin hızını yakalayacak).

Buna rağmen bu, Firefox'u kısa bir süre içerisinde bırakacağım anlamına gelmiyor. Bu tarayıcın için sunulan bazı kullanışlı eklentiler gerçekten büyüleyici. İşte benim beğendiklerim:

Yardımcı Olduğunda IDE Kullanın

Tıpkı günümüzde Microsoft'tan nefret etmek ne kadar moda ise, geliştirme yaparken IDE kullananlara saldırmak ta o kadar moda. Bu gerçekten çok saçma.

Pek çok durumda, gelişmiş bir IDE kullanımı çok önemlidir, özellikle nesne yönelimli programlama (OOP) dilleri üzerinde çalışırken. Şimdi, eğer sadece sade bir HTML şablonu oluşturuyorsanız, o zaman Notepad++ ya da Coda/ sizin için mükemmel bir araç olacaktır. Aslında, bu araçların kullanımını bu gibi durumlarda öneririm. İhtiyacınız olmadığında bu tip programları kullanarak işinizi daha da zorlaştırmayın. Ancak, gelişmiş uygulamalar geliştirirken, IDE'nin avantajlarından da faydalanın.

Hepsi Bu Kadar!

Sanırım şimdilik bu kadar yeterli. Umarım bunlardan bazıları (belki de hepsi) sizi daha iyi birer tasarımcı ya da geliştirici kılmaya yardımcı olacaktır. Sizin beğendiğiniz kısayollar hangileri? Yorumlarınızla paylaşın.

İpuçları Hakkında Yazdığım Diğer Yazılar

Bu yazı hikomen 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 10 adet video düzenleme aracı ve daha fazlası

hikomen — Thu, 05 Mar 2009 15:03:00 GMT

İndirilebilir ve ücretsiz video düzenleme araçlarını birarada görebilirsiniz.

Avidemux
Basit kesme, filtreleme ve çevirme işlemlerini kolaylıkla yapabilirsiniz. AVI, MPEG, MP4, ASF gibi formatların yanında çok fazla sayıda dosya tipini destekler.

avidemux

Jahshaka
Videolarınıza 3 boyutlu efektler verebilirsiniz. Bunun yanında kesme, birleştirme yapabileceğiniz profesyoneller için de güzel bir ücretsiz program.

jahshaka

Virtualdub
Çok sayıda edit işlemi içeren kullanımı kolay bir video programı. Görüntü düzenleme filtre hizmeti var. Program tüm standart codec'lerle uyumlu çalışıyor.

virtualdub

ZS4 Video DüzenleyicisiFotoğraf, video ve ses dosyalarını birleştirebileceğiniz edit programı.

ZS4

WaxVideolarınıza çeşitli efektler ekleyebileceğiniz 2D ve 3D çalışabileceğiniz bir program. Giriş biçimleri: AVI, WAV, tüm popüler görüntü biçimleri. Çıkış biçimleri: AVI, MPEG, WAV, Flaş, tüm popüler görüntü biçimleri.

vax

Vivia
Linux ve Windows için video düzenleme programı. DV materyalleriyle dvd kalitesini sunuyor.

vivia

AVIedit
Videolarınızdan yeni bir video oluşturabilir, 30 adet video efektiyle avi dosyaları üzerinde oynayabilirsiniz.

AVIedit

AVItrimmer
avi formatındaki dosyaları çok hızlı ve eksiksiz bir şekilde kesebilirsiniz. Kalitesi asla bozulmaz.

AVItrimmer

Videospin
"movie maker" arayüzüne benziyor. resim ve videolarınızla klip yapabilir, düzenleme ve efekt uygulayabilirsiniz.

videospin

DVD Knife
dvd'nizden çok hızlı bir şekilde parçalar kesip klipler oluşturmanızı sağlar. Çıkartılan klipler sadece dvd formatında saklanır.

DVD knife

Bunlar bana yetmez diyorsanız y ada ücretsiz video düzenleme web servislerini de görmek istiyorum diyorsanız hepsi burada

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

Autoit - Bilgisayarı Otomatikleştirin

hikomen — Sun, 22 Feb 2009 17:22:00 GMT

Auto it logo

auto it, adından da anlaşılabileceği gibi bir otomatikleştirme yazılımı. auto it fare ya da klavye girişlerini simüle edebiliyor. basic kod tabanına benzeyen betikler yazarak ekranın istediğimiz koordinatına tıklama, istediğim pencereyi açıp istediğimiz yazmak, pencereleri taşımak gibi birçok işlemi gerçekleştirebiliyoruz.

autoit yapabileceği işlere göre oldukça küçük boyutlu bir yazılım (8mb). autoit içinde yazdığınız betikleri sonradan kendi başına çalısan programlara (exe dosyaları) çevirebiliyorsunuz. bu durumda betiklerinizi autoit'in yüklü olmadığı herhangi bir bilgisayarda da çalıştırabilirsiniz.

programın genel özelliklerini şöyle sıralayabiliriz;

kolay öğrenilebilir basic kod yapısının bezeri betikler geliştirme.

tuşları ve fare hareketlerini simüle edebilir.

windows işletim sistemini ve programlarını rahatlıkla yönetebilir.

diğer yazılımlar ile etkileşimli çalışabilir.

betikler sonradan tek başına çalıştırılabilir yazılımlara çevirilebilir.

görsel arabilirim (gui) oluşturulabilir.

com (component object model) desteği.

düzgün, kararlı kod yapısı.

dışarıdan direkt exe, dll, api çağırabilme.

windows 95 / 98 / me / nt4 / 2000 / xp / 2003 / vista ile çalışabilir

unicode ve x64 ü destekler.

windows vista kullanıcı hesapları kontrolü (uac) ile beraber çalışabilir.

auto it yazılımını bilgisayarınıza kurduktan sonra programlar menüsünde oluşacak yardımcı programlarınız;

scite script editor : autoit betiklerini düzenlemenizi sağlar.

compile script to .exe : betiklerinizi exe ye çevirir.

decompile .exe to script : exe yaptığınız betiği tekrar autoit dosyası haline getirir.

run script : betiğinizi yürütür.

autoit window info : yazılım penceresi üzerinde bununan ok (finder tool) u başka bir yazılımın penceresine, ya da pencere üzerinde bulunan öğelere sürüklediğinizde onlar hakkında bilgi vererek işinizi kolaylaştırır.

programın tipik çalışma şeklini örneklemek gerekirse;

alttaki kodları auto it düzenleyicisine yapıştırdıktan sonra tools > go yu tıklayın (ya da doğrudan f5 i kullanın)

;notepad i calistiralim
run("notepad.exe")
; notepad in aktif olmasını bekleme kodu - türkçe windowsta "adsız - not defteri" başlığı beklenecek
winwaitactive("adsız - not defteri")
; send komutu ile istedigimiz tus u ekrana gonderiyoruz
send("bu bir auto it ornegidir ...")
send("{enter}")
send("bu bir auto it ornegidir ...")
send("{enter}")
send("{enter}")
; sleep parametresi ile komutu bekletiyoruz. 1000 = 1 saniye
sleep(1000)
send("{1}{enter}")
; sleep parametresi ile komutu bekletiyoruz. 1000 = 1 saniye
sleep(1000)
send("{2}{enter}")
sleep(1000)
send("{3}{enter}")
sleep(1000)
send("{4}{enter}")
sleep(1000)
send("{5}{enter}")
send("betik sonlandi ...")
; exit ile betigi bitiriyoruz
exit

yazilimin web sitesi ve diğer bağlantılar;

●ana sayfa ●forum ●wiki ●indir ●arka plan ve logolar

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

Dosyaları Süper Sıkıştırma

hikomen — Sun, 22 Feb 2009 13:34:00 GMT

Mengene

Günümüzde bilgisayar kullanıp da dosyaları klasörleri bilmeyen pek yoktur. Hal böyle olunca insanlar ister istemez çeşitli kısıtlılıklar nedeniyle boyutu kabul edilemez sınırlara ulaşan dosyalarını ufaltabilmeyi isterler ve sonuç olarak oldukça çok kullanılan sıkıştırma sistemleriyle tanışıklıkları başlamış olur.

Ancak dosyanın türüne göre ya da başka nedenlerle elde edilen sıkıştırma oranları çoğu zaman yeterli görülmemektedir. Öyle bir zaman geliyor ki bir mp3'ü sıkıştırdığınızda (bazen) 3-5kb arasında disk alanından tasarrufunuz oluyor. Ama bazen gb'larca txt formatlı dokümanları birkaç mb'a kadar indirmek mümkün oluyor.

Gelelim süper sıkıştırma olgusuna.. Bu yöntem de aslında yukarıda sayılandan başka mucizevi bir yöntem kullanmıyor. Yine benzer algoritmalar çevresinde bir kaç ekleme ya da çıkartma yapılarak işler görülüyor ama bu programları oluşturan kişilerin bir tek ortak parametresi bulunuyor. O da "zaman".

Kimi firma diyor ki "bizim programımız dosyaları hem sıkıştırsın hem de bunu oldukça süratli gerçekleştirsin". Bu durumda dosyalardan elde edilecek yer tasarrufu düşük oluyor ama görece kısa sürede işini bitiriyor.

Kimi firmalar da diyor ki "bizim programımız dosyaları deli bağlar gibi sıkıştırsın ama kullanan kişiyi de bilgisayarının başında yaşlandırsın". İşte bu durumda zamandan ödün verilerek oldukça yüksek yer tasarruf oranları yakalanıyor.

Bizzat yapmış olduğum bir denemede yaklaşık 400mb boyutu olan microsoft office kurulum dosyalarını 4mb'a kadar düşürmeyi başardım! Pentium 4 3.0 HT bir işlemci ve 1024mb kingston dual channel ram ile 2 koca ay'ı feda ettim. Açmak için yine aynı makine ile 15 gün vermek gerekecektir.

Şu adresteki program oldukça kullanışlı bir süper sıkıştırma programıdır. Programın kararlı sürümü ve yeni bir beta sürümü buunmaktadır ve açık kaynaklı bir yazılım olduğunu belirtmek gerekir. Bilgisayarınıza kurduktan sonra istediğiniz dosyalara sağ tıklayıp bu programa kolayca yollayabiliyorsunuz. Yine oldukça büyük bir sıkıştırma ayarı seçeneği bulunuyor. Şimdi dilerseniz işleyişe ilişkin ayrıntılara geçelim.

Öncelikle yazılım sizden oldukça yüksek bir ram miktarı talep edecektir. Eğer yok ise, yüksek oranlı sıkıştırma ayarlarında program çalışmayı reddedecektir. Eğer sisteminiz düşük kapasiteli ise, cevap veremeyecek kadar kasılacağını belirtmek gerek. Ayrıca winZip ve winRar'dan alışık olduğumuz gibi sıkışan dosyayı açtığımızda içeriğindeki dosyalara uzantılarına ve sıkışma öncesi-sonrası boyutlarına bakabilme olanağımız bulunuyor. İstersek tamamı yerine istediğimiz dosyaları da ayıklayıp açma imkanımız bulunuyor.

Son olarak internette yaygın olarak rastlanılabilecek bir hadiseye değinip bitirmek istiyorum. Çok tanınmış bilindik bazı bilgisayar oyunlarının, kimliği belirsiz kişilerce gayri resmi bir şekilde kurulum dosyaları yayınlanıyor. Üstelik sıkıştırılmış deniyor ve hakikaten 10-15 MB (gb değil!) civarındaki kurulum dosyasını indirip açtığınızda çıkan dosyalar yaklaşık 4-5 gb yer işgal ediyor. Ama açılan dosyaların içeriği tamamen whitespace ile doldurulmuş. Takdir edilir ki oyunu kurmanız da imkan dahilinde değil. Böylece süper sıkıştırmanın çakması da karşınıza çıkabilecektir ancak aldanmayınız. Gerçek anlamıyla süper sıkıştırma anlattığım şekilde sağlanabilmektedir ve gerek açarken gerek sıkıştırırken büyük zamansal maliyetlere katlanmak zorunluluğu vardır (henüz) ...

Bu yazı hikomen 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 İyi 25 Tasarım Forumu

hikomen — Mon, 16 Feb 2009 14:46:00 GMT

Forumlar; kodlamaya, tasarıma, SEO'ya, pazarlamaya ve bloglamaya yönelik konular hakkında kolayca yardım alabileceğiniz mükemmel ortamlardır. Forumlar sayesinde http://www.allgraphicdesign.com/phpBB2/ sorunu çözmek için kodunuz üzerinde ya da Google üzerinde harcayacağınız zamanı büyük ölçüde kısaltabilirsiniz. Bunun yanı sıra ilgili siteler üzerinden sizinle aynı ilgi alanlarına sahip insanlarla ya da endüstrinin profesyonelleri ile yazışma imkanı doğar. Bir tasarımcı olarak bu tip sitelere daima ihtiyacım olduğunu düşnüyorum. Belki siz de bu siteleri kullanışlı bulursunuz. Bu tip forumlara katılmak bilginizi diğerleri ile paylaşmanızı sağlamakla kalmaz, ayrıca diğerlerinin güvenini kazanmanıza da yol açar. Örneğin eğer siz de benim gibi bir blog yazarı iseniz, bu tip popüler forumlarda oluşturacağınız güzel profiller sizin için mükemmel bir pazarlama aracı da olacaklardır.

1. Estetica Tasarım Forumu
Tipografi, fotografi, grafik tasarım, baskı tasarımı, logo tasarım ve marka kimliği, genel 3B ve daha pek çok farklı konularda kategorileri olan bir forum.

Mükemmel bir grafik tasarım forumu olan bu forumda 15.580 konu, 157.326 yazı ve 6.675 üye bulunuyor.

2. All Graphic Design
Tasarım tartışmaları, kritikler ve incelemeler, dersler, zorluklar ve yine takip etmeniz gereken dev bir tasarım komünitesi.

99.822 yazı, 13.998 başlık ve 6.894 üye.

3. Your Design Forums
Çok büyük bir forum olmayabilir ancak grafik tasarımı, web tasarımı, fotografi, kurumsal ve konu dışı gibi kategorilere katkıda buluna arkadaş canlısı bir komüniteye sahip.

1.959 başlık, 11.149 yazı, 4.938 üye, 1.873 aktif üye.

4. Grafik Tasarım Forumu
Oldukça büyük bir grafik tasarım komünitesine sahip bu forumda grafik tasarım, yazılım, fotografi, komünite gibi kategorilerin alt kategorileri de bulunuyor. Örneğin yazılım kategorisinde Adobe Ürünleri, Corel Ürünleri, Quark, 3B Yazılım ve diğer yazılım kategorileri yer alıyor.

568.254 yazı, 39.463 başlık ve 23.636 üye.

5. Grafik Tasarım Forumu (Birleşik Krallık)
Bir diğer grafik tasarım forumumuz da İngiltere'den. Forumun komünitesi henüz yeni ancak buna rağmen katılımcılar oldukça aktif. İsteklerinize çok çabuk yanıt alabilirsiniz ki bence forumların ana amacı da bu zaten.

410 konu, 2.037 yazı, 273 üye, 86 aktif üye.

6. Grafik Forumları
Genel, Tanıtm, Öğren ve Teknik gibi bölümlere ayrılmış bir grafik tasarım forumu.

26.306 konu, 267.160 yazı, 5.278 üye.

7. Steel Dolphin Forumları
Kategoriler: Sanat & Grafik Tasarım Tanıtımları, Yardım, İş, Freelance ve Salon.

6.356 konu, 47.489 yazı, 20.439 üye.

8. Typophile
Tipografi ile alakalı olan bu forum üzerinde kullanıcılar tipografiye yönelik sorularınıza yanıt bulabilir ve yardım alabilirsiniz. Dev bir komünitesi var. Veriler hakkında detaya giremeyeceğim ancak 200,000'in üzerinde yazının olması kötü bir şey olmasa gerek.

9. Forums: Freelance.uk
Birleşik Krallık'ta serbest çalışanlara yönelik bu forumda grafik tasarımı, web tasarım, gazetecilik, metin yazımı, fotografi, pazarlama ve hatta CAD forumu bile bulunuyor.

1.966 konu, 7.080 yazı, 6.615 üye, 2.946 aktif üye.

10. Webmaster Forum (V7N)
Pazarlama, bloglama ve web geliştirme hakkında her şey.

102.149 başlık, 988.877 yazı, 55.174 üye.

11. SitePoint Forum
Tasarım komünitesi arasında oldukça popüler olan bu forum grafik tasarımı, web tasarımı, sunucu ve site yönetimi gibi konuları kapsıyor.

585.252 konu, 3.992.339 yazı ve 301.049 üye.

12. Designer Talk
Grafik tasarımı, web tasarımı, web geliştirimi, SEO, reklamcılık ve daha pek çok konuyu kapsayan büyük bir forum.

40.057 başlık, 404.756 yazı ve 42.062 üye.

13. Digital Point Forum
Arama motorları, pazarlama, kurumsal, tasarım ve geliştirme, ürünler ve araçlar gibi konuları kapsayan alanındaki en büyük forum.

1.097.169 konu, 9.615.724 yazı, 232.428 üye, 60.423 aktif üye.

14. WebDesignerForum.co.uk

Tüm kodlama dillerini, SEO ve hatta Photoshop, Illustrator, Flash gibi yazılımları bile kapsayan, her web tasarımcısına yönelik bir forum.

Site bünyesinde 95.604 yazı yazmış 7.237 kayıtlı kullanıcı bulunyor.

15. CSS Chat Forum
CSS hakkında sohbet edebileceğiniz ve sorunlarınıza çözüm bulabileceğiniz bir forum.

33.307 konu, 155.391 yazi ve 17.718 üye.

16. CSS Beauty
Site bünyesinde web standartları, SEO ve pazarlama ile ilgili 3.000'in üzerinde başlık bulunuyor.

17. DaniWeb
463.376 yazılım geliştiricisinin, web geliştircisinin, İnternet pazarlamacılarını ve teknoloji uzmanlarının bir araya geldiği ve işleri güçleri yeni kişilerle tanışmak, iş paylaşmak ve birbirlerinden yeni şeyler öğrenmek olan insanların oluşturduğu dev bir forum.

18. Kirupa
Flash, Visual Studio, geliştirme sanatı ve tasarım, kariyer ve daha fazlasını kapsayan bir komünite.

272.060 başlık, 2.065.550 yazı ve 133.068 üye.

19. WTricks
Web tasarım ve geliştirimi hakkında tartışabileceğiniz, kaliteli rehberlere ulaşabileceğiniz ve ücretsiz indirmeler bulabileceğiniz bir forum.

4.590 konu, 33.302 yazı ve 1.445 üye.

20. OZZU Webmaster Forumu
Ozzu üzerinde profesyonel bir web yöneticisinin, tasarımcısının, programcısının, geliştiricisinin ya da web sanatçısının günlük işlerinde kullanabileceği her tür bilgiye ulaşabilirsiniz. Siteye katıldıktan sonra yeteneklerinizi ilerletebileceğiniz yarışmalara katılabilir ve yardım alabileceğiniz ya da diğerlerinin ilgisini çekebilecek yeni konuşar açabilirsiniz. Arkadaş canlısı bir komünitesi var.

60.932 başlık, 451.706 yazı ve 35.874 üye.

21. Webmaster Talk
Kodlama, grafik tasarımı, SEO, web yönetimi ve pazarlama hakkında konuşmaya başlayan.

143.040 konu, 769.187 yazı ve 71.328 üye.

22. Australian InFront
Tasarımla ilgili her şeyi kapsayan, Avustralya merkezli popüler bir forum.

36.007 konu, 313.451 yazı ve 18.986 üye.

23. KillerSites
Grafik ve tasarım ile ilgili olan bu komünite web tasarımı, programlama, grafik tasarımı ve dijital fotografi konularını ele alıyor.

10.683 konu, 59.895 yazı ve 9.013 üye.

24. StyleGala
Kodlama, CSS, web standartları, grafik tasarımı, kaynaklar ve tüm bunlarla ilgili her konuyu tartışın.

Site bünyesinde 24.000 civarında tartışma var ve eminim kendinize bir yer bulacaksınız.

25. Cre8site Forums
Kendilerinden İlham, Networking, Yaratıcı Web Siteleri ve Gelişmiş Çevrimiçi Kurumlara yönelik bir komünite olarak bahsediyorlar.

Site bünyesindeki 17.058 kayıtlı kullanıcı toplamda 267.631 yazı yazmış.

Her zaman olduğu gibi sizin de beğendiğiniz forumlar varsa yorumlarınızda belirtmekten çekinmeyin. Eminim bu liste bazılarınızın işine yarayacaktır.

Kaynak: 1stwebdesigner

Web Kaynakları İle İlgili Yazdığım Diğer Yazılar

Bu yazı hikomen 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 Kullanışlı 12 CSS Framework'ü, Şablonu ve Kod Sitesi

hikomen — Fri, 23 Jan 2009 09:33:00 GMT

"Eğer düzenli olarak web siteleri oluşturan ve geliştiren kişilerden biriyseniz, o zaman şablon (template) oluşturma, kullanışlı kodları arşivleme ve bunun gibi diğer şeyler hakkında düşünmeye başlamalısınız. Özellikle bu gibi şeyleri geliştirme işlemi süresini kısaltmak için yapmalısınız, bu sayede her yeni bir proje başlangıcında bu şablon üzerinde gerekli değişiklikleri yaparak aynı şeyleri tekrar tekrar yazmak zorunda kalmazsınız. Ancak bu tip kod parçacıklarını ya da başkaları tarafından hazırlanmış eserleri projenizde kullanmaya başlamadan önce mutlaka ama mutlaka indirdiğiniz ürünün lisans sözleşmelerini okuyun... Pek çok geliştirici ve tasarımcı, Internet üzerinden ücretsiz olarak dağıttıkları içeriği çoğunlukla bireysel kullanımlar için ücretsiz, kurumsal kullanımlar için ücretli olarak yayımlarlar.

Yazımın devamında kendimce en iyilerin en iyilerini derlediğim ve web tasarımcıları için gerçekten kullanışlı 12 css framework'ünü, şablonunu ve kod sitesini bulacaksınız.

1. CSSTidy

"CSSTidy açık kaynaklı bir CSS bölümleyicisi ve optimize edicisidir. Komut satırı üzerinden kontrol edilebilen ve Windows, Linux ve Mac için ayrı ayrı sürümleri bulunan bu uygulamanın ayrıca bir PHP betiği de bulunuyor. Gerek masaüstü yazılımı gerekse de PHP betiği aşağı yukarı aynı özelliklere sahip.

Pek çok diğer CSS bölümleyicisinin aksine herhangi bir kurallı ifadenin kullanılmamış olması, tam CSS2 desteği ve yüksek kararlılığı ile CSSTidy, benzerlerinden ayrılıyor."

Bu bilgiyi kendi siteleri üzerinden çevirdim, zira her şeyi benim açıklayabileceğimden çok daha iyi özetlemiş.

Bazı insanlar derhal şu soruyu sorabilirler: Neden CSS kodumu optimize etmeliyim? Sadece kodunuzun daha temiz olmasının yanısıra ilgili kodları yüklediğiniz sayfaların daha hızlı açılması gibi nedenler hem ziyaretçilerinizi hem de sizi memnun edeceğinden, kodunuzu optimize etmemeniz için herhangi bir sebep bulunmamaktadır.

2. Clean CSS

Bu da CSS Tidy ile benzer işi yapmasına rağmen daha güzel görünüyor. Benim iyi tasarımlara olan ilgim ağır bastığı için ben bu aracı tercih ediyorum. Ancak seçim sizin! Kendi favorinizi seçin, ve dilerseniz nedenleri ile birlikte yorumlarınızı yazın.

3. BluePrint CSS

Daha önce BluePrint CSS Framework'ü hakkında yazdığım detaylı makaleyi eğer hala okumadıysanız hemen şimdi bir göz atmanızı şiddetle öneririm. BluePrint bir CSS Framework'ü olup CSS geliştirmek için harcadığınız zamanı kısaltmayı hedeflemektedir. BluePrint CSS Framework'ü, kullanımı kolay ızgara sistemi, işlevsel tipografisi ve hatta yazıcı çıktısı için ayrı bir stil şablonu ile projelerinizi üzerine inşa etmeniz için mükemmel bir temel sunar."

Çok kullanışlı şablon dosyaları sayesinde aynı şeyi tekrar tekrar kodlamanın önüne geçerek, zamanınızı tasarıma ve projenizin işlevselliğine odaklamanız, BluePrint CSS Framework'ü sayesinde artık mümkün.

Eğer siz de popülerliği gittikçe artan bu Framework hakkında ayrıntılı bilgi sahibi olmak ve nasıl kullanılacağını öğrenmek istiyorsanız, o zaman BluePrint CSS Framework'ü Nasıl Kullanılır başlıklı yazımı mutlaka okuyun.

4. Code-Sucks

Pek çok farklı CSS anahattı (CSS layout), kod parçacıkları (CSS, JavaScript, PHP) ve web site şablonlarını (template) içeren bu site özellikle web geliştirme aşaması sırasında oldukça kullanışlı hale geliyor.

5. Snipplr

Snipplr özellikle pek çok kod parçacığını (JavaScript, HTML, PHP, CSS, Ruby) depolamak ve organize etmek için çok kullanışlı bir araç. Özellikle bu kod parçacıkları, sizin de tahmin edeceğiniz üzere web geliştirme aşaması sırasında oldukça kullanışlı hale geliyor. Ayrıca site üzerinden dilediğiniz kod parçacıklarını da paylaşmak mümkün olduğundan arkadaşlarınızla paylaşmak istediğiniz kod parçacıklarını site üzerinde depolayabiliyorsunuz. Sitenin "popüler kod parçacıkları" bölümü herkes tarafından en çok kullanılan kod parçacıklarını listeliyor. Gerçekten muhteşem. Son olarak eğer TextMate kullanıyorsanız bu kod parçacıklarının TextMate ile çalıştığını da hatırlatalım.

6. MaxDesign

Bu siteyi belki de biliyorsunuzdur, sanırım bu siteden daha önce bahsetmiştim, ancak durum öyle olsa bile bu site tekrar tekrar bahsedilebilecek kadar güzel ve gerçekten kullanışlı bir site.

Site üzerinde listamatic1 adı verilen ve tek bir listeyi farklı şekillerden nasıl stilleyebileceğinizi gösteren bir uygulamanın yanısıra içiçe geçmiş listelere yönelik stilleme örnekleri de listamatic2 adı altında toplanmış. Özellikle CSS tabanlı listeler, yaslanmış CSS elementleri ve CSS seçicilerini kullanmak isteyenler için birebir!

7. MeyerWeb CSS Reset

Eric Meyer'in CSS Sıfırlaması çok popüler. Tarayıcınızın öntanımlı stilleme elementlerini sıfırlamak ve ardından kendi elementlerinizi üzerine inşa etmek için birebir olan bu CSS sıfırlama tekniği gerçekten pek çok tarayıcı kaynaklı sorunu gidermenizi kolaylaştırıyor.

8. YUI Library

"Her bir YUI kütüphane bileşeni, 300'ün üzerinde örneği de içeriyor ve siz bu sayede ilgili bileşenin projelerinize nasıl entegre edilebileceğini anlıyorsunuz. Bu örnekler YUI'yi öğrenebilmeniz için bir başlangıç noktası özelliğini taşıyor ve sunulan kod parçacıkları kendi programlamanızı üzerine inşa edebilmenizi kolaylaştırıyor. Dilerseniz çeşitli etkileşim öğelerinin web tarayıcısı üzerinden YUI aracılığı ile nasıl etkinleştirildiğini de örnek kodlara bakarak görebilirsiniz."

Başlangıç aşamasında çok kullanışlı şablon dosyalarının yanısıra neredeyse her web tasarımcısını tatmin edecek güzel bir kolleksiyona da sahip olacaksınız.

9. 960 Grid System

Bu ızgara sistemi gerçekten oldukça popüler hale geliyor. Geliştiricileri sık olarak kullanılan ölçülerden biri olan 960px genişliğinde web sayfaları hazırlayıp onu 12lik ve 16lık ızgaralar halinde bölümlendirerek içeriğinizi yerleştirebilmenizi sağlıyor. Tasarımcılar sitelerin harmonisini bozmamak ve kullanılırlığı arttırmak için ızgara sistemlerini kullanırlar. 960 Izgara Sistemi'ni indirdiğinizde bir dizi şablon ve taslağa da kavuşacaksınız. Bu örnekler özellikle doğru eller tarafından işlendiğinde harikalar yaratabiliyor.

10. SenCSS - Sensible Standards CSS Framework

Bu framework, Eric Meyer'in sıfırlama sistemini kullanıyor, ancak bunun dışında temel stilleme, yeniden sıfırlamaya gerek bırakmayacak şekilde optimize edilmiş kod ve çok daha fazlasını sunuyor. Kendisini layout dışındaki her şey için CSS framework'ü olarak tanıtmış olan ve site anahatları standart dışı olduğu için ya da herhangi bir sebeple ızgara sistemlerini kullanmak istemeyenlerin isteklerine cevap verecek nitelikte.

11. Yuvarlatılmış CSS Köşeler

Eminim bugüne kadar yarısı bildirgec üzerinde olmak üzere pek çok platformda CSS ile nasıl yuvarlatılmış köşeler hazırlanabileceğine dair pek çok rehber okumuşsunuzdur. Bu çevrimiçi araç sayesinde yuvarlatılmış köşeleri kolayca oluşturabilecek ve ihtiyacınız olan kodu derhal alabileceksiniz.

12. Content With Style

Yeni web sitelerini kolayca geliştirip tasarımınız üzerine odaklanabileceğiniz güzel bir framework kolleksiyonu daha.

Umarım bu siteleri hem yeteneklerinizi geliştirmek hem de projelerinizin geliştirme sürecini kısaltmak adına düzenli olarak kullanırsınız. Eminim yukarıdakilerin dışında daha pek çok site bulunuyor. Eğer sizin de tavsiye ettiğiniz siteler var ise, yorumlarınızla paylaşabilirsiniz.

Kaynak: 1st Web Designer

CSS İle İlgili Daha Önce Yazdığım Yazılar

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