bildirgec.org - pinkfloyd - beğendikleri

75 (gerçekten) kullanışlı javascript tekniği

pinkfloyd — Sun, 08 Feb 2009 10:28:00 GMT

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.

SocialHistory.js
SocialHistory.js, ziyaretçilerinizin hangi sosyal ağları kullandığını tesbit edebilmenizi sağlıyor. Kullanıcının tüm geçmişini görmenizi sağlamıyor. Kullanıcının daha önce herhangi bir adresi ziyaret edip etmediğini 20 soruluk bir yöntemle test ediyor. SocialHistory.js'nin kontrol ettiği çok geniş bir sosyal ağ listesi mevcut. Alternatif arayanlar şu çözüme de bir göz atabilirler.

Textboxlist Otomatik Tamamlama
JavaScript'in en çekici özelliklerinden birisi de oldukça kullanışlı olan otomatik tamamlama özelliğidir. Otomatik tamamlamayı Facebook'tan daha güzel kullanan hiçbir site yoktur. Facebook, otomatik tamamlama özelliğini çok etkin bir şekilde kullanarak diğer Facebook kullanıcılarının aranabilmesini sağlamış durmda. Kullanıcı bir kez bulunduğunda adı bir çerçeve içerisinde listeye ekleniyor ve kullanıcı adının yanına adı listeden çıkarmak için bir "X" bağlantısı ekleniyor. İşte TextboxList betiği de bu özelliği taklit ederek kullanıcıların hizmetine sunmuş durumda.

addSizes.js
Bu küçük JavaScript otomatik dosya boyutu oluşturma işini hallediyor. Örneğin eğer büyük boyutlu .mp3 ya da .pdf dosyalarını siteniz üzerinden sunuyorsanız bu betik ilgili dosyaları otomatik olarak kontrol ederek dosya boyutunu bağlantının hemen yanına parantez içerisinde ekliyor.

syntaxhighlighter
SyntaxHighlighter özellikle sitesi üzerinden sıklıkla kod parçacıkları yayımlayan geliştiriciler ve kodcular için hazırlanmış bir betik. %100 JavaScript tabanlı olan bu betik, sunucunuzda neyin kurulu olup olmadığına bakmıyor.

samaxesjs
samaxesJS JavaScript ile yazılmış, zengin web uygulamalarına entegre etmek için geliştirilmiş bir dizi aracı ve kontrolü içeriyor. Örneğin TOC (Table of Contents - İçindekiler) kontrolü sayfanızdaki içeriğin başlıklarından otomatik olarak bir içindekiler tablosu oluşturuyor, tüm başlıkların önüne numara ekliyor ve HTML tablosunu otomatik olarak oluşturuyor. JavaScript'in etkin olmadığı tarayıcılarda da sayfanın yapısını bozmadan özelliği etkisizleştiriyor.

Adım Adım
Bu betik ziyaretçilerinize sitenizin onlar için ne sunduğunu gösterebilmenizi ve açıklayabilmenizi sağlıyor. Daha önce ekran görüntüleri ve videolarla oluşturulmuş ve bir ürünün ya da hizmetin tanıtımını yapan ve size ilgili içeriği adım adım açıklayan bazı tanıtım uygulamaları ile karşılaşmışsınızdır. İşte bu betik tam da bu işi web siteleri için yapmayı hedefliyor.

MoreCSS
MoreCSS küçük, çapraz-tarayıcı uyumlu bir JavaScript kütüphanesi olup tıpkı CSS kullanıyormuşçasına sekmeli menüler, tablolar ve "zebra" tarzında listeler oluşturabilmenizi sağlıyor. Kütüphaneyi HTML'ye eklemek ve genel geçer tasarım elementleri için CSS kullanmanız yeterli.

Facelift Görsel Değiştiricisi
Facelift Image Replacement (ya da FLIR, fliir diye okunur) bir imaj değiştirme betiği olup bir siteniz üzerinde herhangi bir yazıtipini kullanabilmenizi sağlıyor. Normalde ziyaretçinin tarayıcısında bulunmayan bir yazıtipini sitenizde kullanmaya kalktığınızda o ziyaretçinin sisteminde öntanımlı olan yazıtipi görüntülenirken bu betik kullanıldığında ilgili yazıtipi için görseller görüntüleniyor. Tüm modern tarayıcılarda çalışan bu betik başlıklardan (h1, h2 vs) span elementlerine ve arasındaki her metin içerikli element üzerinde kusursuz çalışıyor.

CSS Sprites2
Çapraz tarayıcı uyumluluğu artık çocuk oyuncağı haline geldi, zira jQuery pek çok modern tarayıcı üzerinde çalışıyor. Burada gördüğünüz her şey IE6+, Firefox, Safari, Opera vs'de çalışıyor. Betiğe ayrıca JavaScript'in etkin olmadığı durumlarda bile sitenin görünümünü bozmayacak korumalar eklenmiş durumda.

jParallax
jParallax bir jQuery kütüphanesi olup seçili elementi bir 'pencereye' ya da bir görüntü kapısına ve bunların tüm astlarını da mutlak pozisyonlanmış katmanlara dönüştürerek görüntü kapısı üzerinden görüntülenebilir hale sokuyor. Bu katmanlar fare hareketlerine göre hareket ediyor ve boyutlarına (katman başlangıç noktaları için belirlenen seçeneklere) göre farklı miktarda ilerliyorlar ve sonuçta bir tür paralaks görüntü beliriyor. Bir kameradan baktığınızı ve size farklı uzaklıktaki objelerin siz kamerayı hareket ettirdikçe hareket ettiğini düşünün. İşte bu kütüphane bu efekte her bir katman için bir adet hareketsiz görsel kullanarak erişiyor.

ddMenu - Ortam Menü Betiği
ddMenu mooTools tabanlı basit bir betik olup kendi ortam menülerinizi oluşturabilmenizi sağlıyor. Kontrol düğmesine ve sağ fare tuşuna basarak tarayıcının öntanımlı menüsü ile betik menüsü arasında geçiş yapabilirsiniz. Shift düğmesi ile sağ fare düğmesine basarak ddMenu'yu tarayıcının öntanımlı menüsnün arkasında açabilirsiniz.

js-hotkeys
jQuery.HotKeys eklentisi sayesinde web sitenize klavye kısayolları eklemeniz mümkün hale geliyor. Kısayolu tanımlamak için tek yapmanız gereken sayfanıza bir satır kod eklemek. Alternatif arayanlar bu makaleye göz atabilirler.

BarackSlideShow
Verimli ve hafif bir slayt gösterisi betiği. mooTools 1.2 ile çalışıyor ve her tür şekil geçişlerini (üst ve sol koordinasyonlar ve yükseklik ile genişlik değerleri) destekliyor ki bunun anlamı da hem dikey, hem yatay hem de sırasız listelerle kullanılabiliyor olması.

Galleria
Galleria jQuery ile yazılmış bir JavaScript resim galerisi. Sırasız listelerden aldığı görselleri birer birer yüklüyor ve her bir görsel yüklendiğinde görselin küçük resmini görüntülüyor. Eğer isterseniz betik sizin için görsellerin küçük resimlerini de ister orantılı ister orantısız, ister ortalanmış, isterseniz de CSS ile tanımlanmış bir küçük resim kutusu içerisinde kırpılmış olarak görüntüleyebiliyor.

