Web tasarımla uğraşanlara arşivimde ve masaüstümde bir yerlere iliştirilmiş tasarım yardımcılarını bir araya topladım. Faydalı olmasınız dilerim.

CSS

1. CSS Cheat Sheet-1 indir.
2. CSS Cheat Sheet-2 indir.

HTML & XHTML

1. HTML Cheat Sheet-1 indir.
2. HTML Cheat Sheet-2 indir.
3. HTML Color Cheat Sheet indir.
4. RGB Hex Cheat Sheet indir.
5. HTML Entities Cheat Sheet indir.
6. XHTML 1.1 Cheat Sheet indir.

JavaScript & JQuery & MooTools & Prototype

1. JavaScript Cheat Sheet indir.
2. JQuery v1.3 Cheat Sheet indir.
3. Mootools Cheat Sheet-1 indir.
4. Mootools Cheat Sheet-2 indir.
5. Prototype Cheat Sheet indir.

PHP & WordPress & MySQL & RegExp

1. Erkin ERTAÇ’ın hazırlamış olduğu WordPress Cheat Sheet indir.
2. WordPress Cheat Sheet indir.
3. PHP Cheat Sheet indir.
4. MySQL Cheat Sheet indir.
5. Regular Expressions Cheat Sheet indir.
6. Apachi Mod Rewrite indir.

Photoshop CS4

1. Keyboard Shortcuts Sheet (MAC) indir.
2. Keyboard Shortcuts Sheet (PC) indir.

Baloncu eklentisi 4 renkte 2 yönde kulp içerirken, yaptığım güncelleme ile artık 4 yönde kulpa sahip oldu.

Daha önce yayınladığım. Tooltipi biraz daha geliştirerek ve güzelleştirerek tekrar hazırladım. Bu tooltip de iki farklı yönde ok ve dört farklı renk seçeneği var. Kodlamadan bahsetmiyecem fakat sayfaya nasıl eklenir tekrar hatırlatalım.

Sonucu görmek istiyorsan buraya gel
Sonucu görmek istiyorsan buraya gel
Sonucu görmek istiyorsan buraya gel
Sonucu görmek istiyorsan buraya gel
Sonucu görmek istiyorsan buraya gel
Sonucu görmek istiyorsan buraya gel
Sonucu görmek istiyorsan buraya gel
Sonucu görmek istiyorsan buraya gel

Yukarıda da gördüğünüz gibi baloncu.js ve style.css tanımlarının doğru şekilde yapılması gerekiyor. Sonra balon göstermek istediğiniz linklerde “rel” etiketi içinde 16 farklı tanım yapabilirsiniz ve title etiketinde verdiğiniz bilgiyi görüntüleyebilirsiniz.
B1L — Balon 1 sol işaretçi anlamına gelmektedir.
B harfinden sonraki sayı renk L, R, B, T harfi ise kulp yönünü belirtmektedir.
(Demo) Örnek sayfayı burada görebilirsiniz.
(Project File) Proje Dosyalarını indirmek ve kullanmak için buraya tıklaman yeterli.

Bir de yorum yaparsan bende güzel mi değilmi anlamış olurum. Hadi üşenme!

Bir süredir yazı yazacak pek vakit bulamıyorum ancak bu hafta yine gözüme çarpan siteleri paylaşabilirim heralde. O kadar çok site var ki biraz azaltarak listemizi yazmaya başlasak iyi olacak. Hemen listeye geçelim.

