web2 | bildirgec.org

Bookmarklet; tarayıcılar üzerinden kullanabileceğiniz, javascript ile hazırlanan uygulamalara denir. Birçok işlemi sadece bir tık ile halledebilirsiniz. Tüm tarayıcılarda desteklenen Bookmarklet'leri genellikle araç çubuğuna sürükleyerek kullanabilirsiniz. Sizin için derlediğimiz oldukça kullanışlı Bookmarklet'ler;

Print Liminator

Web tasarımcılar için gerekli bir araç olan Print Liminator ile herhangi bir web sayfasındaki ögeleri istediğiniz şekilde kaldırabilirsiniz. Herhangi bir tablo, imaj gibi web sayfanızdaki tüm ögeleri kaldırabilir, web sayfasını anında yazdırabilir ve dilerseniz sayfadaki tüm grafikleri inatkif yapabilirsiniz. Küçük bir tooltip şeklinde sayfanın köşesinde çıkan oldukça başarılı bir uygulama.

Markup

Markup oldukça gerekli ve hoş olan bir çizim aracıdır. Web sitesinin herhangi bir yerini çizebilir, herhangi bir şeyler yazabilirsiniz. Eğer sunum, ders gibi dökümanlar hazırlıyorsanız oldukça yararlı bir uygulama. İsterseniz metinlerin altını da herhangi bir renk ile çizebilirsiniz. Hazır olarak bulunan çizgi, kare, daire şekilleri de bulunmakta.

XRay

Web tasarımcılar için oldulça faydalı bir uygulama olan XRay, bulunduğu sayfadaki tüm element bilgilerini size gösterebilir. Tıkladığınz bölgenin css ve html kodlarını anında ayıklayarak tooltip şeklinde açıklarak birçok bilgiyi size gösterir.

Web tasarımındaki en büyük sorunlardan biri de çapraz tarayıcı sorunlarıdır. Herhangi bir tarayıcıda tasarladığınız sayfa diğer tarayıcılarda farklı yorumlanarak tasarım hatalarına yol açabilir. Bunun önüne geçmek için birçok çapraz tarayıcı testi bulunmakta. Bu testlerde sayfalarınızı test ederek tüm tarayıcılara göre hazırlayabilirsiniz. İşte popüler tarayıcı testleri;

Adobe Browser Lab

Çapraz tarayıcı testlerinde hızlı ve kolay çözümler sunan çok kullanışlı bir adobe air uygulaması.firefox, chrome, internet explorer, safari gibi tarayıcılar ile sayfanızın çift taraflı karşılaştırmasını yapabilirsiniz. Ayrıca Dreamweaver CS4 ekletisi sayesinde browser lab'a bağlanarak çalışmalarınızı anında test etme imkanınız bulunuyor.

Browser Shots

Farklı işletim sistemlerinden (Windows, Linux, Mac OS) farklı tarayıcılar seçerek web sitenizi çapraz tarayıcı testine sokabilirsiniz. Sayfanızı 79 adet tarayıcı ile test etmenize imkan veriyor. Sayfa görüntülerini anında size sunuyor.

Son zamanlarda web uygulamarının sayısı oldukça arttı.Web tasarımcıları bu uygulamalar ile daha az zamanda daha çok iş yapmaya başladılar.Sosyal medya platformlarının artmasıyla beraber birçok web uygulaması hayata geçti.İşte web tasarımcıları için 2009 yılının en popüler web uygulamaları;

PX to EM

pixelleri emlere hızlı ve kolay biçimde dönüştürmenizi sağlar. Hesaplamaların bilmiyor yada yapmakta zorlanıyorsanız tam size göre bir uygulama.

Type Tester

Sitenize hangi fontları seçeceğinize karar veremiyorsanız tam size göre bir uygulama. Farklı fontları farklı biçim ve boyutlarda karşılaştıran kullanışlı bir araç.

Web sitelerimizi renklendiren ve tam olarak tasarımı oturtan ikonlar artık web tasarımdaki vazgeçilmezlerden biridir. Sosyal medyanın günümüzde popülerleşmesiyle ise sosyal medyaya özel ikon setleri hazırlanmaya başlandı. Aşağıdaki ikonların tümünü web sitenizde ücretsiz olarak kullanabilirsiniz. Farklı tarzlarda 350 tane sosyal medya ikonu:

