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.

Bu javascript programı ile hazır kodlar bulabileceğiniz ve bu kodları görsel olarak kullanabileceğiniz içerisinde 200‘den fazla hazır uygulama bulunmaktadır, uygulamalardan bazıları şunlar,

• Arkaplan efektleri
• Reklam Banner lari (resimleri)
• Hesaplama araçları
• Çerezler
• Sayaçlar
• Tarih ve saat uygulamaları
• Eposta uygulamaları
• Form uygulamaları
• Oyunlar
• Oluşturucular
• Resim efektleri
• Link efektleri
• Hata sorgulama uygulamaları
• Fare efektleri
• Yönlendirme uygulamaları
• Kaydırma çubuğu uygulamaları
• Metin efektleri
• Araçlar & Çeşitli uygulamaları
• Kullanıcı bilgileri uygulamaları
• Pencere durum çubuğu efektleri
• Pencere başlığı uygulamaları
• Pencere uygulamaları

uygulamaları geliştirmenize yardımcı olabilecek bu javascript programı işlerinizi çok daha kolaylaştıracaktır. Tarayıcınız ile anında test edebilme imkanıda sunuyor. Web tasarımcıları ve web programcıları için bu elinin altında bir yardımcı araç olarak durabilir.

Webmasterlar veya web tasarım yapmak isteyen fakat bundan anlamayanlar müjde! Bu site tam size göre…

Adresimiz: www.hotscripts.com

Bir site açmak istiyorsunuz diyelim fakat yeni site yazacak kadar vaktiniz yok veya kod yazacak bilginiz yok. Bu sitede istediğiniz her şekilde scripti bulabilirsiniz ve bunları ücretsiz bir şekilde indirip geliştirebilirsiniz veya direk kullanabilirsiniz. Bu site herkese hitap ediyor aslında sadece eğitim amaçlı bile kullanabilirsiniz veya aldığınız scriptten kodları kopyalayıp kendi sitenizi geliştirebilirsiniz.
Sitede bulabileceğiniz diller:
+Ajax
+C ve C++
+Flash
+PHP
+XML
+ASP
+CFML
+Java
+Python
+ASP.NET
+CGI ve Perl
+Java Script

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.

Mükemmel HTML nasıl görünür?

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.

Lightbox JS v2.0

The Lightbox Effect without Lightbox

Leightbox

JavaScript‘ler web sitelerin vazgeçilmez kaynaklarıdır. JS ile kullanıcı dostu, interaktif arayüzler oluşturulurken bu arayüzlerin tarayıcıdan (browser) tarayıcıya farklılık göstermesi, hem web site geliştiricisi hem sitenin ziyaretçisi açısından en istenilmeyen durumlardan bir tanesidir.

JavaScript’in gücü ve etkileyici yanları çeşitli açık kaynak kodlu JavaScript kütüphanesinin yazılmasını sağladı. Bu kütüphanelerden siteler için hazırlanmış, açık kaynak kodlu, görselliği etkileyici ve çeşitli tarayıcılarda testleri yapılmış ExtJS ve ExtGWT‘den bahsetmek istiyorum.

Bu JS kütüphaneleri, yüksek performans elde etmek, zengin internet uygulamaları üretmek amacıyla geliştirilmiş.

Demolarda da göreceğiniz üzerine Ajax‘sal özellikler kütüphanelerin beğeni kazanmasını sağlıyor.

Şimdi ExtJS‘den örneklere bakalım.

• ExtJS Feed Viewer (demo)
  
  ExtJS Feed Viewer

Geliştiriciler ve tasarımcılar gün geçtikçe modern tasarımlarında daha çok JavaScript kullanır oldular. Bazen JavaScript kullanımı kullanıcının işini zorlaştırıp tasarımın sadeliğini alırken kimi zaman da kullanıcı deneyimine çok önemli katkıları olur. Burada önemli olan a) doğru miktarda JavaScript kullanmak ve b) doğru JavaScript tekniklerini kullanmaktır. Bugüne kadar pek çok javascript tekniğini sizlerle paylaştım. Bu makale ile listeye bir yenisini ve kendimce en verimlisini eklemeyi planlıyorum.

Web’in JavaScript’e hızlı geçişi sağolsun JavaScript kütüphaneleri tasarımcıların ve geliştiricilerin işlerini kolaylaştırmak için çığ gibi büyümeye devam ediyorlar. Geliştiricilerin kullandığı JavaScript kütüphaneleri arasında jQuery, Prototype, Scriptaculous, mooTools, Dojo en çok kullanılan kütüphaneler olarak gösterilebilir. Bu çatıları kullanan komünite üyelerinin oluşturduğu sayısız eklentiler de JavaScript kütüphanelerine dahil edilebilmektedir.

Ancak bazen bazı özel ihtiyaçlara yönelik olarak geliştirilmiş JavaScript çözümlerine ihtiyacımız olabilir. İki bölüm halinde yayımlayacağım bu yazımda web sitelerini çok daha ilginç ve çekici kılan 75 gerçekten kullanışlı JavaScript Tekniğinden bahsetmek istiyorum.

Web’de Heceleme
Bu proje (X)HTML sayfaları için otomatik hecelemeye yönelik çalışan çözümleri bir araya getirmeyi hedefliyor. Hem farklı insan ve betik dilleri için, hem de sunucu ve istemci taraflı platformlar için. Hyphenator.js adı verilen bir JavaScript çözümü de mevcut. Hyphenator.js, HTML belgelerinin sunucu taraflı hecelemesini, bazı ortak heceleme kuralları ve Franklin M. Liang’ın LaTex ve OpenOffice’te de sıkça kullanılan heceleme algoritmasını tüm tarayıcılara getiriyor.