Geçmiş Tutucusu
unFocus History Keeper JavaScript tabanlı bir kütüphane olup tarayıcının geçmişte ziyaret edilen siteler listesini (geri düğmesi) yönetebiliyor ve Flash ile Ajax uygulamaları için derin-bağlantılamayı destekliyor. Sunucu tabanlı uygulamalar için 'Geri' düğmesini desteğini etkinleştiriyor ve sağlama tabanlı derin bağlantılamaya sahip (anchor tarzında - index.html#foo=bar) ve eylemlere göre değişkenlik gösterebiliyor. Betiğin geçerli sürümü tüm modern tarayıcılarda sorunsuz çalışıyor.

date.js
Datejs gelişmiş ve açık kaynaklı bir betik olup tarih ve zamanı ayrıştırma, biçimlendirme ve işleme için kullanılıyor.

Lightview
Lightview web sitenizde modal pencereler oluşturabileceğiniz bir başka betik. Betiğin akıllı görsel önyükleme, ayarlanabilir yuvarlatılmış köşeler ve PNGler kullanmadan içeriğin daima ekranınıza sığabilmesi için içerik yeniden boyutlandırabilme gibi özellikleri mevcut. İlgili betik sunumlar, tekil görseller, Quicktime dosyaları, formlar, iframeler, satıriçi içerikler ve Flash dosyaları için kullanılabilir.

Coda popup baloncukları
Yazılım geliştiricisi Panic'in web geliştiricileri için hazırladığı, Coda adında sevilen bir Mac uygulaması mevcut. Coda'nın inanılmaz derecede işlevsel bir tasarımı var ve sitede kullanılan güzel JavaScript efeklerinden birisi de stilize edilmiş pop-up baloncukları. Tasarımcılar için jQuery blogu jQuery ve özel geliştirilmiş bir kodu birleştirerek Coda websitesinde kullanılan bu özelliği taklit etmeyi hedeflemiş. Ortaya çıkan efekt güzel, verimli ve kullanıcı deneyimine olumlu etkileri olan oldukça kullanışlı bir eklenti.

ajax.im
meebox gibi web tabalı anında mesajlaşma istemcilerinin populerliği arttıkça web geliştiricileri de kendi JavaScript anında mesajlaşma çözümlerini sitelerine entegre etmek istemeye başladılar. Ajax IM, Ajax ile hazırlanmış anında mesajlaşma uygulamaları oluşturmak isteyenler için bir JavaScript kütüphanesi. Betiğin dosya boyutu görece büyük ancak kullanıcıları ile daha fazla ilişki kurmak isteyen web siteleri için güzel bir efekt olabilir.

LiveValidation
Bu betik özellikle web sitesinde form kullanan her web geliştiricisi için kullaşnışlı bir çözüm. Farklı veri doğrulama özelliklerini içeren yenilikçi bir kayıt formu oluşturmak bazen sorun olabilir. Ayrıca JavaScript kullanarak daha hızlı ve yenilikçi formlar oluşturmak da zordur. Ne şans ki LiveValidation bizler için bu sorunu çözüyor ve form doğrulama sorununu kökünden hallediyor. Eğer Ruby on Rails geliştiricisi iseniz, LiveValidation betiğinin iki sürümü bulunuyor. Ruby on Rails için ideal olan ve Prototype ile çalışan sürümü ya da doğrudan kendi kendine çalışabilir sürümü mevcut.

Ajax AutoSuggest
TextboxList'in otomatik tamamlama betiği gibi olan Ajax AutoSuggest betiği de güzel görünümlü ve iyileştirilmiş bir otomatik tamamlama betiğidir. Bu betiğin dosya boyuto oldukça küçük, 9k'nin altında ve tüm arama formlarına fazladan güzel bir özellik ekliyor.

FancyUpload
Gönderdiğiniz dosyalar için bir ilerleme çubuğu görüntüleyen bir gönderme betiği. Her tür gönderme formu için mükemmel bir çözüm olan bu betik, aynı anda birden fazla dosya gönderimini de destekliyor. Gönderilecek olan dosyaların boyutunu da betik üzerinden sınırlayabileceğiniz gibi, dosya türüne de sınırlama getirebiliyorsunuz. Betiği kullanabilmek için tek gereksinim, kullanıcının sisteminde Flash eklentisinin kurulu olması gerekliliği ki Web kullanıcılarının %95'inde bu betik halihazırda kurulu durumda.

Taggify
Taggify betiğinin sitelere dahil etme işlemi listelenen diğer JavaScriptlerden biraz farklı. Taggify fotoğraflar üzerine açılır pencereler dahil etmenize yarayan sunucu tabanlı bir çözüm. Betiği indirip sunucunuzda barındırmaktansa kodunuza küçük bir <include> eklemeniz, Taggify betiğinin sitenize kurulumu için yeterli. Taggify'nin kullanımı da ilginç, betik fotoğraflara notlar ve kullanıcı bilgiler ekliyor.

Bu betiği Flickr görsellerine notlar eklemenize yarayan özelliğin geliştirilmiş bir sürümü olarak düşünebilirsiniz. Taggify notu içerisine dilediğiniz HTML kodunu ekleyerek görsellere bilgi verici notlar dahil edebilirsiniz.

AmberJack
AmberJack ilginç ve zorlu JavaScript tekniklerinden birisi. Web site turları özellikle kullanıcların sitenize alışması, ürünlerinizin ve özelliklerinizin tanıtımı ve diğer pek çok özellik açısından işe yarar bir özelliktir. AmberJack'in en iyi yanlarından birisi de web site turları oluşturmak için herhangi bir şey kurmanızın ya da öğrenmenizin gerekmiyor oluşu olsa gerek. AmberJack, website ve ürün sahiplerinin JavaScript kullanarak web site turları oluşturma işlemini büyük ölçüde kolaylaştırırken, dosya boyutu da inanılmaz bir şekilde sadece 4 KB.

Sliding Tabs
Coda'dan esinlenilen bir başka betik daha. Yumuşak kaydırma efektine sahip sekme sistemi, paneller üzerinde geçişi kolay ve kullanışlı bir hale getiriyor. Sliding Tabs'ın çalışır örneğini buradan görebilirsiniz. Sliding Tabs, mooTools JavaScript kütüphanesi üzerine kurulmuş bir betik. Alternatif arayanlar ise şuna bir göz atabilir.

JavaScript Image Loader
Eğer kullanıcılarınızın web sitenize görsel gönderebilmesi ve sitenizdekileri inceleyebilmesi için daha yaratıcı bir yöntem arıyorsanız o zaman JavaScript Image Loader () ihtiyaçlarınıza cevap verecek türden bir betik. JavaScript Image Loader kullanıcılarınıza görsel gönderilmeden önce gösterebilmek ve gerektiği durumlarda ilgili görsel hakkında daha fazla bilgi verebilmeniz için ideal bir seçenek.

swfIR
swfIR, görsel işleme özelliği için JavaScript ve Flash'ın bir arada kullanıldığı ilginç bir konsept. swfIR kurulduğunda görsel çevresine <span> etiketi ile birlikte "swflr" sınıfını ekliyor. swfIR görsele neredeyse her türlü işlemi uygulayabiliyor. Betiğin özellikle kullanışlı olan bir özelliği var ki o da görseli sayfanın boyutuna göre yeniden boyutlandırabilmesi. Sayfa üzerindeki metni yeniden boyutlandırdığınızda görselin de boyutu aynı oranda değiştiriliyor. Görselin metin ile birlikte yeniden boyutlandırılması çok daha uyumlu bir his uyandırıyor.

MooFlow
Apple'nin Leopard işletim sistemi üzerindeki Cover Flow özelliğini sevenler için biçilmiş kaftan olan bu betik, aynı özelliği Apple'nin kendisinden alarak web sitelerine entegre edebilmenizi sağlıyor. MooFlow, adından da anlayabileceğiniz üzere MooTools üzerine inşa edilmiş bir betik ve güzel görünümlü görsel galerileri oluşturmak için kaydırma çubuğu ile birlikte muhteşem bir sonuç ortaya çıkarıyor.

Tıpkı Cover Flow'da olduğu gibi MooFlow'un da galeri anahattını ve özelliklerini özelleştirebilmeniz mümkün. Tam ekran moduna geçebilir, görsel yansıma ve otomatik yürütme özelliğini etkinleştirebilirsiniz. MooFlow bunun dışında pek çok özelleştirme seçeneği sunmasını yanısıra kurulumu da kolay, zira tüm görselleri dahilindeki element içerisinden otomatik olarak alabiliyor.

amCharts
Flash ve JavaScript'in bir arada kullanıldığı bir grafik üreteci olan bu betik ile neredeyse her tür grafiği oluşturmanız mümkün. Bu da yetmezmiş gibi veriyi .csv ve .xml dosyaları üzerinden de alabiliyorsunuz. amCharts ile sütun ve çubuk, pasta ve kurabiye, çizgi ve alan gibi pek çok grafik türünü oluşturabilirsiniz.

GreyBox
GreyBox'un web sitesinde, "Doğru düzgün pop-up penceresi" cümlesi ile betiğin yaptığı iş özetlenmiş ki sanırım bundan daha iyi bir tanımlama da yapılamazdı. GreyBox, açılır bir pencerenin yapabilmesi gereken her şeyi yapabiliyor. Resimler, web siteleri ve hayal edebileceğiniz diğer her şeyi gösterebiliyor.

GreyBox'u kullanmak inanılmaz derecede kolay, zira JavaScript'i ekledikten sonra yapılması gereken tek şey, pencere içerisinde görüntülemek istediğiniz içeriği <rel> etiketi arasına dahil etmek </rel>.

Maillist

Millist her ne kadar tam özellikli bir AJAX iletişim formu olmasa da bu küçük betik, pek çok web geliştiricisinin beta kayıtları ve diğer sebepler için elektronik posta adresi toplama işini kolaylıkla üstlenebiliyor. Betiğin elektronik posta yedeklerini ve formun görünümünü yönetebileceğiniz bir yönetici paneli bile bulunuyor.

SWFObject
SWFObject, küçük bir Flash oynatıcısı olup sadece kod ile çözülmesi mümkün olmayan pek çok Flash probleminin üstesinden geliyor. Oynatıcının dosya boyutu sadece 9.5 KB (ya da GZIP sürümü 3.8 KB). SWFObject, modern tarayıcılarla olan uyumu sebebiyle övünürken, hangi Flash oynatıcı sürümünün kullanılıp kullanılmayacağını tespit etmek için JavaScript'i kullanıyor. Bu sebeple süresi dolmuş Flash eklentilerinin içeriği görüntüleyememesi sorununun da önüne geçilmiş oluyor.

PlotKit
PlotKit JavaScript ile grafik çizimi için geliştirilen ve küçük boyutlu bir JavaScript çatırı olan Moochikit'e dayanan kullanışlı bir betik. Her tür grafiğin çizimi için kullanılabilir.

JavaScript tabifier
JavaScript tabifier kolayce ve hızlıca sekmeli içerik oluşturmak için kullanabileceğiniz kullanışlı bir betik. Tabifier'i kullanabilmek için tek yapmanız gereken JavaScript'i sitenize ekledikten sonra "tabber" sınıfına dahil bir <div>'i içeriği çevreleyen sekme için yerleştirmek ve ardından "tabbertab" sınıfına dahil bir <div> içerisinde de sekmenin başlığını belirtmek. Sekmeler için çerez desteği, sekmelerin dinamik olarak değiştirilmesi ve öntanımlı sekmeyi belirlemek gibi gelişmiş özellikleri de kullanmanız mümkün.

FancyZoom 1.1
Satıriçinde tam boyutlu görselleri görüntülemenize yarayan FancyZoom; yumuşak, temiz ve gerçek Mac-benzeri efekti web siteniz üzerinde kullanabilmenizi sağlıyor.

Özelliklte görsel kaliteye ve kullanım kolaylığına önem verilen betik, herhangi bir HTML kod değişikliğine gerek kalmadan görselin tam boyutlu bir şekilde görüntülenebilmesini sağlıyor. Betik ayrıca tam boyutlu görselleri arkaplanda yükleyebilirken, herhangi bir JavaScript kütüphanesine de ihtiyaç duymuyor. FancyZoom, HTML dosyalarınızda sadece iki satır kod işgal ediyor.

A Mac OS X-style Dock In JavaScript
Apple'ın Mac OS X işletim sisteminin son sürümü özellikle göz alıcı görsel kalitesi ve efektleri ile de kullanıcılarını memnun etmeyi başarmıştı. İşletim sisteminin bir güzel özelliği de balık gözü efektine sahip ve uygulama simgelerinin bulunduğu bir yüzeyin var oluşu idi. Fare imlecinizi uygulama simgesinin üzerine getirdiğinizde, ilgili simgenin civarındaki simgelerin boyutları da ana simgeye orantılı bir şekilde büyütülüyordu. JavaScript ile bu özelliği oluşturmak pek kolay bir iş değil ancak MacStyleDock betiğinin geliştiricileri bu işi web sitelerinizde kullanabilmeniz için çocuk oyuncağı haline getirmeyi başarmışlar.

fValidator
fValidator, açık kaynaklı, ücretsiz ve kullanımı kolay bir JavaScript olup özellikle form doğrulama ile ilgilenen kullanıcıların ihtiyacını tam olarak karşılamak üzere geliştirilmiş. Özellikle kullanıcılarınızın formlara veri girişi sırasında istediğiniz biçimi kullanmalarını zorlamak istemeniz durumunda kullanışlı olan bu betiğin jQuery alternatifi de mevcut.

jQuery Interactive Date Range Picker with Shortcuts
jQuery ile belirli bir tarih aralığını seçmek için kullanabileceğiniz bir betik. Gelişmiş seçenekler görüntülenmek istediğinde kullanılan yumuşak geçiş efekti göz dolduruyor.

Raphael
Raphael küçük bir JavaScript kütüphanesi olup özellikle Web üzerinde vektör grafikler kullanmak istediğinizde kullanışlı hale geliyor. Örneğin kendinize özgü grafiğinizi ya da görseli kırp-ve-döndür widget'inizi oluşturmak istediğinizde bu kütüphane ile bunu kolayca yapabilirsiniz. Raphael, grafik oluşturma işlemi için SVG ve VML kullanıyor.

NoGray Time Picker
Bu zaman seçicisi kolay kullanımlı sürükle-bırak arayüzünü kullanıyor. Zamanı seçmek için kullanıcıların tek yapması gereken saat üzerindeki akrep ve yelkovanı sürükleyip bırakmaları.

Yetii - Yet (E)Another JavaScript Tab Interface
Yetii basit olduğu kodar bol özelliği olan bir sekmeli arayüz oluşturucusu. Hafif ve nesne yönelimli bir koda sahip olan Yedii, JavaScript desteği olan tarayıcılarda da görünümü bozmuyor. Bir web sayfası üzerinde istediğiniz kadar sekmeli içerik arayüzü oluşturabilir, otomatik sekme geçişini değiştirebilir önceki ve sonraki sekmelere geçiş için düğmeler ekleyebilir, bir sekmeli içerik arayüzünü bir diğerinin içine yerleştirebilir ve belirli bir sekmeye tıklandığında yürütülmesini istediğiniz eylemi belirtebilirsiniz.

Bir sayfa üzerindeki sekmelerden herhangi birine bir başka sayfa üzerinden bağlantı verebileceğiniz gibi son tıklanan sekmenin sayfa yeniden kullanıldığında ilk açılan sekme olmasını çerez kullanarak belirleyebilirsiniz.

Calendar

Bir MooTools JavaScript sınıfı olan Calendar erişilebilir ve kolay kullanımlı tarih seçicilerini form elementlerine entegre edebilmenizi sağlıyor. Yüksek seviyede özelleştirilebilir girdi ve seçim kutucukları, birden fazla takvim desteği, çeşitli gezinme seçenekleri, çoklu dil desteği ve güzel görünümlü tarih biçimlendirmesini sunan bu kolay kullanımlı takvim, ilgili özelliği web sitelerinde kullanmak isteyen geliştiriciler için ideal.

Starbox
Starbox sayesinde her tür oylama kutucuğunu sadece bir PNG görseli kullanarak oluşturabilirsiniz. Kütüphane Prototype JavaScript çatısı üzerine inşa edilmiş. Eğer daha fazla efekt istiyorsanız Scriptaculous'u da dahil edebilirsiniz.

Magic Zoom
Magic Zoom bir JavaScript yakınlaştırma aracıdır. Görselleri detayları ile görüntüleyebilmenin en iyi yoludur. Kullanıcıların herhangi bir şeye tıklamalarına gerek yok, tek yapmaları gereken detayını görüntülemek istedikleri görselin üzerinde fare imleçlerini gezindirmek.

Magic Magnify
Magic Magnify bir Flash yakınlaştırma aracıdır. Görselin üzerine fare imlecinizi getirdiğinizde detaylarını görüntüleyebiliyorsunuz. Ücretli olan bu eklentinin fiyatı 28 Amerikan Doları.

Carousel.us
Carousel.us JavaScript ile oluşturulmuş 3B Karusel efektini ister prototype.js, ister scriptaculous isterseniz de mootools.js çatıları altında kullanabilmenizi sağlıyor. Betik ayrıca yansıma efekti için Richard Davey'in hazırladığı PHP Easy Reflections'u da kullanıyor.

Slideshow
Slideshow, Mootools 1.2 için bir JavaScript sınıfı olup görsel sunumlarınızı web siteniz üzerinde hareketlendirmeye yarıyor. Slideshow çok uzun bir geliştirilme sürecine sahip. Sonuç ise gerçekten hafif, kurulumu ve kullanımı kolay, yüksek seviyede özelleştirilebilir ve geliştirilebilir bir betik olmuyş. En iyi efektlere ulaşmak için JavaScript çatılarını kullanan bu betik ilk olarak Aeron Glemann tarafından bir yan proje olarak geliştirilirken şimdilerde MIT lisansı altında açık kaynaklı olarak dağıtılıyor.

jgrousedoc
jGrousedoc sayesinde geliştiriciler, sundukları JavaScript kodlarına javadoc benzeri yorumları dahil edebiliyorlar. Betik, sınıfların dökümantasyonuna OOP'yi kullanmak için hangi kütüphanenin ya da teknolojinin kullanıldığına bakılmaksızın izin veriyor. Çıktı ise CSS ve Velocity şablonları ya da XSLT ile özelleştirilebiliyor.

Lightbox 2
Lightbox basit ve kullanımlı kolay bir betik olup görselleri geçerli sayfanın üzerinde görüntülemeye yarıyor. Kurulumu oldukça kolay olan bu betik tüm modern tarayıcılar üzerinde çalışıyor.

Control.Window
Control.Window tümüyle programlanabilir, çok amaçlı bir pencereleme aracıdır. Yüksek seviyede özelleştirilebilir olan bu betik için pek çok kullanım alanı mevcut. Hedefleri pencere içerisinde açabilmek için bağlantılara eklenebildiği gibi pencere içerisinde dinamik içerik görüntülemek mümkün. Dizilebilir, sürüklenebilir ve yeniden boyutlandırılabilir pencereleri destekliyor. Modal pencereleri, LightBoxları ve İpuçlarını kullanabilmek için gerekli alt sınıflar da betik içerisinde yer alıyor.

SimpleModal
SimpleModal küçük boyutlu bir jQuery eklentisi olup modal diyalog pencereleri oluşturabilmek için kolay bir yöntem sunuyor. SimpleModal'ın amacı geliştiricilere çapraz tarayıcı desteği olan ve SimpleModal'e sunulan verinin içerisinde görüntülenebileciği yüzen pencereler sunabilmek.

MooTools ile Karusel Oluşturmak
Bunu muhtemelen diğer sitelerde de görmüşsünüzdür, hani şu bir dizi görseli (ya da isterseniz içeriği) satıriçinde güzel bir şekilde gösteren slayt gösterileri. Pek çok kişi bunu sitelerinde kullanabilmek için doğrudan kodu kopyalıyordur ancak bana kalırsa rehberi okuyarak bunu kendiniz oluşturduğunuzda yeni teknikler de öğrenmeniz mümkün. Bu sebeple bu makalenin yazarı MooTools ve CSS kullanılarak nasıl karusel özelliği geliştirilebileceğini anlatmaya çalışmış. MooTools üzerine en çok bağlantılanan makalelerden biri.

Kolay Açılır Kapanır Navigasyon

Sadece sıralı listeler ve mümkün olan en az sayıda sınıf ve kimlik adları kullanılarak oluşturulan açılır-kapanır dikey menü oluşturmak istiyorsanız bu yazıyı okuyun.

Image Cross Fade Transition
90'ların başında JavaScript ile sıralı görselleri birbiri ardına göstermek modaudı ve tanıdığım pek çok JavaScript geliştiricisi bu dili bu tip özellikleri geliştirerek öğrenmeye başladılar. Günümüzde ise bunu JavaScript ya da CSS ile oluşturmak çocuk oyuncağı. Zor olan ise görseller arasına geçiş efektlerini dahil etmek.

Slider Gallery
Bu 'ürün kaydırıcısı'nın bir benzeri yine Apple'nin web sitesinde kullanılıyor.

FancyZoom meets jQuery

Build An AJAX Powered Shopping Cart
Bu dersin amacı size AJAX ile nasıl bir sipariş sepeti oluşturabileceğinizi göstermek. Buna rağmen dersi tamamladığınızda ortaya çıkan sonuç kullanıma hazır olmayacak. Uygulamayı sırtlanacak arkaplan işlemleri için gerekli bilgiye sahip olduğunuz varsayılıyor. Bunun yerine rehberde sadece işin AJAX kısmına odaklanılmış.

jQuery iPod-benzeri Açılır Menü
Betiğin geliştiricileri iPodlar üzerinde görülen ve yüksek miktarda hiyerarşik olarak dizilen veriyi kontrollü bir şekilde görüntüleyebilmeye yarayan bir betik geliştirmişler. Özellikle yüksek miktarda veriyi düzenli bir şekilde görüntülemek ancak bunu için sıradan CSS menüleri ile boğuşmak istemeyen kullanıcılar için tercih edilmiş.

jQuery ile İçeriği Sürüklerken Yüklemek
Bu betik sayesinde dikey olarak yerleştirilen ve uzun miktarda içeriği sayfa sürüklendikçe yüklemek jQuery kullanılarak mümkün hale getirilmiş.

JavaScript İpuçları
Michael Leigeber tarafından hazırlanan bu rehber, nasıl hafif ve güzel görünümlü bir JavaScript ipucu çözümü oluşturabileceğinizi gösteriyor.

Newsticker
Antonio Lupetti Newsvine üzerinde kullanılan haber görüntüleme sisteminin bir benzerinin nasıl MooTools kullanılarak oluşturulabileceğini örneklendirmeye çalışmış.

jQuery Virtual Tour
jQuery kullanılarak oluşturulan bu betik sayesinde panaromik görüntüler kullanılarak nasıl sanal gezinti turları oluşturabileceğiniz anlatılıyor.

Flexigrid
Hafif ancak özellik açısından zengin olan bu uygulama ile yeniden boyutlandırılabilir veri ızgaraları ve başlıklarla eşleşebilen sürüklenebilir verileri görüntüleyebilirsiniz. Bunun yanısıra veri kaynağı olarak xml kullanmak ve verinin yüklenmesi için de AJAX'tan faydalanmak diğer kullanışlı özellikler arasında yer alıyor. Exit Grid ile aynı konsepte sahip olan bu uygulama'nın farkı tümüyle jQuery kullanıyor olması. Bu sayede verinin yüklenmesi hızlandırılmış ve dosya boyutu da azaltılmış.

tableFilter
Bu betik sayesinde tablolardaki içerikleri interaktif bir şekilde dizmeniz mümkün hale getirilmiş.

Row Locking with Checkboxes

jQuery File Tree
jQuery File Tree özelleştirilebilir ve AJAX ile desteklenmiş, jQuery için geliştirilmiş bir dosya gezgini eklentisi. Sadece bir satır JavaScript kodu ile kendinize özgü ve tümüyle etkileşimli bir dosya ağacı oluşturabilirsiniz. Simgeleri dosya uzantılarına göre otomatik olarak görüntüleyebilme özelliğine sahip olan bu betik, içeriğini sayfanın yeniden yüklenmesine gerek kalmadan oluşturabimek için AJAX kullanıyor. Açılır kapanır dosya ağaçları ve tekil ve çoklu klasör görünümleri için ayarları da bulunuyor.

Proto.Menu

Pricing Matrix

Toggling Announcement Slider

Rehberler

Kaynak: Smashing Magazine

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

"Ampul"ü Kim İcat Etti?

pinkfloyd — Wed, 08 Apr 2009 14:45:00 GMT

Edison'un Patenti

Akkor Lamba (Ampul), akkor ışımayla (kara cisim ışıması) çalışan elektrik ışığının kaynağıdır.

Elektrik akımı ince bir flaman içinden geçerek onu ışık yayana kadar ısıtır.

Ampulün Tarihi

“Akkor lambayı (Ampul) kim icat etti?”sorusuna tarihçi Robert Friedel ve Paul İsrail, Joseph Wilson Swan ve Thomas Edison öncesi için 22 mucidin daha ismini veriyorlar.

Bu tarihçilere göre Edison’un tasarımı üç etkenin iyi bir birleşimi nedeniyle diğerlerine göre daha fazla tutuldu: etkili bir akkor malzeme (flaman), diğerlerinden daha yüksek bir vakum ve yüksek dirençli bir lamba böylece merkezi bir kaynaktan yapılacak elektrik dağıtımı sonucu ekonomik açıdan verimli sonuçlara ulaşmak mümkün oldu.

Thomas Hughes (başka bir tarihçi), Edison’un sadece Ampulü icad etmediğini, aslında onun elektrikli aydınlatmada entegre bir sistem icat ettiği için başarı gösterdiğini belirtiyor.

“Lamba (Ampul) elektrikli aydınlatma sisteminin küçük bir bileşeniydi (işlevselliği çok önemli) ancak onun etkin işleyişi için Edison’un geliştirdiği Jumbo jeneratörünün de [dinamo demek daha doğru çünkü doğru akım üretiyordu ]

Thomas Edison ‘un jumbo dinamosu (jeneratör)

(Ana besleyici ve paralel-dağıtım sistemi) katkısı yadsınamaz.
Jeneratörleri ve akkor lambaları ile diğer mucitlerin unutulmasının nedeni (marifet ve mükemmellikleri karşılaştırılabilir) icadlarını bir ışıklandırma sistemi üzerinde tanıtamamış olmalarıdır.”

Ampul’ün Tarihsel Zaman Dizini (Kronoloji)

1801 - Sir Humphry Davy (Platin Flamanı kullandı)

1809 – Sir Humphry Davy (Karbon ark (kıvılcım) lambasını geliştirdi)

1840 – Warren De la Rue (Vakumlu tübü geliştirdi)

1841 – Frederick de Moleyns (Kömür tozlu flamanı kullandı)

1854 – Heinrich Göbel (Karbonlaştırılmış Bambu flamanı kullandı)

1873 – Joseph Wilson Swan (Karbon teli kullandı)

1875 – Warren ve Evans (Gaz dolu tübü kullandılar)

1880 – Thomas Edison ( Uzun ömürlü flamanı icad etti)

1882 – Lewis Latimer (Daha kaliteli flaman üretmenin yolunu buldu)

1910 – William David Coolidge (Tungsten flamanı kullandı)

Ticarileşmeden önceki araştırmalar

1802 yılında Humphry Davy İngiltere Kraliyet Enstitüsünde dünyanın en güçlü piline sahipti.
Humphry Davy o yıl platin bir ince şerit üzerinden akım geçirerek ilk akkor ışığı elde etti, platini seçmesinin nedeni çok yüksek erime noktasına sahip olmasıydı.
Bu çalışma ne yeterince pratik ne de parlaktı ama Thomas Edison 1879 yılında ilk ticari ve kullanılabilir akkor lambayı icad edene kadar 75 yıl boyunca araştırmacı ve mucitlere çalışmalarında örnek oldu.
Davy ayrıca iki karbon kömür çubukla 2000-hücreli pil kullanıp bunların arasında kör elektrik bağlantısı (birbirlerine dokunmadan paralel) yaparak 1809 yılında ilk ark ( kıvılcım ) lambayı yaptı bu çalışması Kraliyet Enstitüsünde 1810 yılında gösterilmiştir.
19. yüzyılın ilk üç çeyreği boyunca birçok araştırmacı platin veya iridyum teller, karbon çubuklar ve bunların çeşitli kombinasyonları ile çalıştı ayrıca bu telleri içindeki havayı boşaltarak veya yarı boşaltarak bir cam muhafaza içine aldılar.
Bu icatların çoğu çeşitli yerlerde tanıtıldı ancak bazıları patentlendi.
James Lindsay 1835 yılında Dundee, İskoçya’da halka açık bir gösteride kararlı bir elektrik ışığı gösterdi.
İdda ettiğine göre bir buçuk metrelik bir mesafeden bu ışıkla kitap okuyabiliyormuş.

Kendi tatmini için yeterli olan bu cihazı daha fazla geliştirmedi çalışmalarını telsiz telgraf üzerine yoğunlaştırdı.

James Lindsay’nin çalışmaları iyi belgelenmiş değildi.

1840 yılında İngiliz bilim adamı Warren de la Rue kapalı bir vakumlu tübün içinde sarmal haline getirilmiş platin filamanın üzerinden elektrik akımı geçirdi.

Tasarım platinin yüksek erime noktası dolayısıyla yüksek sıcaklıklarda çalışmasına olanak sağlaması vakumlu tüp ise platinin daha az gaz molekülüyle tepkime girecek olması prensibine dayanıyordu.
Her ne kadar etkin bir tasarım olsa da platinin maliyeti ticari kullanım için pratik değildi.

1841 yılında, Frederick De Moleyns’ın (İngiltere) vakumlu tüp içinde kullandığı platin telli akkor lamba tasarımı için ilk patent verildi.
1845 yılında, Amerikalı John W. Starr akkor lamba içinde karbon filamentler ve kullanımıyla ilgili bir patent başvurusunda bulundu.
Patenti aldıktan kısa bir süre sonra öldü.
John W. Starr hakkında patent başvurusunda verdiği kişisel bilgiler haricinde çok fazla bir bilgi yoktur.
1851 yılında Jean Eugène Robert-Houdin halka kendi malikanesini nasıl (Blois, Fransa) akkor ampullerle aydınlattığını gösterdi.
Onun ampulleri günümüzde hala the Château of Blois (Blois Şatosu) müzesinde sergilenmektedir.
1872 yılında A.N. Lodygin bir akkor ampul icat etti.
1874 yılında buluşu için patent almayı başardı.

Rakipleri Edison’un ampul patentine yaklaşmışken, Alman asıllı Amerikan mucit Heinrich Göbel 1854 yılında ilk ampullü icad ettiğini idda etti. Çalışması bir karbonlaştırılmış (yavaş yanma sonucu kömürleşme) bambu filamanın oksidasyonu (tepkime) önlemek için bir vakumlu tübün içine yerleştirmişti. beş yıl boyunca çalışmasını geliştirdi birçokları onun ilk pratik ampulün mucidi olduğunu söylüyorlar.

Aslında Lewis Latimer , Göbel’in ampulü icad ettiğini söylemesinden önce 1850’lerde bulduğu bir cam üfleyicisiyle ampul yapmaya başlamıştı.
1893 yılında patent etkileşimi davasında hakim Göbel’in iddasına “ olanaksız ” kararı vermiştir.

Ticarileşme

Karbon Flamanlı lamba (E27 soket, 220 Volt, yaklaşık. 30 watt, yanan soldaki: 100 Volt ile çalışır)

Joseph Wilson Swan (1828-1914) İngiliz fizikçi ve kimyacı

1850 yılında bir havası boşaltılmış cam ampul içinde karbonlaştırılmış kâğıt filamentler ile çalışmaya başladı.

1860’larda ancak çalışan bir cihaz ortaya koyabildi, iyi bir vakum bulunmaması ve yetersiz bir elektrik kaynağı nedeniyle kısa ömürlü bir ampul ortaya çıktı ve beklediği kadar da ışık üretmiyordu.

1870’lerin ortalarında daha iyi vakum pompaları kullanılabilir oldu ve Swan yaptığı deneylere geri döndü.

1878 yılında Swan, Charles Stearn’ün yardımıyla (vakum pompaları konusunda uzman) erken ampul kararmasını önleyen bir yöntem geliştirdi.

1880 yılında bu İngiliz Patent Kurumundan No 8 olarak patentlendi.
18 Aralık 1878 ince bir karbon çubuk kullanılarak hazırlanan lamba Newcastle Kimya Derneğinde gösterildi, Swan 17 Ocak 1879’da ilgili toplantıda bir çalışma gösterisi yaptı.
Ayrıca 3 Şubat 1879’da, 700’ün üzerindeki katılımcısı olan Newcastle Edebiyat ve Felsefe Topluluğunda da gösterildi.
Bu lambalar ince bir flaman yerine ark lambasında olduğu gibi karbon bir çubuk kullanıyordu.
Ancak düşük dirençleri ve gereken akımı sağlamak için gerekli olan çok büyük iletkenler dolayısıyla ticari olarak kullanılabilir değillerdi. Buna rağmen akkor ışımayı elde etmek için yüksek vakumda karbon iletkenler ve platin tellerle birçok deneme yaptılar.

Lambalar çok kısa ömürlü olmalarının yanında merkezi bir elektrik sisteminin o günler için üretebileceğinden çok fazla elektriğe ihtiyaç duyuyordular.

Bu nedenle Swan çalışmalarını daha iyi bir karbon flaman üretimi üzerine yoğunlaştırdı.

Swan 1880’de geliştirdiği pamuktan “parşömenleştirilmiş iplik” üretimi yöntemi için patent aldı. (Patent No 4933 )
1880’den itibaren Swan İngiltere'de çeşitli ev ve yerlere ampullerini asmaya başladı.
Swan’ın evi dünyada ilk defa ampulle ve hidro elektrik güç kullanılarak aydınlatılmış oldu.
1880’den sonra Swan bir şirket kurarak çalışmalarına devam etti.
Kuzey Amerika'da da benzer gelişmeler devam ediyordu.
24 Temmuz 1874’te tıbbi elektrikçi Henry Woodward ve meslektaşı Mathew Evans tarafından bir patent alındı. (Toronto, Kanada)
Lambaları , elektrotlar arasında farklı boyutlarda ve şekillerde karbon çubuklardan oluşan içine azot gazı doldurulmuş cam silindir içinde bulunuyordu.
Woodward ve Evans lambalarını piyasaya sürdüler ancak istedikleri başarıyı elde edemediler.

Kendi patentlerini (U.S. Patent 0,181,613 ) 1879 yılında Thomas Edison’a satana kadar satışlarını sürdürdüler.

Thomas Edison (1847–1931) 1878 yılında pratik bir akkor lamba geliştirmek için ciddi araştırmalara başladı.

Edison 14 Ekim 1878 tarihinde ilk patentini " Elektrikli Aydınlatma için İyileştirme " adı altında (U.S. Patent 0,214,636 ) aldı.
Platin ve diğer metal flamanlarla birçok denemeler yaptıktan sonra tekrar karbon flamanları denemeye başladı.
İlk başarılı denemesini 22 Ekim 1879 tarihinde gerçekleşti ve ampul 13,5 saat yandı.

Thomas Edison‘un ampulü

Edison bu tasarımı geliştirmeye devam etti ve 4 Kasım 1879’da patent için başvuruda bulundu.

27 Ocak 1880 tarihinde (U.S. Patent 0,223,898 ) patenti “platin tellerle bağlanmış ve sarmal hale getirilmiş karbon flaman” olarak tescillendi.

Her ne kadar patent, pamuk ve keten iplikten, ağaç kıymıklarından, sarmal hale getirilmiş kâğıttan çeşitli yollarla karbon flaman üretimini açıklasa da bu patent verildikten birkaç ay sonra Edison ve ekibi karbonlaşmış bambu flamanından 1200 saati aşan sürede ışık elde etmenin yolunu keşfetti.

O yıllarda ayrıca Hiram S. Maxim 1878 yılında kendisinin ve William Sawyer’ın ampuller üzerine aldıkları patentleri kullanarak bir ampul şirketi kurdular.
Onun kurduğu Birleşik Devletler Elektrik Aydınlatma Firması Edison’un şirketinden sonra pratik akkor elektrik lambaları satmak için kurulan ikinci şirket oldu.
Hiram ilk ticari akkor lambalarını Edison’un Columbia gemisine ampullerini kurmasından yaklaşık altı ay sonra 1880 sonbaharında New York’taki Mercantile Safe Deposit Firmasına kurdu.
Ekim 1880’de Maxim, karbon filamentlerin ömrünü uzatmak için hidrokarbonlarla kaplama yönteminin patentini aldı.

Lewis Latimer, o zaman Hiram’ın çalışanıydı, özel bir ısıl işlem geliştirerek hem flamanların kırılganlığını azaltmayı başardı hem de onlara şekil verebiliyorlardı, işte H. Maxim’in isminden esinlenilen ve ampullerinde kullandığı “M” şekli buradan gelmekteydi.

17 Ocak 1882 tarihinde Latimer “karbon flaman yapım yöntemi” için patent aldı, bu geliştirilmiş flaman üretim yöntemi Birleşik Devletler Elektrik Aydınlatma Firması tarafından satın alınmıştır.
Latimer flamanlar için daha iyi destek telleri gibi kendinin diğer yeni yaklaşımlarının da patentini almıştır.
Edison ve Swan firmalarını İngiltere'de Edison ve Swan Birleşik Elektrik Firması adı altında birleştirmişlerdir. (bu firma Ediswan olarak bilinir ve Thorn Aydınlatma Ltd. olarak tüzel kişilik kazanmıştır).

Edison başlangıçta bu birleşime karşıydı, Swan onu dava etti ve kazandı.
Edison işbirliği yapmak zorunda kaldı ve birleşme gerçekleşti.
Daha sonra Edison Swan'nın tüm şirket hisselerini satın aldı.
Swan Amerika Birleşik Devletlerindeki patent haklarını ise haziran 1882’de Brush Elektrik Firmasına sattı.

Swan ayrıca Edison'nun patentlerini korumak için onun ışık üretimi konusunda kendisinden daha fazla katkısı olduğunu yazmış ve böylece edison’un patentlerini Birleşik Devletlerde açılabilecek davalara karşı korumuştur.
1881 yılında, Savoy Tiyatro dünyada ilk olarak tamamen elektrik ışıkları ile aydınlatılmış kamu binası oldu.

Thomas Edison ‘ın geliştirdiği elektrik lambası (27 Ocak 1880 , U.S. Patent 0,223,898 )

1882 yılında, ilk minyatür akkor lambalar bir yılbaşı ağacını ışıklandırmak için kullanıldı.

Fakat evlerde uzun yıllar yaygın olarak kullanılmadı.

ABD Patent Ofisi , 8 Ekim 1883’te Edison'nun patentinin William Sawyer’ın tasarımını temel aldığı iddasıyla patentinin geçersiz olduğunu açıkladı.
Dava bir dizi yıl devam etti sonuç olarak 6 Ekim 1889’da yargıç Edison’un elektrik ışığında iyileştirme yaptığını kabul ederek "yüksek dirençli karbon flaman" tasarımı olarak geçerli olduğu konusunda karar verdi.

1890’larda Avusturyalı mucit Carl Auer von Welsbachmetal flamanlar üzerine çalışmaya başladı , ilk olarak platinini denedi ve sonra osmiyumla çalışamaya başladı 1898 yılında ilk çalışan modeli üretti.

1898 yılında osmiyumlu lambasını patentledi ve 1902 yılında ilk ticari metal filamanlı akkor lamba piyasada satılmaya başladı.

1897 yılında Alman fizikçi ve kimyacı Walther Nernst , Nernst lambasını geliştirdi, bu akkor lamba seramik flaman kullanılıyordu, vakum veya asal gaz gerektirmiyordu.

Nernst lambası

Nernst lambaları karbon filaman lambalardan iki kat verimliydiler, metal filamentli lambalar yaygınlaşana kadar popüler oldular.
1903 yılında Willis Whitnew metal kaplı karbon flaman icat etti böylece ampulün içi kararmıyordu.
13 Aralık 1904’te Macar Sándor Just ve Ferenc Hanaman bir Tungsten flamanlı lamba için Macaristanda Patent (No. 34541) aldılar, lamba karbon flamanlılardan daha uzun süre yanıyor ve daha parlak ışık veriyordu.

Tungsten flamanlı lambalar ilk Macar şirketi Tungsram tarafından 1905 yılında piyasaya sürüldü bu yüzden bu tip ampullere Tungsram denir ve pek çok Avrupa ülkesinde öyle bilinir.
1906 yılında General Electric Şirketi akkor ışık ampullerinde Tungsten filamentler kullanmak için yeni bir yöntemi patentledi.
Sinterlenmiş (curuflu) Tungsten filamentler pahalı olduğundan 1910’da William David Coolidge (1873-1975) maliyeti azaltmak için yeni bir yöntem icat etti.
Coolidge masrafları düşürmeyi başardı, bu yeni Tungsten flamanlar tüm diğer türlere göre daha uzun dayanıyordular.
1913’te Irving Langmuir vakum yerine asal gaz kullanarak lambasından iki kat fazla ışık elde etti ayrıca lambanın kararmasını da azalttı.

1924 yılında, Marvin Pipkin, Amerikalı bir kimyager, lambaların iç yüzeyini zayıflatmadan ampul içine buzlu yüz için silis ile kaplama yöntemini 1947 yılında patentledi.

1930 yılında, Macar Imre Brody, Argon yerine kripton gazı ile lambaları ile doldurdu.

Lambaları kripton veya Xenon gazı ile doldurma, pahalı olduğundan kendi meslektaşları ile havadan kripton elde etmek için bir yöntem geliştirdiler.

Kendi buluşu esas alınarak hazırlanan kripton dolu lambalar Polak asıllı Macaristan doğumlu fizikçi Egon Orowan’un tasarım desteğiyle kurulan bir fabrikada üretime başladı.( Ajka’ da 1937 yılında)

1964’ten beri akkor lambaların verimliliğinde iyileştirmeler yapılmasına maliyetlerin azaltılmış olmasına rağmen elde edilen ışık miktarı azalmıştır ayrıca Edison'nun aydınlatma sisteminle şimdiki masraflar karşılaştırıldığında ampul ömrünün kısa olmasının nedeni sadece ticari kaygınlardan kaynaklanmaktadır.
Eğer ampullerin içine oksijen konulmazsa oksidasyon ve yanma olmayacağından ampulün camı kırılmadığı sürece yanmaya devam edecektir.
Ayrıca ampullerin altına küçük elektrik akım redresörleri (doğrultucu) konulursa ampullerin ömrünün uzadığı görülecektir.

Karteller

1924 ve 1939 arasında akkor ışık ampulleri için uluslararası pazarda toptan fiyatları belirleyen Phoebus karteli ve üyeleri dünya pazarını kontrol ediyordu.

Umarım bilgilendirici bir yazı olmuştur , "Ampulü kim icat etti?" sorusuna en güzel yanıt araştırma merakı ve ticari zeka diyebiliriz.
Yıllardır bize söylenen Edison efsanesi ampulün icadındaki kilometre taşlarından sadece biridir.

Emeği geçen tüm bilim insanlarını hayırla yad ediyorum.

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

17 Kullanışlı Wordpress Eklentisi

pinkfloyd — Fri, 27 Feb 2009 11:09:00 GMT

internet üzerinde binlerce wordpress eklentisi bulunmaktadır. bunlardan bazıları kullanışlı iken, diğerleri sadece olmuş olmak için oradalar. ancak blog okurlarınıza büyüleyici ve mükemmel bir deneyim yaşatmak ve wordpress blogunuzu daha güçlü bir hale getirmek için eklenti kullanıp kullanmamanız tamamen sizin elinizde.

bu yazıda, herhangi bir blog için kullanışlı ve muhtemelen olmazsa olmaz 17 wordpress eklentisini listelemeye çalıştım.

eğer sizin de kullandığınız ve bu yazıda yer almayan wordpress eklentileri varsa, yorumlarınızda ilgili eklentileri paylaşmayı unutmayın.

wordpress popüler yazılar

wp-gravatarwordpress popüler yazıları bir yan bar widget'i olup blogunuzdaki en popüler yazıları listeleyebilmenizi sağlıyor. eklentiye dahil edilmiş olan pek çok özelleştirme seçeneği sayesinde eklentinin görünümünü dilediğiniz gibi özelleştirebilirsiniz.

ultimate google analytics

wordpress temanızda herhangi bir değişiklik yapmadan google analytics javascript kodunu blogunuzdaki her sayfaya ekleyebilmenizi sağlayan bir eklenti. eklenti ayrıca sitenizdeki dışa yönelik bağlantıları, sitenizden indirilen içerikleri ve mailto: bağlantılarını da izleyebilir.

wp-postratings

wordpress blogunuzdaki yazılara ve sayfalara ajax oylama sistemi ekleyen bir eklenti.

wp-recaptcha

wp-recaptcha, carnegie mellon üniversitesi tarafınca geliştirilen ve captchaları zeki bir şekilde kullanan bir yöntem. standart captcha eklentilerinin aksine bu eklenti, captcha'ya bir başka yaklaşım sunuyor.

bir diğer benzer yazılar eklentisi daha

yet another related posts plugin, geçerli olan sayfanın içeriğine benzer bir içeriğe sahip yazıları ya da sayfaları listeleyerek, okurlarınızın sitenizde daha fazla zaman geçirmesine yardımcı oluyor.

ajaxlanmış wordpress

ajaxlanmış wordprewss (awp), ajax'ın ve wordpress'in gücünü bir araya getirerek kullanıcı deneyimini, yönetim seçeneklerini ve wordpress tabanlı herhangi bir blogun tasarım potansiyelini iyileştirmeyi amaçlıyor.

commentluv

yorum yazanların kendilerine ait en son bloguna bir bağlantı vererek onlara sevginizi gösterin. bu eklenti, sitenize üye olup yorum yazan kişilerin yorum yazdıkları sırada onların blogunu ziyaret edip en son yazdıkları blogun başlığını ve bağlantısını alıyor ve yorumun altına yerleştiriyor.

cforms

cforms yüksek derecede özelleştirilebilir, geliştirilebilir ve güçlü bir form oluşturma eklentisi olup pek çok alanda kullanım olanağı sunuyıor. eklenti aracılığı ile oluşturacağınız formlarda eklenti desteği yer alırken, birden fazla formu yönetebilir ve yine birden fazla formun aynı sayfada yer almasını sağlayabilirsiniz.

all in one seo pack

wordpress blogunuz için otomatik arama motoru optimizasyonu.

flexible upload

flexible upload wordpress eklentisi sayesinde wordpress'in temel seviyedeki gönderme (upload) seçeneklerini özelleştirebilirsiniz. eklenti, gönderilen resimleri sizin belirlediğiniz seviyede yeniden boyutlandırabilir ve dilerseniz gönderilen resimlere dilediğiniz yazıyı otomatik olarak ekleyebilir (watermark).

add to any subscribe button

aralarında google reader, my yahoo!, netvibes, windows live ve diğer tüm popüler besleme okuyucularını kullanarak okurlarınızın blogunuza kolay yoldan abone olabilmelerini sağlıyor. eklentinin akıllı menüsü, ziyaretçinin tarayıcı geçmişini otomatik olarak kontrol ediyor ve en sık ziyaret ettikleri siteleri otomatik olarak en üst sırada görüntülüyor.

wp super cache

wp super cache wordpress için bir statik sayfa oluşturma eklentisidir. blogunuzdaki tüm sayfaların otomatik olarak html sürümlerini oluşturarak sunucunuzun her bir ziyaretçi için php betiklerini çalıştırmasının önüne geçiyor ve bu sayede blogunuzun hızında önemli bir artış gözleniyor. özellikle çok sayıda ziyaretçisi olup sunucusunun hızından memnun olmayan wordpress blogcuları için kullanışlı.

wp gravatar

bu eklenti gravatar, mybloglog, openavatar, wavatar, identicon, monsterid ya da diğer favico.ico simgelerini yorumlarınızda kullanmanızı sağlıyor. eklentinin yapabildikleri bu kadarla da sınırlı değil. daha fazlası için eklentinin sayfasını ziyaret edin.

google xml sitemaps

bu eklenti google sitemaps uyumlu xml-sitemap oluşturabilmenizi sağlıyor. tüm wordpress tarafından oluşturulmuş sayfaların yanısıra özel sayfaları da destekliyor. siz herhangi bir yazıyı düzenlediğiniz ya da blogunuza yeni bir yazı yazdığınız zaman, ilgili eklenti sitemap dosyanızı güncelliyor ve sitemap protokolünü destekleyen ask.com, google, msn search ve yahoo! gibi sitemap protokolünü destekleyen tüm arama motorlarını sitenizdeki güncellemeler hakkında uyarıyor.

get recent comments

bu eklenti sitenizden en son yorumları ya da geri izlemeleri yan çubuk (sidebar) üzerinde görüntülüyor. i̇lgili bağlantıların nasıl görüneceğine dair ileri seviyede özelleştirme seçenekleri sunulmuş. bu seçeneklerin arasında yorum sayısı ve yorumların genişliği gibi seçenekler yer alıyor. ayrıca yorumları dilerseniz tarihe ya da yazı sırasına göre dizebilirsiniz.

twitme

bu eklenti sayesinde blog yazdığınız zaman yazdığınız blog otomatik olarak twitter hesabınıza durum mesajı olarak ekleniyor.

easy adsenser

easy adsenser eklentisi google adsense reklam kodunu wordpress blogunuza kolayca entegre edebilmenizi sağlıyor. eklentinin sunduğu widget aracılığı ile reklamları yan çubuk üzerine ekleyebilir ya da bir diğer widget ile google arama kutusu'nu blogunuz üzerinde görüntüleyebilirsiniz. easyadsenser, adsense ile alakalı her şeyi yönetmenize ve blogunuza entegre edebilmenize yardımcı olan belki de ilk wordpress eklentisi.

kaynak:: smashing apps

wordpress i̇le i̇lgili yazdığım diğer yazılar

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

XBOX 360 ve Nintendo Wii Tasarımlarının Deneyimi

pinkfloyd — Sun, 01 Mar 2009 14:18:00 GMT

Bir süredir bu konuda bir blog yazmayı düşünüyordum ancak Do You Matter? How Great Design Will People Love Your Company (Nasıl Mükemmel Tasarım İnsanların Şirketinizi Sevmesine Yol Açar?) kitabını okuduktan sonra yazmaya karar verdim. Yazının devamına geçmeden önce Bay Brunner, Emery & Hall ortaya mükemmel bir kitap çıkarmışlar ve neredeyse her bir müşterime bu kitabın bir kopyasını hediye etmeyi düşünüyorum. Ancak bu kitabın ortaya bu denli güzel bir iş çıkarmış olmasının sebeplerinden birisi ve bu makalenin konusu da tasarımın bir ürün üzerinde işlevsel olabilmesini sağlamak için nasıl kullanılması gerektiği konusunu açıklamaktır.

Sizin de tahmin edeceğiniz üzere kitapta sürekli referans gösterilen en büyük iki firma Apple ve Nike ve bunun için de geçerli sebepleri var. Ben de bu makalede piyasanan en popüler iki oyun konsolu Nintendo Wii ve Microsoft Xbox 360'yı aynı konu dahilinde inceleyeceğim.

Nintendo Wii

Hiç şüphesiz Nintendo bu tarz konsolların yaratıcısı konumunda. Güçlü işlemcilere, yüksek çözünürlüklü grafiklere ya da yeni nesil depolama alanlarına odaklanmamayı tercih etti. Kim olduğunuz ve kaç yaşında olduğunuz önemli değil. Ne zaman "Wii" sözcüğünü duysanız, onun size yaşattığı deneyimini düşünmeye başlayacaksınızdır. Golf kulüplerinde dolaşmak, bowling topunu fırlatmak gibi herkesin azıcık bir açıklama ile yapabilecekleri eğlenceli şeyleri mükemmel bir arayüz ile kullanıcılarına sunmayı başarmış durumda. Bir zamanlar diğer firmaların oyun konsollarının kalitesi ile başı dertte olan bir firmanın ürünü şimdi piyasadaki en çok talep gören uygulamaların başında geliyor ve bunu, yüksek performanslı ve keskin grafiklere sahip oyunlar olmadan başarıyor.

XBOX 360 (Aslında XBOX Live)

Çevrimiçi oyunları oynamak mümkün olduğundan beri bu oyunları oynuyorum ve bana bu deneyimi Xbox Live gibi yaşatan başka hiçbir ürüne rastlamadım. İlk bakışta bir oyunu İnternet üzerinden oynayabilmek için aylık bir ücret ödemek, özellikle PlayStation 3 ve bilgisayarlar üzerinde ücretsizken, saçma gelse de bir kere bu servisi kullanmaya başladığınızda ödediğiniz ücrete değdiğini anlıyorsunuz.

Microsoft tüm oyunlar üzerinde birbirleri ile tutarlı bir deneyim yaratma konusunda ortaya oldukça başarılı bir iş çıkardı. Oyuncu bölgeleri, "edinimler", arkadaş listeleri, oyuncu skorları, tutarlı oyun davet sistemi, sohbet ve mesajlaşma sistemi, "oyuncu profilinizi" içeren ve PC üzerinden erişilebilen mesaj tahtası sistemi ve en önemlisi tüm bunların güzel bir biçimde çalışması. Wii kullanarak birisine bağlanmayı deneyin ve ne demek istediğimi anlayacaksınız. Arkadaş kodu kabusunun anlamı genellikle oyun oynamaktansa birisini bulmak için çok daha fazla zaman harcayacağınız anlamına geliyor.

Bu, bir komünite oluşturmak için deneyimi nasıl iyileştireceğini bilen bir şirket. Xbox sadece oyun oynayan bir makineden çok daha fazlası. Xbox, çevrimiçi oyuncu profilinize, çevrimiçi varoluşunuza bir kapı niteliğinde. Komünite, Microsoft'un lehine çalışıyor zira her ne kadar en çok satan ikinci oyun konsolu olsa da, konsol başına en çok oyun satılan oyun konsolu olma özelliğini koruyor. Zaman geçtikçe geliştirdiğiniz çevrimiçi kimliğinizi nasıl bırakabilirsiniz? Xbox'u düşündüğünüzde mükemmel çevrimiçi oyun aklınıza geliyor.

Önemli Olanı Bulmak

Mükemmel bir tasarımcı olmak, etkileyici ve güzel bir ürün ortaya çıkarmaktan çok daha öte bir şeydir. Mükemmel bir tasarımcı olmak, bir şirket ya da ürünün son kullanıcı ile arasında olan deneyimi arttıracak görsel bir iletişim oluşturabilmekten geçer. Her ne kadar tasarıma yatırım yapan pek çok şirket bulunsa da, onlardan sadece birkaçı bu seviyeye gelebilmiştir. Tasarımcılar olarak, hedeflememiz gereken şeyin bu olması gerektiğini düşünüyorum.

Sizin oyun konsollarına dair görüşleriniz neler? Konsolun size yaşattığı deneyim mi yoksa oyunların kalitesi mi sizler için önemli? Tercih ettiğiniz oyun konsolu hangisi? Yorumlarınızla paylaşın.

Kaynak: Positive Space Blog

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

CSS'de Yardıma İhtiyacınız Olduğunda Kullanabileceğiniz 10 Kaynak

pinkfloyd — Mon, 02 Mar 2009 07:37:00 GMT

CSS'de Yardıma İhtiyacınız Olduğunda Kullanabileceğiniz 10 Kaynak

Zaman zaman bir web tasarım ya da geliştirme projesi üzerinde çalışırken bir yardıma ya da rehbere ihtiyacınız olacaktır. Her ne kadar İnternet üzerindeki css kaynaklarının sayısı gün geçtikçe artsa da, bu yazıda CSS ile bir sorun yaşadığınızda size yardımcı olabilecek 10 adet gerçekten kullanışlı kaynağı listelemeye çalıştım.

Stack Overflow

Stack Overflow bir sosyal medya sitesi ve bir forumun kombinasyonundan oluşmuştur. Özellikle programlama ve geliştirmeye yönelik zengin içeriğe sahip bir sitedir (CSS, sitede tartışılan konulardan sadece biri). Stack Overflow'un amacı programcılara soru sorup onların sorularına cevap verebileceğiniz bir platform oluşturmak. Sitede herkes bir soru sorabilir (bir hesap bile açmanıza gerek yok) ve ardından sitedeki diğer kullanıcılar sorularınıza cevap verebilirler. Diğer kullanıcılar sitedeki cevaplara artı ya da eksi puan vererek en iyi cevabın seçilebilmesine yardımcı oluyorlar.

CSS-Discuss.org

CSS-Discuss CSS ile ilgili sorunlara yönelik çok geniş katılımcı sayısına sahip bir elektronik posta forumudur. Dilerseniz listeye dahil olup soru sorabilir ya da soruları cevaplayabilir, arşivi ziyaret edip sorunuza yanıt arayabilir, ya da wiki üzerinde gezinere içeriğe katkıda bulunabilirsiniz.

CSS Kopya Kağıdı

CSS Kopya Kağıdı özellikle fazladan bir yardıma ihtiyacınız olduğunuzda kullanabileceğiniz her zaman yanınızda taşıyabileceğiniz eşsiz bir kaynak. Tek sayfalık PDF belgesini bilgisayarınıza indirip yazıcıdan çıktısını alabilirsiniz. Belge tüm seçicileri ve özellikleri kapsıyor.

CSS Shorthand Kopya Kağıdı

Eğer CSS dosyalarınızın boyutunu indirgemek ve performansını arttırmak istiyorsanız, CSS Shorthand Kopya Kağıdı bu alanda mükemmel bir kaynak. Yine tek sayfadan oluşan bu PDF dosyası sayesinde bazı teknikleri kullanarak daha verimli CSS kodları yazabileceksiniz.

Web Geliştirici Eklentisi

Chris Pedrick'in Web Geliştirici eklentisi genel web geliştirme ve CSS çalışmalarınıza yeni bir soluk ve esneklik katıyor. Araç çubuğunu kullanarak bir elementi etkileyen tüm stilleri listeleyebilir, CSS kaynak kodunu görebilir, blok elementlerini boyutunu görebilir ve CSS'yi etkisizleştirerek sayfanızın nasıl görüntülendiğini görebilirsiniz.

Firebug

Bir diğer eklenti olan ve bence tüm web geliştiricilerinin bilgisayarında sorgusuz sualsiz kurulu olması gereken, parmaklarınızın ucuna sayısız CSS bilgisini getirebilen Firegug ile herhangi bir web sayfası üzernde JavaScript ve HTML'nin yanısıra CSS kodunuzu düzenleyebilir, izleyebilir ve hatalarını ayıklayabilirsiniz. CSS ile çalışan herkes için Firebug, kodunuzu hızlıca düzenlemek ve test etmek için ideal bir araç. Özellikle kodunuzun sitenize nasıl etki edeceğini kodunuzu yazdığınız anda eş zamanlı olarak görmek istediğinizde oldukça kullanışlı hale geliyor.

CSS-Tricks

CSS-Tricks, CSS'ye gönül vermiş pek çok kişinin abonesi olduğu popüler bir blog. CSS-Tricks yazarı Chris Coyler, CSS'yi her açıdan ele alan makaleleri ve dersleri düzenli olarak yayımlıyor. Uzun süredir yayımda olan sitenin arşibi CSS hakkında daha fazla şey öğrenmek isteyen herkes için birşeyler sunuyor. Chris'in makalelerin yanısıra site bünyesinde yardım alabileceğiniz aktif bir forum da bulunuyor.

CSS Kullanarak Herşeyi Yapmak: 50+ Yaratıcı Örnek ve Ders

Noupe bir süre önce CSS'de yapabileceğiniz şeylere yönelik 50 örnek adlı bir makale yayımladı. Eğer yeni fikirler arıyorsanız bu makale mükemmel bir kaynak teşkil ediyor. Eğer özel bir soruna yönelik yardım ediyorsanız, sorununuza yönelik bir kaynak listede yer alıyor olabilir. By yazıda listeleri stillemek, formlarla, altlıklarla ve görsel değiştirmeleri, görsel konumlandırmaları, diğer görsel teknikleri, metin ve bağlantı efektleri, navigasyon, galeriler, yuvarlatılmış köşeler gibi pek çok alanda kaynak mevcut.

CSS Anahatları: 40+ Ders,, İpucu, Demo ve En İyi Deneyimler

Noupe'den bir diğer mükemmel makale daha. Bu makale, CSS'nin belki de en çok baş ağrıtan sorunu olan anahatlara yönelik. eğer siz de anahattınızın istediğiniz gibi çalışmamasından şikayetçi iseniz, muhtemelen burada sorununuzun çözümü halihazırda mevcuttur.

CSS Sütunlarınızın Bozulmasının Ana Nedenleri

Warspire üzerinde yer alan bu kaynak, sütunlar ve anahatlarla çalışırken sık görülen sorunları gidermeye yönelik yardım içeriyor. Makale görülmesi muhtemel problemleri ve problemin çözümünü içeriyor. Çözümde, kullanılması gereken kodlar da yer alıyor.

Kaynak: Vandelay Design Blog

CSS Hakkında Yazdığım Diğer Yazılar

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

front-end development 5 yıl sonra nerede olacak?

pinkfloyd — Mon, 02 Mar 2009 12:21:00 GMT

Front-end Development 5 Yıl Sonra Nerede Olacak?

Pek çok insan gibi ben de yeni yılın ilk aylarında, yılın devamı ve gelecek hakkında düşünüyorum. Kimileri "bu yıl 10 kilo vereceğim" ya da "sigarayı bırakacağım" gibi kendilerine hedefler belirlerken, kimileri de yeni kodlama dillerini öğrenmeyi hedeflerler. Ben de bundan yola çıkarak front-end development (arabirim geliştirme) kavramının 5 yılda nerede olacağını düşündüm ve düşüncelerimi sizlerle paylaşmak istedim.

Mobil web geliştirme büyüyecek, hem de çok...
Özellikle iPhone ve Android'in gelişi ile mobil web platformları çok hızlı bir şekilde büyümeye başladı. Yakın gelecekte mobil geliştirmeye yönelik pek çok yenilikle karşı karşıya kalacağız ve bununla birlikte İnternet ve akıllı telefonlar da gittikçe ucuzlayacak. Büyük boyutlu websiteleri için daha fazla mobil şablonları ortaya çıkacak. Front-end Geliştiricileri bu yeni teknikleri öğrenip mobil telefonlar için CSS yazmaya başlayacaklar.

Internet Explorer popülerliğini yitirecek
Bu aslında bir öngörüden daha çok bir dilek benim için. Google'ın Chrome tarayıcısını tanıtması ve Macintosh platformunun önlenemez yükselişine rağmen Internet Explorer 8 ve daha sonra yayımlanacak 9'un kullanım oranının %40larda olacağını düşünüyorum. IE6 tamamen yok olacak ve Internet Explorer 7 kullanıcıları da daha yeni tarayıcıları tercih edecekler.

Herkes JavaScript Kütüphanelerini Kullanacak
Günümüzde jQuery çok fazla ilgi çekmiş durumda. Daha şimdiden bu kadar gelişen JavaScript kütüphanelerinin 5 yıl sonra nerede olacağını kim kestirebilir ki? Öte yandan her yeni bir JavaScript kütüphanesini öğrenmek zaman istediğinden, şimdilik popüler olan jQuery ve mooTools'un yanına yenileri eklenince geliştiricilerin işi biraz daha zor olacak gibi görünüyor.

HTML5 ve CSS3 Geliştirmesi Başlayacak
IE9 ile birlikte HTML5 ve CSS3'ü düzenli olarak kullanmaya başlayacağız. Her ikisinin de getirdiği yenilikler saymakla bitmez ancak daha bunları kullanmaya başlamak için çok erken. 5 yıl... Düşününce sinirleniyorum ama olaya iyi tarafından bakan biriyim.

Front-end Geliştiricileri Halen İş Bulacaklar
Mesleğinizi koruyup koruyamayacağınızı önceden kestirmek her zaman zordur. Bence front-end geliştiricileri için her zaman bir iş olacaktır, zira daima yeni şablonlara, yeniden tasarlanması gereken web sitelerine ihtiyaç olacaktır.

Sizin bu konudaki düşünceleriniz neler? Sizce 5 yıl içerisinde özellikle front-end alanında ne gibi değişikliklerle karşı karşıya kalacağız? Yorumlarınızla paylaşın.

Kaynak: Position Absolute » Cedric Dugas Blog

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

16 Ücretsiz ve Mükemmel Dreamweaver Uzantısı

pinkfloyd — Mon, 02 Mar 2009 19:05:00 GMT

Bu yazı, Adobe Dreamweaver için jQuery ve Prototype API uzantısı, PayPal, Skype ve Google araçları uzantıları gibi kullanışlı ve her Dreamweaver kullanıcısının işine yarayacak olan Dreamweaver uzantılarını (Dreamweaver extensions) içermektedir. Umarım işinize yarar.

Atomz Arama Motoru: Bu uzantı sayesinde web sitenize Atomz Aramasını ekleyebilirsiniz. Atomz sunucuları üzerinde depolanan çekirdeki kodun sitenize entegre edilmesi sayesinde siteniz üzerinde güçlü bir arama motoruna kavuşabilirsiniz. Sitenizde 10,000 sayfaya ya da belgeye kadar olan içeriğin arama motoru tarafından 30'un üzerinde dilde aranabilmesini sağlayabilirsiniz.

jQuery API Uzantısı: Eğer jQuery kullanıyorsanız Dreamweaver için geliştirilen bu eklentiye gerçekten ihtiyacınız olacaktır. Eklentinin kurulu olduğu Dreamweaver üzerinde çok daha az miktarda kod yazabilir, bunun yanısıra uzantının sunduğu kod renklendirme, kod parçacıkları ve tüm jQuery ve jQuery UI özelliklerini içeren kod ipuçlarından faydalanabilirsiniz.

Skype İçin İletişim Araçları: Bu uzantı büyük ya da küçük tüm kurumlar için Skype'ın ucuz iletişim seçeneklerini web ortamlarına dahil edebilmenizi sağlıyor.

MovableType HTML Düzenleyicisi: MovableType sitelerini HTML düzenleyiciniz üzerinde daha hızlı ve daha verimli bir şekilde geliştirebilirsiniz.

YouTubizer: YouTube videolarını kolayca ve hızlıca, doğrudan Dreamweaver üzerinden sitenize dahil edin.

Google Araçları: Dreamweaver için Google Araçları herhangi bir kodlamaya gerek kalmadan Google servislerini kullanabilmenizi sağlıyor. Sitenize özgü Google araması oluşturabilir, Google Haritalar servisi ile yol tarih edebilir, Google Mobile için altı farklı aracı kullanablir ya da Google Checkout ile ürünlerinizi satabilirsiniz.

Adobe Kuler Uzantısı: Adobe Kuler, herhangi bir projeye ilham kaynağı olabilecek renk şemaları oluşturabilen bir web uygulamasıdır. Bu uzantı Adobe Kuler renk paletlerine doğrudan Dreamweaver üzerinden erişebilmenizi sağlıyor.

DotNetNuke SkinObjects: Bu Dreamweaver uzantısı DotNute Skinning işlemini gerçekten kolaylaştırıyor. Uzantıyı kurduktan sonra tüm DotNuke skin nesneleri ve onların özniteliklerine Dreamweaver üzerinden ulaşabiliyorsunuz.

WordPress Dreamweaver Uzantısı: TAGStention bir Dreamweaver uzantısı olup WordPress şablon etiketlerini tema dosyalarınıza entegre edebilmenizi sağlıyor. Eper bir etiket herhangi bir parametreyi gerektiriyorsa, sihirbaz üzerinden ilgili parametreyi girmeniz isteniyor.

RubyWeaver: Bu uzantı, Ruby ve Rails için Dreamweaver üzerinde bir IDE görevini üstleniyor. Uzantının orjinali RidingTheClutch.com sitesnden Rob Cameron'a ait.

Stil Değiştiricisi: Garip bir Dreamweaver uzantısı olan Style Switcher uygulamanın kullanıldığı saate göre stil dosyasını değiştiren bir uygulama.

Joomla Template Oluşturucusu: Joomla! 1.5'i Öğrendiniz ve şablon oluşturmak için sabırsızlanıyor musunuz? O zaman bu eklentiyi kullanarak seri bir şekilde Joomla! şablonları oluşturabilirsiniz.

Dreamweaver İçin Prototype API Uzantısı: Bu uzantı, jQuery API uzantısı ile benzer özellikleri içeriyor ve Prototype çatısını kullanarak uygulama gelişirirken size zaman kazandırmayı hedefliyor. Prototype API uzantısı kod renklendirme, kod parçacıkları ve tüm Prototype fonksiyonlarını içeren kod ipuçlarını içeriyor.

Dreamweaver İçin PayPal eTicaret Araç Kiti: Bu eklenti sayesinde kurumsal web sitenize kolayca eTicaret özellikleri kazandırabilirsiniz. Kolayca ödeme düğmeleri ve temel alışveriş sepeti özelliklerini web sitenize entegre edebilirsiniz.

Dreamweaver İçin Drupal API Uzantısı: Drupal API uzantısı yazacağınız kod miktarını önemli miktarda azaltıyor ve Drupal dosyalarını düzenlerken kullanılan salt metin görünümünden sizi kurtarıyor. Eğer Drupal ile ilgileniyorsanız ya da kullanıyorsanız, ya da kullanmak istiyorsanız, o zaman bu eklentiye gerçekten ihtiyacınız olacaktır.

Eğer sizin de kullandığınız ücretsiz Dreamweaver eklentileri varsa yorumlarınızla paylaşın.

Kaynak: Woork

Bu yazı pinkfloyd 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 80 Adobe Illustrator Dersi, Fırçası, .EPS'si ve Kaynağı

pinkfloyd — Fri, 06 Mar 2009 18:00:00 GMT

İnternet üzerinde bulunan onlarca vektör paketi, fırçası ve şablonları sayesinde Adobe Illustrator, günden güne web tasarımcıları arasındaki popülerliğini artırıyor. Bu tip eklentiler sayesinde çalışmalarınıza dilediğiniz görünümü kazandırabilir ve daha profesyonel görünümlü çalışmalara imza atabilirsiniz.

Bugünki yazıda İnternet üzerindeki en iyi 80 Adobe Illustrator dersini, fırçasını, .eps dosyasını ve kaynaklarını bulacaksınız. Makalenin anlaşılabilirliğini daha da kolaylaştırmak için kaynakları gruplara göre ayırdık:

Adobe Illustrator Dersleri
Adobe Illustrator Motifleri
Adobe Illustrator İpuçları ve Hileleri
Adobe Illustrator Fırçaları
Vektör Paketleri
Vektör Kaynakları

İşte başlıyoruz...

Adobe Illustrator Dersleri

Vektör Ninja Çetesi Oluşturmak

Bu rehberde basit şekilleri ve araçları kullanarak nasıl güzel görünümlü bir grup ninja karakterini oluşturabileceğinizi öğreneceksiniz. Özellikle Illustrator'a yeni başlayanlar için ideal.

Logo Tasarım Projesi - Adım Adım Yönergeler

Konseptten tasarıma kadar tüm aşamaları ile bir logo tasarım projesinin nasıl işletilebileceğini öğrenmek için bu rehberi takip edin.

Bir Diğer Logo Tasarım Projesi

Vektör Kanat Çizimi Nasıl Yapılır?

Bu rehberde ayrıntılı vektör kanat çiziminin nasıl yapılabileceğini adım adım öğreneceksiniz.

Illustrator'da Boyama Uzmanı Olun

Taslak çizimlerinizi büyüleyici sanat çalışmalarına dönüştürün.

Kadın ve Kedi (İleri Seviye)

Deneysel Metin Efektleri

Buradaki mükemmel ipuçlarını kullanarak kelimelerinizi okunamayacak şekilde modifiye ederek güzel görünümlü ve alışılmışın dışında illüstrasyonlar oluşturun.

Damarlı Ağaç Dokusu Oluşturmak

10 Adımda Retro / Fütürist Kavisler Oluşturmak

Illustrator ve Photoshop kullanarak oluşturabileceğiniz parlak çizgiler sayesinde uzay görünümünü koruyun. Dokular ve farklı harmanlama modları kullanarak güzel efektler hazırlayın.

Twitter Kuşu, Photoshop ve Illustrator kullanarak taslaktan vektöre

Satin Hissi Uyandıran Zarf Oluşturmak

Bu rehberde Illustrator üzerindeki bazı temel araçları kullanarak nasıl sade bir zarf oluşturabileceğinizi öğreneceksiniz.

3B Metin Dersi

Herhangi bir 3B yazılım kullanmadan 3B tipografi oluşturumunu 5 adımda anlatan bir rehber. Tek ihtiyacınız olan şey Adobe Illustrator ve Photoshop.

Bir Masal Kitabının İlk Sayfasını Oluşturun

Adobe Illustrator üzerinde masal kitabı görünümlü şablonları nasıl oluşturabileceğinizi anlatan bir rehber.

Tavşan Vektör Karakteri Oluşturmak

Bu Illustrator rehberinde, bir tavşan karakterini nasıl oluşturabileceğinizi öğreneceksiniz. Bu rehber, diğer karakter illüstrasyonlarına uygulamak için bazı temel şekilleri ve geçişleri kullanıyor. Bu rehberin en güzel tarafı ise ilgili vektör görselini oluşturmak için bir uzman sanatçı olmanızın gerekmiyor oluşu.

Size Illustrator Öğretecek 30 Rehber

Size Illustrator'un inceliklerini ve ayrıntılarını öğretecek 30 Illustrator dersi.

Adobe Illustrator Kullanarak Temiz ve Sade Website Anahattı Oluşturmak

Bu rehber, özellikle giriş ve orta seviyedeki Illustrator sanatçıları için mükemmel. Rehberdeki yönergeleri izleyerek Illustrator üzerinde nasıl bir web site anahattı oluşturabileceğinizi ve onu nasıl web üzerinde kullanılabilir hale getirebileceğinizi öğrenin.

Parlak ve Gerçekçi Vektör Saç Oluşturmak

Bu rehber orta seviyedeki Adobe Illustrator sanatçılarına nasıl kolayca gerçekçi görünümlü parlak vektör saç oluşturabileceklerini gösteriyor. Rehber size S şekillerini saç benzeri nesneleri oluştururken nasıl kullanabileceğinizi öğretiyor.

Saçı Vektörlemek

Illustrator'da Yeni Yazı Biçimleri Oluşturmak

Bu rehberde Illustrator CS4'ün yeni özelliklerini kullanarak nasıl farklı yazıbiçimlerini oluşturabileceğinizi öğreneceksiniz.

Illustrator ve Photoshop'ta Abstrakt Vektörler Oluşturmak

Photoshop ve Illustrator'da Vektörler

Illustrator'da Vektör Karakterler Oluşturmak

Karakter İllüstrasyonu

Adobe Illustrator Öğrenebileceğiniz 20 Web Sitesi

Bu kolleksiyonda Adobe Illustrator üzerinde vektör illüstrasyonuna yönelik yüksek kalitede içerik sunan 20 web sitesini ve blogunu bulacaksınız.

50 Mükemmel Adobe Illustrator Video Rehberi

Adobe Illustrator Motifleri Oluşturmak

Adobe Illustrator'da Tekrarlayan Temalı Motifler Oluşturmak

Bu Adobe Illustrator rehberini takip ederek bir dizi sade vektör nesnesini bir temaya bağlı kalarak oluşturabilecek ve ardından onları güzel bir motif oluşturmak için döşeyebileceksiniz.

Memory Lock

Kendi Motif Parçalarınızı Oluşturun

Illustrator ve Photoshop kullanarak farklı vektör elementlerinin kombinasyonundan oluşmuş tekrarlayan motifler hazırlayın.

Illustrator'da Bir Metin Üzerine Satır Motif Efekti Uygulamanın Üç Yolu

Illustrator'da bir metin üzerine satır motif efekti uygulayabileceğiniz 3 farklı tekniği örnekleyen bir yazı.

Motif Oluşturmak

Illustrator'da Geometrik Motifler Oluşturmak

Illustrator'da 4 Adımda Ekose Deseni Oluşturmak

Pattern Maniac

10 Adımda Motif Oluşturmak

Adobe Illustrator'da Şablonlar ve Şekiller Oluşturun

450+ Adobe Illustrator Motifi

Adobe Illustrator Fırçaları

Çiçekler ve Dairesel Tasarımlar Oluşturabileceğiniz 30 Illustrator Motif Fırçası

105 Sulu Boya Illustrator Fırçası

Floral ve Damar Fırçaları

81 Illustrator Baklava Fırçası

50 Yıldız Patlaması Illustrator Fırçası

AI için Saç ve Çizgi Sanatı

Dönerli Daireseller

Dikenli Asma Fırçaları

Vektör Tabanlı 10 Fırça

10 Illustrator Taslak Fırçası

Mürekkep / Suluboya

Adobe Illustrator İpuçları ve Hileleri

Illustrator'un Harman Aracı

Bu derinlemesine inceleme sayesinde yaratıcı potansiyelinizi günışığına çıkarabilir ve Harmanlama Aracı'nın özelliklerini, kısayollarını ve tekniklerini öğrenebilirsiniz.

Çekici Tasarımlar İçin Efekt Kullanımı

Efektler filtrelere benzerler ancak aralarındaki en büyük fark, görselin özünü etkilemezler, bu sayede dilerseniz daha sonra ilgili efektleri görünüm paneli üzerinden kaldırabilirsiniz.

2009 İçin 10 Illustrator Hedefi

Pek çok insanın kullanmadığı ancak kullanması gerektiği 10 Illustrator özelliği.

Illustrator'da Transform Again aracı

Çok basit bir şekli bile modifiye ederek farklı ve ilgi çekici görünümlere ulaşmak için Transform Again aracını kullanmanız yeterlidir.

Illustrator Kalem Aracı Çalışmaları

Harman Aracı ve Distort Zig Zag Efekti'ni Kullanmak

Illustrator'un LiveColor aracı ile çalışmalarınızı Yeniden Şekillendirin

Renkli Dalgalar

Gerçekçi Perde

Bileşik Şekiller Oluşturarak Ayrı Ayrı Genişletme

Illustrator'un Kalem Aracı: Tam Rehber

Adobe Illustrator Kısayolları

Adobe Illustrator Eklentileri, Filtreleri ve Araçları

Ücretsiz Vektör Paketleri ve Kaynakları

Safari ve Hayvanat Bahçesi Hayvanları

Vektör hayvan gölgelerinden oluşan ücretsiz bir paket.

Ücretsiz Vektör Simge Seti 1: 25 Simge

Ücretsiz Karakter Paketi

Ücretsiz Vektör Paketlerinin Tam Listesi

Taşıma Araçları Gölgeleri

Vektör Elementler

Süslü, Doğal, Döngülü ve Kıvrımlı Vektörler

Tasarım Profesyonelleri İçin 60 Vektör Simge Paketi

Döngüler

Ücretsiz Doğal Vektörler

Illustrator Mofifleri ve Dokuları

64 Vektör Ok Simgesi

Ücretsiz Vektör Sosyal Simgeleri

125 Ücretsiz Japon Motifi

10 Çiçek Vektör Seti

17 Vektörel Web Simgesi

Süslü Vektör Deseni

Vektör Kaynakları

Ücretsiz Vektörler

QVectors

Cool Vectors

Vector4free

AllSillhoulettes
123FreeVectors
Vecteezy
VectorVault

Kaynak: Noupe

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

İlk Geliştirme İşinizi Nasıl Alacaksınız?

pinkfloyd — Fri, 06 Mar 2009 15:26:00 GMT

Üniversiteden mezun oldunuz ve bir web geliştiricisi ya da web tasarımcısı olarak iş bulmak istiyorsunuz, ancak bir süre sonra bir bakıyorsunuz ki aslında bu alanda yeni bir iş sahibi olmak sandığınızdan çok daha zor görünüyor. Peki o zaman bir web geliştiricisi olarak nasıl iş bulacaksınız?

Veliler ve arkadaşlar iş bulamamanızın dünyanın özellikle son birkaç ayda içinde bulunduğu ekonomik çöküntüye bağlı olduğu konusunda sizi teselli ediyorlardır ve özellikle daha önce bu alanda herhangi bir deneyimi olmayan birisinin yeni bir iş bulmasının eskisine oranla daha zor olduğunu söylüyorlardır. İşin gerçeği, hocalarınızın ve velilerinizin bilmediği gerçek şu ki size okullarda öğretilen şeylerin pek çoğu kurumsal bir ortamda neredeyse hiçbir işe yaramayacak şeylerdir ve dünyanın ekonomik durumu iyi ya da kötü olsun, daha önce herhangi bir deneyimi olmayan birisi için yeni bir iş sahibi olmak gerçekten zor olabilir.

Web ajansları elbette bu alanda yeni birisinin derhal gelip kendileri ile birlikte çalışmalarını isterler ancak pek çok yeni mezun bunu yapamaz. Elbette henüz yeni mezun deneyimsiz geliştirici de işi iş yerinde öğrenebilir ve kendilerinden daha deneyimli birinin yardımı ile bu alanda kendilerini çok daha fazla geliştirebilir ancak bunu yapabilmek için önce işin temellerini öğrenmeleri gerekir.

Peki bu temeller nelerdir?
Bir web geliştiricisinin sahibi olması gereken temel yetenekler şunlardır:

Bir alan adı satın alabilmek ve ilgili alan adının DNS ayarlarını düzenleyebilmek / değiştirebilmek.
Xampp ya da MAMP ile yerel bilgisayarları üzerinde bir web sunucusu kurabilmek.
Photoshop / Illustrator / Fireworks tasarımlarından HTML / CSS şablonları oluşturabilmek.
SVN kullanarak dosyaları yedekleyebilmek.
Firmanın kullandığı içerik yönetim sistemi ya da WordPress/Drupal gibi türevleri üzerinde yeni bir web sitesi oluşturabilmek.
Zamanın kaydını tutabilmek ve anahtar görevleri yerine getirebilmek için ne kadar zaman harcanması gerektiğini önceden kestirebilmek.

Üniversitede Bilgisayar Bilimi öğrenmeye gittiğim zaman, bu temel yeteneklerin herhangi biri ne öğretildi ne de bana verilen projelerde kullanmam istendi. Bu yeteneklerden bazılarını ben bulunduğum yerdeki belediye üzerinde web tasarımcısı olarak çalıştığımda kendi kendime öğrendim. Hepimiz bloglar, kitaplar ve podcastlar kullanarak öğrendim.

İlk İşimi Nasıl Buldum?

Üniversitedeki ilk yılımda (2001-02) endüstriyel yerleştirmeden sorumlu eğitmen, web tasarımı ve geliştirmesine yönelik herhangi bir iş bulunmadığını söylediğinde bir an nefesimin kesildiğini hissettim. Buna rağmen bir yıl sonra üniversitedeki ilan panolarına asılan iş ilanlarının yarısından fazlasının web tabanlı işler olduğunu öğrendim. Ardından ben de bir web geliştiricisi olmak istediğime karar verdim ancak ne yazık ki, başvurduğum her iş benden sahip olmadığım yetenekleri kullanmamı istedi.

Bir sürü başarısız iş görüşmesi ile geçen altı ayın ardından, beni mülakata alan kişileri daha çok etkilemek adına bazı ücretsiz işler yapmak istedim. Ardından kız arkadaşımın annesinin çalıştığı vakıf için ücretsiz bir web sitesi geliştirmek istedim. CV'm her ne kadar bazı kodlama dillerini bildiğimi gösterse bile, insanların kontrol edebileceği herhangi bir URL içermiyordu. İş görüşmelerinde sürekli ilgili iş alanında yeterli bilgim olduğunu ıspatlamaya çalışıyordum. Okulların açılmasına bir hafta kala ise en sonunda bir iş teklifi aldım.

2004-2005 sezonunda, Ocak/Mart ayları arasında Manchester, Cheshire ve civarındaki web ajansları ile iletişime geçtim. Bunun sonucunda pek bir şey olmadı, zira bunun karşılığında tek aldığım şey birer teşekkür maili oldu.

Ardından reed.co.uk, cwjobs.co.uk (Türkiye'nin kariyer.net sitesinin muadilleri) gibi sitelere CV'mi gönderdim ve tanıtımı yapılan iş ilanlarına başvurmaya başladım. Hala bir sonuç alamamıştım. Ardından CV'mi Manchester Digital (yerel bir tasarım ajansı sitesi) yerleştirdim ve JJB Sports'taki ilk işime de bu sayede kavuştum. Kendimi tanıtıp CV'mi pek çok yere gönderdikten sonra en sonunda en azından benim için işe yarayan bir yöntem bulmuştum.

Siz ilk işinizi nasıl alabilirsiniz?

Ben aşağıdakilerden herhangi birine sahip birisini işe almazdım:

@hotmail.com, @yahoo.com elektronik posta adresine sahip (gmail, kendi alan adınız ya da @mac.com gibi daha az bilinen profesyonel elektronik posta adresleri daha iyi görünür)
Bir websitesi, blogu, çevrimiçi portfolyosu ya da twitter hesabı yok,
Hiçbir şekilde deneyimi olmamış,
Daha önce hiç duymadığım birisi.

Son iki made önemli. Endüstri'de deneyim her şeyden önemlidir. Eğer iyi bir web geliştiricisi iseniz kısa sürede çok yüksek noktalara gelebilirsiniz. İyi bir eğitim de önemlidir ancak eğer yanınızdaki kişi sizinle aynı okuldan aynı derece ile mezun olmuş ancak 3 yıl deneyimi varsa onun CV'si daha iyi görünecektir.

Son nokta ise adınızı duyurmanız gerekiyor. O yüzden iş ilanlarını takip edin, twitter'ı kullanın, kendi ağınızı oluşturun, bazı önemli insanların isimlerini öğrenmeye çalışın. Endüstrideki herkes birbirini tanır ve eğer X ajansına başvurup herhangi bir iş bulamasanız bile, o ajansta çalışan birisi sizden Y ajansında çalışan arkadaşına bahsedebilir ve CV'nizi ona gönderebilir. Elbette buradaki kişi gibi yaratıcı olmanın da kimseye zararı dokunmaz.

Deneyim Kazanmak

Eğer hiçbir deneyiminiz ve bunun sonucunda da örneklendirebileceğiniz hiçbir kurumsal çalışmanız bulunmuyorsa, gerçekten buna ihtiyacınız unutmayın ve en azından aşağıdakileri yapmaya çalışın.

Kendi web sitenizi / blogunuzu kurun
Bir akrabanızın küçük çaplı iş yeri için bir web sitesi oluşturun
Bulunduğunuz bölgedeki bir web tasarım firmasında herhangi bir ücret almadan ya da az bir ücret karşılığında çalışın, gerekirse çay yapın
bir web geliştiricisi olarak olması gerektiğinden daha az maaş ödeyen bir işte çalışın
kitapları ve blogları takip edin ve mümkün olduğu kadar web geliştirme üzerinde pratik yapın.

Eğer herhangi bir kurumsal deneyiminiz olmadan herhangi bir işe başvurmuşsanız, sizinle aynı kabiliyete sahip ancak herhangi bir deneyimi olmayan birinin önüne geçmiş olursunuz.

Özet

Tüm web ajansları sürekli birilerini ararlar. Her ne kadar özellikle günümüz ekonomik koşulları da göz önüne alındığında bazı ajansların "en iyi"yi işe alabilmek için bekleyebileceği gibi, pek çoğu henüz bu alana yeni giriş yapmış azimli kişileri arıyor ancak bulamıyor olabilirler. Sizin göreviniz bu tip ajansları arayıp onları varlığınızdan haberdar etmek olmalı. Bu sayede onları hem iş bulma acentalarına para ödemekten kurtarmış olursunuz, hem de kendinizi iş bulma acentaları ile boğuşarak zaman kaybetmekten kurtarmış olursunuz.

Sizin bu alandaki tecrübeleriniz nelerdi? İlk işinizi nasıl buldunuz? Karşılaştığınız zorluklar nelerdi? Yorumlarınızla paylaşın.

Kaynak: <img /> is Everything

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

Website Erişilebilirliğine Dikkat Etmek

pinkfloyd — Sat, 07 Mar 2009 08:06:00 GMT

Web erişilebilirliği web sitelerini ziyaretçilerin engelli olup olmadıklarına bakılmaksızın herkes için erişilebilir kılmak anlamına gelmektedir. Bir web sitesini erişilebilir kılmak için uygulanabilecek yöntemlerin pek çoğu kolaydır ve çok zamanınızı almaz ancak buna rağmen günümüzde halen pek çok web sitesi ya az bir miktarda erişilebilirdir ya da hiç erişilebilir değildir. Kamuya açık ve ticari yapıların engelli kişiler tarafından kullanılabilir olacak şekilde tasarlanmasını zorunlu kılan bazı kanunlar bulunmaktadır ancak Birleşik Devletler'de kurumsal web sitelerinin erişilebilir olmasını zorunlu kılan bir yasa henüz bulunmamaktadır (Birleşik Krallık'ta buna yönelik bir yasa 2004 yılında parlamentodan geçmişti). Birleşik Devletler hükümetine ait ya da hükümet tarafından desteklenen siteler Engelli Amerikanlar Yasası'nın 508. Bölümü'ne tabidir ancak bu kanuna uymadığı için kapatılan ya da herhangi bir ceza alan hiçbir web sitesi olduğunu daha önce duymadım.

Web sitelerinin erişilebilir olmamasına yönelik özel bir çaba harcandığını sanmıyorum. Bence buradaki problem, insanların "erişilebilirlik" teriminin anlamından ve bunun engelli insanlar için ne derece önemli olduğundan bihaber olmalarında ve bir web sitesini nasıl daha erişilebilir kılacaklarından haberdar olmamalarında yatmaktadır. Ayrıca web tasarımına yönelik eskiden kullanılan yaklaşımlar (örneğin Fireworks tarafından etkinleştirilen kes ve döşe metodu) özellikle erişilebilirlik alanında çok büyük zaafların verilmesine yol açmıştır. Bu tip yaklaşımlar daha çok web sitelerinin tüm tarayıcılarda aynı şekilde görünmesine odaklandıkları için, engelli insanları gözardı etmişler ve bu sebeple de onlar için bilgiyi "erişilemez" kılmışlardır. Web site erişilebilirliği sitenizin hedef kitlenizdeki herkes için aynı görünmesi demek değildir. Erişilebilirliğin anlamı, bilginin herkes tarafından ulaşılabilir olması demekter. Görme engelli birisi için sitenizin tüm tarayıcılarda aynı görünmesi bir şey ifade etmez.

Erişilebilirliğe yönelik atılacak ilk adım, web sitenizi standartlarla uyumlu olarak kodlamanızdır. Tüm elementlerin CSS üzerinde tanımlanarak stillenmesi ve kodum iyi ve temiz bir şekilde yazılması burada büyük önem taşımaktadır. İkincisi ise semantik kodlamak burada önemli bir yardımcı olacaktır. XHTML'nin kullanımı ise kesinlikle doğru bir yönelim olacaktır. Ne şans ki günümüzde XHTML ve CSS kullanmadan kendinizi tanıtmanız artık neredeyse imkansız gibidir. Eğer web siteniz bu şekilde geliştirilmişse, erişilebilirliğe yönelik önemli bir adım atmış durumdasınız ve ben bunu az miktarda da olsa erişilebilirlik açısından kabul edilebilir olarak görmekteyim. Buna rağmen halen CSS/XHTML ile geliştirilmiş ancak yazıtipi bağıl birimler (em) yerine mutlak değerler (px) kullanarak belirlemiş pek çok site bulunmaktadır. Bu IE6 halen kullanıldığı için henüz pek problem olmasa da kısa süre içerisinde problem olmaya başlayacaktır.

Durum, kullanıcı arabiriminizi jQuery ya da diğer JavaScript kütüphanelerinden birini kullanarak iyileştirmek istediğinizde biraz daha karmaşık hale gelmektedir. Bildiğim hiçbir çevrimiçi erişilebilirlik doğrulama aracı, rahatsız edici (obtrusive) ve rahatsız etmeyen (unobtrusive) JavaScript arasındaki farkı henüz fark edememekte ya da web sitesinin bilgiyi alabilmek için JavaScript kullanmak zorunda olup olmadığını anlamamaktadır. Bu sebeple sayfa ya bir uyarı hatası verir ya da en kötü ihtimalle açılmaz. Sitenizde kullandığınız Google Analytics kodu bile erişilebilirlik açısından bir sorun yaratmaktadır. Bu tip sonuçları alan web geliştiricileri kısa süre içerisinde erişilebilirlikten vazgeçmektedir.

Bu tip araçları kullanıp sorunlarla sadece yüzleşmekle kalmaktansa, onları analiz edip sorunları gidermeye yönelik olarak kullanmak en iyisidir. Yukarıdaki örnekte örneğin Firefox Web Developer Aracı'nı kullanarak JavaScript'i etkisizleştirerek sorunu gidermeye yönelik girişimlerde bulunmaya başlayabiliriz. Eğer JavaScript'i etkisizleştirdiğinizde siteniz görünmez hale geliyorsa o zaman siteniz JavaScript'i erişilemez, rahatsız edici bir şekilde kullanmaktadır. Bu iyi değildir. Ancak eğer tüm içerik halen görüntülenebiliyorsa ancak o içeriğin sunumu etkilenmişse, o zaman JavaScript'in erişilebilirliği etkilemiyor olma ihtimali daha yüksektir.

Kaynak: Evolution Web Development

Siz kodladığınız web sitelerinde erişilebilirliğe ne derecede önem veriyorsunuz? Türkiye'de bu alandaki girişimler ne yönde olmuştur? Sizce erişilebilirlik, üzerinde düşünmemiz gereken bir kavram olmalı mıdır? Görüşlerinizi yorumlarınızla paylaşın.

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