Sketchy Social Media Icons

Isometrica (Volume 1): A Free Social Media Icon Set

Picasso: A Free Social Media Icon Set

Web 2.0 ile yaygınlaşan ve kullanılmaya başlanan sekmeli tablolar artık birçok web uygulamasında yer edinmiştir. Bir sayfaya birden fazla sayfayı sığdırmak veya ziyaretçilerimizi yeni sayfa yüklenmesinden kurtarmak gibi birçok hoş özelliği bulunan bu uygulama jQuery ile oldukça hoş bir hal aldı. Farklı geçiş efektleri ile güzelleşen bu özelliği aşağıdaki birçok uygulamaya bakarak inceleyebilirsiniz. Yararlı jQuery Sekmeli Navigasyon Uygulamaları;

Create A Tabbed Interface Using jQuery
(jQuery ile Sekmeli Tablo Arayüzü Oluşturun)

Sweet AJAX Tabs With jQuery 1.4 & CSS3
(jQuery 1.4 & CSS3 ileTatlı Ajax Seklemeri)

Web tasarımında photoshop önemlidir.html ve css kodlarından farklı olarak görselliği bize sunar.Aşağıdaki farklı sayfa tasarımlarını ile ilham kaynağınızı geliştirebilir veya photoshop ile web sayfası hazırlarken nelere dikkat etmeniz gerektiğini daha iyi kavrayabilirsiniz. Web sitenizin türüne göre birçok sayfa tasarım örneği bulunmakta.İşte pohotoshop ile web tasarım dersleri;

Graphic Design Studio
(Grafik Tasarım Stüdyosu oluşturma)

Create an awesome software layout
(Yazılım düzeni oluşturun)

Wordpress için artık birçok uygulama bulunmakta.Wordpress ile hazırladığınız web sitenizi artık istediğiniz gibi kişiselleştirebilirsiniz. Temalar ve eklentiler ile renklendirebilirsiniz. Aşağıda Wordpress için hazırlanan uygualamalrdan sadece jQuery kütüphanesi kullanılarak yapılanlar bulunmakta. Aşağıdaki uygulamaları kullanabilir veya sizde farklı jQuery Wordpress eklentileri yaratabilirsiniz. İşte Worddpress için hazırlanan jQuery uygulamaları;

FancyBox for WordPress - Demo

Fancybox, tooltip şeklindeki bir resim görüntüleme aracıdır. Wordpress ile uyumludur.Upload özelliği sayesinde resimleri sorusuzca yükleyebilirsiniz. Web sayfanızdaki belirttiğiniz resimleri veya tümünü bu uygulamaya tıklandığında büyük olarak görülmesini sağlar.

SimpleModal Contact Form (SMCF) - Demo

Wordpress için hazırlanan bu jQuery uygulaması ise ziyaretçileriniz için hazırlanan bir iletişim formudur. İletişim formunu ziyaretçileriniz tıkladığında tooltip şeklinde yeni bir pencere açılarak yeni sayfa yüklemeden ziyaretçilerinze zaman kazandırır. Hoş tasarımlı ajax ile hazırlanmış bir Wordpress eklentisidir.

wordpress geçtiğimiz aylarda wordpress 3.0'ı duyurdu. bu sürümle birlikte çeşitli özellikler de bloggerlerin hizmetine sunulmuş oldu. bu sürümle gelen özellikler wordpress-tr'de aşağıdaki gibi listelendi:

• wordpress mu, wordpress paketi ile birleşti,
• dahili menü sistemi,
• arka planını değiştirebilme yeteneği,
• varsayılan tema değişti: yeni tema twenty ten,
• yönetim ekranlarına yardım alanları eklendi,
• temaları ve eklentileri toplu güncelleme desteği,
• wordpress yüklemesi sırasında kullanıcı adı ve parola seçme özgürlüğü,
• yavru tema özelliği.

bu özelliklerin yanı sıra 3.0 ile gelen ücretsiz temalar var. aşağıda, haber, portfolio, personal, magazine gibi 30 adet çeşitli tema bulunmakta.

1. boldy ücretsiz wordpress tema - demo - download

2. spectre ücretsiz wordpress tema - demo - download

3. delta ücretsiz wordpress tema - demo - download