1. Tasarımlarınızda kullanmak için 40 resim deposunu instantshift toparlamış.
2. 45 tane ilham alınası duvar kağıdı burada verilmiş
3. İlham alınası 40 typography tasarımı burada.
4. İlham alınası illustrasyon burada görmelisin.
5. Klavye tıklamalarıyla hareketlenen Jquery animasyonu nasıl yapılır? Bence çok eğlenceli burada
6. Bir Jquery makalesi daha erişilebilir bir slideshow nasıl yapılır? Yine Six Revisions ‘dan.
7. Six Revisions’dan photoshop’da Web 2.0 tasarımı nasıl yapılır incelemek lazım..
8. Photoshop’da Adobe CS4 ikonu nasıl yapılır merak ediyorsan bu makaleyi okumalısın.
9. 25 en iyi eğitim sitesi burada bir araya gelmiş.
10. Font ihtiyacı olanlara burada 20 tane çok güzel sans-serif font var.
11. Kendi kendine grafik tasarımı öğrenmek istermisin gerekli kaynaklar burada toparlanmış.
12. Sitenin kritiğinin yapılmasını istermisin adresini gönder onlar yapsın.
13. İnternet Explorer 6.0′ı desteklemek istemiyorsan kullananları buraya yönlendir.
14. Çalışırken yapmanız gereken şeyler bazen aklınızdan uçup gidiyorbu o zaman buyrun size çok şirin bir to do list programı
15. Son olarak tasarımlarında kullanabileceğin 35 renk paleti burada.

Bu haftalık bu kadar yeter sanırım. Değerli yorumlarınızı merakla bekliyorum.

Henüz beş gün geçmesine rağmen yeni bir bu başlıktaki 2. yazıyı yayınlamanın zamanı geldi. Bu yazıyı bir seri yapmayı düşünmüyordum. Ne yapalım çok güzel işler gördüm bu hafta yine, hadi uzatmadan bir liste yazalım…

1. Typography adına mayıs ayında yazılmış makaleler biraraya toplanmış bakın neler varmış burada…
2. 5 adımda iyi typography nasıl yapılır? Nelere dikkat edilmelidir burada…
3. Düzenli bir CSS yapısına sahip olmak için neler yapılmalı burada özetlenmiş.
4. WebKut güzel bir adobeAir uygulamsı internet sayfasının ister belli bir kısmının, ister tamamının resmini çekin JPG, GIF, PNG ve hatta PDF olarak kaydedin. Bitmedi istersen flickr hesabına göndersin. Çok güzel bir masaüstü uygulaması burada…
5. PSDTut+ dan güzel bir makale bir web tasarım işi baştan sona nasıl yürür, sonuçta ortaya ne çıkar burada…
6. Web Tasarımcılarının ihtiyaç duyacağı 10 iPhone uygulaması burda… Bir tanede ben alabilsem..Ahh ahh.
7. 82 tane yaratıcı 404 Error sayfası tasarımı burada bir araya gelmiş..
8. Birbirinden güzel kartvizit tasarımı burada toplanmış. Birinden kendim için esinlensem ayıp olurmu?
9. Web siteniz için 80+ Texture burada bir araya gelmiş, gün gelir lazım olur…
10. Birde program verelim. Notpad++ için alternatif olabilir.  Desteler (bundles) menüsü altında sizi kod yazmaktan kurtaracak hazır yapılar var.. Ben denedim beğendim..Burada
11. Bir ilham kaynaağı birçok kategoride hemde ben çok beğendim. Burada…
12. Ben bu yazıyı yazdığımda 117.268 tane portfolio vardı sende ekle 117.269 olsun herkes ilham alsın… burada
13. Son olarak 22 yaratıcı Billboard tasarımı burda…
14. 600+ Doğa temalı photoshop fırçası burada….
15. 26 Font burada
16. 240 Retro Brush burada… 350+ tanede burada…

Ben çok sevdim bunları belki sende…

Bu hafta ziyaret etmekten keyif aldığım ve tasarım adına çok güzel işlerin yapıldığını düşündüğüm siteleri paylaşmak istedim!

• 80 kusursuz footer tasarımı burada
• 80 kuşbakışı görsele sahip site burada
• 90 yaratıcı ilham kaynağı burada
  
• 45 yenilikçi WordPress teması burada
• 44 yaratıcı tasarıma sahip site burada
• 49 benzersiz blog tasarımı burada
• Retro oyuncak icon seti
• 100 den fazla Twitter iconları ve butonları
• 33 tane photoshop brush kaynağı, 25 tane vektor kaynağı, 15 PSD indirme kaynağı biraraya toplanmış iyide yapılmış

faydalı olmasını dilerim…