java script | bildirgec.org

Günümüzde tüm web tasarımcılar-geliştiriciler açık kaynaklı araçlardan yararlanmakta. Açık kaynak kodlu araçlar ücretli uygulamaları yapabildiği her şeyi yapabilmekte, hatta daha fazlasını bile...

İşte sizlere 5 harika açık kaynak kodlu ve birbirinden kullanışlı araç.
1. Video JS
Video JS, javascript tabanlı bir video oynatıcı. HTML5'in de gücünü arkasına alarak oldukça fonksiyonel ve tarayıcı dostu. Tüm çalışmalarınızda gönül rahatlığı ile kullanabilirsiniz.

Download / Demo

2. Google Font API
Google Font Dizinindeki tüm yazı tiplerini ücretsiz olarak çalışmalarınızda kullanabilirsiniz. Üstelik tüm yazı tiperli Google sunucularında barındırıyor olması büyük bir avantaj.

Firefox, yeni sürümü olan Firefox 3.6'yı birkaç gün önce yayınladı. Şu ana kadarki en iyi Firefox olarak kabul edilen yeni sürüm herzamankinden daha hızlı, daha kullanışlı ve daha güvenli...

Mozilla yeni Firefox'ta tamamen hıza odaklandı. Yeni sürümün en az 20% daha hızlı olması bekleniyor. Programcılar ise başlangıca göre iyi tepkiler verdiler.

En önemli yenilik Personas ekletisinin artık tarayıcı ile bir bütün olması.Birkaç tıklama ile Personas web sitesi üzerinden Firefox'a yeni görünüm kazandırabilirsiniz. Temayı kurmadan önce önizlemesini incelemeniz mümkün. Ayrıca Firefox 3.6'da sekme yönetimi değişiyor. Sekmeler artık sekme çubuğunun en sağında değil etkin sekmedin yanında açılıyor.

jQuery kendi başına bile çok güzel işler başarabiliyor iken, kendisi için yapılan eklentilerle harikalar yaratıyor. Aylık olarak yaratılan jQuery eklentilerinin haddi hesabı yok doğrusu. Hangisinin en iyisi olduğunu ayırmanın da öyle kesin bir yöntemi olduğunu söyleyemeyiz doğrusu. Sadece 2009 kasım ayında bile 5 yeni jquery eklentisi dünyaya geldi. Ve birçok tasarımcı da bu eklentilerin kullanışlı olduğunu düşünüyor. Bu yeni ve kullanışlı 5 eklentinin tadını çıkartın.

1. jqslickwrap

jqslickwrap, yazmış olduğunuz metnin, resim çevresinde uygun şekilde biçimlendirilmesini ve kaydırılmasını sağlayan bir eklentidir. Düzgün şekle sahip olmayan şekiller etrafında metin konumlandırmak için kullanılır.
Kullanışı:

$('img').slickwrap();

2. jquery kaydırma çubuğu eklentisi (safari stili)

jquery kaydırma çubuğu eklentisi, kullanışı basit ve çok fonksiyonlu bir jquery eklentisidir. Safari stiline sahip çok farklı şekillerde kaydırma çubuğu yapmanıza yardımcı olur. Bu oldukça iyi bir eklentidir.

Çoğu zaman kendimi tutamıyor ve güzel görünen her sitenin kaynak kodlarını görüntüleyip inceliyorum. Tıpkı sokakta gördüğünüz her insanın temel kemik yapısını ve iç çamaşırlarını gösteren X-Ray gözlükler gibi doğrusu. Nasıl kendinize karşı koyup kodlara bakmazsınız ki?

Güzel bir sitenin güzel kodlarla yaratılışını görmek oldukça etkileyici doğrusu. Bazen de güzellik sadece dış görünüşte kalıyor. SEO'ya dikkat etmeyen arkadaşlarımız yüzünden olsa gerek. Ancak güzel kod nasıl olur? Şunun şurasında "Code is Poetry" ("Kod şiirdir") diyen wordpress'i hepimiz bir şekilde kullanmışızdır. Sadece HTML'den ne olabilir ki? Topu topu sabit bir dil işte sadece ve dinamik özellikleri de hiç yok. Ancak gene de kodu yaratanın temel özelliklerini gösterir.

Bu konu da beni düşüncelere itiyor. Bir kodu ne güzel yapar? Konu HTML olunca, ustalığa bakar! Hadi güzel bir iskeletin, yazılması gerektiği şekilde yazıldığında nasıl göründüğüne bir bakalım.

Resim, isterseniz bir kağıda çıktısını alıp, duvarınıza asabileceğiniz kadar büyük.

• HTML5 - HTML5 hem yeni, hem de html'yi şu ana kadarki en güzel haline getirdi.
• DOCTYPE - HTML5 ile beraber, doctype da inanılmaz sade ve güzel bir hale geldi.
• Sekmeler - Kodlar, ana/çocuk ilişkisini açıkça gösterecek şekilde ayrılmalı ve sekmelenmeli.

Tasarımlarınızda size ilham kaynağı olabilecek 30 farklı tasarım aşağıda listelenmiştir.

Bunlardan birçoğu yeni. umarım işinize yarar ve sonraki projelerinizde sizi aydınlatır.

Bunlardan farklı başka çalışmalara da göz atmak isterseniz buradan girip portfolio'ya bi bakın derim. Ama ilk önce aşağıdakileri kontrol edin sonuna kadar.

1. Alexarts basit ama modern bir görünüm verilmiş siteye.

2. Pampaneo hikayesini anlatmak için ilginç grafikler kullanmış Pampaneo.

Web sitenin dinamikliğini sağlayan yapı taşlarından birisi olan (küçük pencere) pop-up pencerelerin en büyük özelliği, ajax/js sayesinde anında sayfa ile etkileşim kurarak, vakit kaybettirmeden yeni bir sayfa açtırmadan, o sayfa içerisinde açılarak kolaylık sağlamasıdır. Siteye kullanışlılık katığı için kullanıcının sitede dolaşması kolaylaşır ve ilgi çekici olur. pop-up pencereler bir galeride veya bilgi vermek için kullanılabilir yani hayal gücünüz ne kadar genişse o kadar kapsamlı kullanabilirsiniz. bu bildiride 25'e yakın pop-up pencere örneğini inceleyebilir ve kullanabilirsiniz.