bildirgec.org - BlackEdition - beğendikleri

facebook tarzı jquery eklentiler

BlackEdition — Wed, 09 Dec 2009 07:45:00 GMT

facebook kullanıcı arayüzü çekici ve popüler aynı zamanda kullanımı en kolay arayüze sahiptir. tasarımcılar için bu tür kullanıcı arabirimi oluşturmak büyük bir mücadeledir. aşağıda belirtiğim jquery eklentiler, tasarımımızı kolaylıkla facebook arayüzü oluşturmak için yardımcı olacaktır.

1-facebook
facebook`daki gibi video ve fotoğrafları görüntüleyebileceğiniz bir lightbox uygulaması.

2- facebook üyelik formu eklentisi
facebook`un sade ve gösterişli üyelik formu

3- dropdown açılır menü jquery eklentisi
profilinizdeki aşağı doğru açılan menüler (ayarlar çıkış vs.)

4- facebook stilinde jquery tooltip eklentisi

5- facybox
fotograflarınızı görüntüleyeceğiniz bir ligtbox uygulaması.

6- facebook complete
facebook arkadaş listenizdeki gibi otomatik tanımlama formu eklentisi.

7- facebook stilinde jquery chat online arkadaşlarınızla anlık mesajlaşma imkanı sağlayan chat uygulaması.

8- facebook gizlenen yorumları göster eklentisi
sayfada yorumların çok yer kaplamamasını istiyorsanız yorumları belli aralıklarla gizleyebilirsiniz.

9- facebook textarea eklentisi
bu jquery eklentisi sizin metin alanını büyümek ve içeriğine uygun küçültme yapar. elastiki bir yapısı vardır.

10- facebook duvara yazma uygulaması
bu eklenti sayesinde duvara yazılanları denetleme yetkisine sahip olursunuz.

11- facebook tanıyor olabileceğiniz kişileri sildiğinizde kaybolması

12- textboxlist jquery eklentis (metin kutusunda öneriler)

13- metin içerisinde otomatik öneri
metin kutusuna yazdığımız metin hakkında metinin yeri önemli olmaksızın tavsiye uygulaması.

14- facebook tarzı profil düzenleme (profil photo edit)

facebook'daki gibi çok kullanılan jquery eklentileri görmüş olduk eğer hepsini görmek isterseniz buraya bakabilirsiniz.

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

jQuery Tools ile daha ileri jQuery gereçleri

BlackEdition — Wed, 09 Dec 2009 10:28:00 GMT

Son zamanlar web programcıların biricik aşkı jquery'yi web tasarım işiyle uğraşıp da duymayan kalmamıştır sanırım.

Şimdi sizlere jquery efektlerinizi çok daha kolay ve zahmetsizce yapabileceğiniz jQuery Tolls'u tanıtacağım.

jQuery Tolls

.....

jQuery Tools en güzel özelliği belli başlı en çok kullanılan jQuery gereçlerini bir arada sunuyor olması.

Peki nedir bu gereçler derseniz;

Tabs (Sekmeler)
Web çalışmalarınızda yatay veya dikey sekmeler oluşturabilirsiniz.

jQuery Tolls | Tabs

Tooltip (Açıklama baloncukları)
Text alanlarına, Resimlere veya form elemanlarına açıklama veya yardım baloncukları koyabilirsiniz.

jQuery Tolls | Tooltip

Overlay (Modal Diyalog Kutucukları)
Son zamanlar birçok web sitesinde yer alan modal kutucukları.

jQuery Tolls | Overlay

Expose
jQuery Tools'un en sevdiğim özelliği diyebilirim. Sayfa içerisinde bir unsuru (örneğin; div, image, video) belirgin yapmanızı sağlıyor.

jQuery Tolls | Expose

Scrollable (Kaydırma)
Çok hoşunuza gideceğini umduğum kaydırma grupları oluşturabileceğiniz harika bir gereç. Örneğin bir kayıt formunu kaydırma efekteleri ile hazırlamanız mümkün.

jQuery Tolls | Scrollable

Flash embed
ve son olarak isminden de tahmin edeceğiniz gibi flash dosyalarımızı web sayfasına eklemek için kullanabileceğimiz bir gereç.

jQuery Tolls | Flashembed

jQuery Tools'un en önemli özelliğinin yukarıda saydığım özellikleri bir arada sunuyor olması demiştim fakat bu özelliklerden birkaç tanesini veya sadece birini kulanmayı planlıyorsanız plugin dosyalarını ayrı ayrı indirme şansınız da mevcut...

jQuery Tolls download sayfası için buraya
Demolar için buraya tıklayınız.

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

20 mükemmel bedava online zengin metin editörü (Bölüm-2)

BlackEdition — Thu, 01 Jan 2009 16:47:00 GMT

20 mükemmel bedava online zengin metin editörü listesine kaldığımız yerden devam ediyoruz.

11. Damn Small Rich Text Editor
DSRTE, kullanımı kolay ücretsiz metin düzenleyicisidir. jQuery kütüphanesi üstüne kurulu düzenleyici ayrıca kullanıcıya resim yükleme ve Html düzenleme imkânı da sunmakta.

Damn Small Rich Text Editor

12. Silverlight Rich Text Editor
Silverlight zengin metin editörü, silverlight için ilk zengin metin editörüdür. Birçok faydalı özelliğe sahip olan bu editör, hızlı, belirli bir metni bulmak için “find ve replace” ve kısayol tuşu desteğiyle dikkat çekmektedir. (Önizleme)

Silverlight Rich Text Editor

13. Free Rich Text Editor
Ücretsiz Zengin Metin Düzenleyicisi, Creative Commons Attribution 2,5 lisansına sahiptir. JavaScript tabanlı, HTML zengin metin editörü arabirim olarak Microsoft Word 2003'ün arabiriminin aynısıdır. Bir metin düzenleyiciden beklediğiniz her türlü özellik vardır ve Html kodlarını düzenleme imkânı sunmaktadır. (Önizleme)

Free Rich Text Editor

14. Dijit.Editor
Dijit.Editor, tamamen dojo araç kütüphanesini kullanmaktadır. Dojo Arayüzünü kullanan mükemmel bir editördür.

Dijit.Editor

15. WYMeditor
WYMeditor, standart kullanılışlı ağ tabanlı HTML düzenleyicisidir. HTML 4.01 Strict Doctype (Önizleme)

WYMeditor

16. Whizzywig
Whizzywig, ücretsiz JavaScript tabanlı zengin metin düzenleyicisidir. UI kontrolleri ile metninizin renkleri değiştirmenize imkân sunar. Whizzywig’in yalnızca Almanca ve İspanyolca sürümleri bulunmaktadır.(Önizleme)

Whizzywig

17. openWYSIWYG
OpenWYSIWYG, mükemmel yönetim sisteminin yanında, HTML tablo oluşturabilme özelliğine sahiptir. IE 5.5 (Windows), Firefox 1.0 , Mozilla 1.3 ve Netscape 7 desteklemektedir.(Önizleme)

18. XStandard
Xstandard yüksek derecede kullanışlı metin editörüdür. XStandard Lite Microsoft Word metinlerde temizleme ve kodlama kontrolü imkânı sunmaktadır.(Önizleme)

XStandard

19. Xinha
Xinha, BSD stil lisansı altında ki açık kaynak metin düzenleyicisidir(Önizleme)

Xinha

20. Kupu
Kupu, uluslar arası kullanımlı Open Source Content Management (OSCOM) açık kaynak metin editörüdür. Kullanımı kolay Ajax ara yüze sahiptir.(Önizleme)

Kupu

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

20 mükemmel bedava online zengin metin editörü (Bölüm-1)

BlackEdition — Tue, 30 Dec 2008 13:47:00 GMT

Online zengin metin editörleri olarak bildiğimiz metin editörlerinin, bir web tarayıcısının içerisinde kullanmayı düşünenlere 20 mükemmel bedava online zengin metin editörü.

1. TinyMCE
Tinymce GNU Lisans'ı altında zengin metin düzenleyicisidir. Dağıtımı Moxiecode tarafından sürdürülmektedir ve kullanım olarak son derece özelleştirebilirdir. (Önizleme)

TinyMCE

2. FCK Editör
Fckeditor en popüler açık kaynak online zengin metin editörlerinden biridir. En iyi HTML düzenleyiciye sahiptir ve kullanıcılar için kolay düzenleme imkânları sunmaktadır. (Önizleme)

FCK Editör

3. NicEdit
Nicedit, kullanıcılarına basitliği vurgulayan bir platform sunan zengin metin editörüdür. (Önizleme)

NicEdit

4. BXE
BXE, tam bir web sayfasını değiştirmek için müsait, XML tabanlı WYSIWYG açık kaynak metin düzenleyicisidir. (Önizleme)

BXE

5. MarkItUp!
MarkItUp bir JavaScript tabanlı metin düzenleyicisidir ve jQuery kütüphanesi üstüne kuruludur. Kullanımı kolaydır ve klavye kısayollarını desteklemektedir. (Önizleme)

MarkItUp!

6. WidgEditor
WidgEditor, GNU Genel Ortak Lisans'ı altında Cameron Adems'ın bir Açık Kaynak Projesidir. (Önizleme)

WidgEditor

7. EditArea
Editarea, bir ücretsiz JavaScript kaynak kod düzenleyicisidir. Kendi kodlarıyla katkıda bulunmak isteyen geliştiricilere ve kod biçimi eklemek isteyenlere müsaade eder. (Önizleme)

EditArea

8. Cross Browser Rich Text Editor (RTE)
Cross Browser zengin metin editörü, Creative Commons Attribution 2,5 lisansına sahiptir. Tasarım olarak Internet Explorer 5 ve Mozilla Zengin Metin kurgusundadır. (Önizleme)

Cross Browser Rich Text Editor (RTE)

9. YUI Library Rich Text Editor
YUI kütüphaneli Zengin Metin Düzenleyicisi, yahoo sunucuları altında olan ve mükemmel mobil aygıt desteğine sahip olabileceğiniz bir editördür. (Önizleme)

YUI Library Rich Text Editor

10. FreeTextBox
Web profesyonellerine NET Framework'u kullanan ASP.NET destekleyen, son derecede popüler zengin metin düzenleyicisi. Özelleştirme için birçok yararlı JavaScript API'sinin yanında, yerleşik bir resim galerisine de sahiptir. (Önizleme)

FreeTextBox

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

web server kuruyoruz

BlackEdition — Tue, 04 Apr 2006 17:36:00 GMT

Hükümetin sermaye şirketlerine getirdiği "Her şirkete bir web sitesi" zorunluluğu göz önünde bulundurursak. Web sitesi yapmak şirketler için kaçınılmaz olmuş -ee bunun konumuzla n'alakası var?-web sitesi kurmanın veya kurmayı öğrenmenin başında web-server kurmak gerekiyor ki yapabilirliğinizi görüp, eksiklerinizi gidermek açısından.

Yazının devamında bilgisayarınızı web-server kurulumu anlatılmaktadır.

Apache'nin ne olduğunu bilmeyenleriniz için: tıklayın.
Php ile ilgili bilgi almak için: tıklayın.
Mysql ile ilgili olarak da buraya bakın.

Apache 2.0.55

adresinden 2.0.55 versionu için "Win32 Binary (MSI Installer)" yazanı indirin ve bilgisayarınıza kurun.

Kurulumu yaptıktan sonra apache'nin yüklü olduğu klasördeki(c:\program files\apace group\apache2\conf\)

httpd.conf dosyasını text editörü(not defteri,notepad) yardımıyla açıp, sunucunuzun dosyalarına kolay erişim için açağıdakini yapın.

DocumentRoot "C:/Program Files/Apache Group/Apache2/htdocs" satırını
DocumentRoot "C:/www" olarak değiştirin.

PHP 4.4.2

adresinden "Windows Binaries" altında bulunan paketlerden PHP 4.4.2 zip package olanı indirin.

Kurulum: indirdiğiniz zip dosyasını c:\'nin içine açın. Zipli paketi açtıktan sonra c:\ altında c:\PHP 4.4.2-Win32 adında olan klasörün adını php olarak değiştirin.

Daha sonra c:\php klasörünün altında bulunan php4ts.dll dosyasını sistem klasörünüze(c:\windows\system32 klasörüne), php.ini-recommended dosyasının adını da php.ini olarak değiştirerek c:\Windows klasörü altına kopyalayınız.PHP kurulumu şimdilik bu kadar php hakkında tek kalan, php'yi apache'ye tanıtmak.

PHP'yi apache'ye tanıtmak

php'yi apache sunucumuza tanıtmak için apache'nin yüklü olduğu yerde bulunan httpd.conf dosyası içeriğinde değişiklik yapmamız gerekiyor. httpd.conf dosyasını text editör (notepad,notdefteri) yardımıyla açıp aşağıda belirtiğim satırları ekleyin.

"### Section 2: 'Main' server configuration" satırından önce biryere, aşağıdaki satırları ekleyin.

LoadModule php4_module "c:/php/sapi/php4apache2.dll"
AddType application/x-httpd-php .php

daha sonra apache'nin php dosyalarınızı yorumlatması için php işlemcisine yorumlaması için, aşağıdaki işlemi de yapın.

"DirectoryIndex index.html index.html.var" satırının yerine
"DirectoryIndex index.php index.html index.html.var"
satırını ekleyin.

mySQL

adresinden "Windows downloads" altındaki paketlerden Windows (x86) olanı ( yaklaşık 34~35 mb) indirip sisteminize kurun.

phpMyAdmin

yüklemesi için de adresinden indirip c:\www\ klasörü altında açın açtıktan sonra yeni oluşturulan dosyanın ismini rahat erişim için phpmyadmin ya da myadmin olarak değiştirin.
config.inc.php dosyasını text editörü ile açıp aşağıda yer alan ilgili satırları değiştirin.

$cfg['PmaAbsoluteUri'] = ''; satırını
$cfg['PmaAbsoluteUri'] = 'http://localhost/phpmyadmin';

$cfg['blowfish_secret'] = ''; satırını
$cfg['blowfish_secret'] = '3453fdgd';

$cfg['Servers'][$i]['auth_type'] = 'config'; satırını
$cfg['Servers'][$i]['auth_type'] = 'cookie';

artık web sitelerinizi yapıp kendi bilgisayarınızda sunuma hazırlayabilirsiniz.

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

50+ tooltip (baloncuk) script'i

BlackEdition — Mon, 20 Oct 2008 05:12:00 GMT

sitelerde yayımlanan yazılarda, haberlerde bazı kelime veya resimlere scriptler uygulanarak reklam ve açıklamalar getiren baloncukların (tooltip) ajax, css, javascript kullanarak nasıl yapıldıklarını anlatan ve birçok siteden derlenen bu liste bayağı uzun. istenilen kelimeye veya resme html dosyasıyla yapılan bu uygulamalardan bir kısmını açıklamaya çalışayım.

1) örnek sayfa, küçük bir javascript dosyası, görünüm için css kodları ve script'te kullanılan baloncuk resmini barındıran bu dosya ile aşağıdakine benzer görünümler oluşturabilirsiniz.script açıklama demo

2) onmouseover veya tıklama ile aktif olabilen bu uygulama; bir javascript dosyası, örnek sayfa ve bu sayfaya ait resim dosyaları ekli olan bu dosya ile yazı ve resimlerinize yukarıdakine benzeyen fakat köşeli olan geniş ve uzun olarak da gözükebilecek baloncuklar oluşturabilirsiniz. script açıklama demo

3) açıklama kutusu içerisinde tekrar açıklama kutusu kullanabileceğiniz, kutu üzerinde gezinebileceğiniz bu uygulama gayet kapsamlı ve kullanışlı. css ve js ekli dosyayı buradan indirebilirsiniz. script açıklama demo

4) ajaxla yapılmış, formlarda ve farklı fonksiyonlarda kullanılabilen araç ipuçları için buradan açıklama sayfasına gidebilir buradan da form araç ipucu dosyasını(demo) indirebilirsiniz.

5) wordpress kullanıcıları da aşağıdaki uygulamayı bu pluginle sayfalarında gösterebilirler.

6) wordpress için bir başka araç ipucu plugini

buraya ekleyemediğim diğer scriptlere bu adresten ulaşabilirsiniz.

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

jQuery Uygulamaları - 1

BlackEdition — Thu, 03 Dec 2009 12:41:00 GMT

Sitenizde basit ve hoş görünen fakat flaş kadar da yavaş yüklenmeyen menüler, rengi değişen arka planlar, dikkat çekici hoş uygulamalar istiyorsanız jQuery tam size göre;

Kwicks for jQuery | Demo - Ders

jQuery menü uygulaması. Bloklardan birinin üstüne geldiğinizde sağa/sola veya aşağı kayan hoş bir uygulama. Bu sayede gizlenen resme resimler ya da bilgi metinleri yerleştirebilirsiniz

Changing design colors with jquery | Demo - Ders

Web sayfası tasarlarken işinize yarayacak bir uygulama. Link, arka plan vb. gibi renkleri ayarladığınızda anında görüntüsünü size veriyor.

Easy jQuery fading color menu | Der

jQuery menü uygulaması. Blogların altına sonradan üstüne gidildiğinde ortaya çıkan bilgi kutucukları çıkıyor.

highlightFade jQuery Plugin | Demo - Ders

Arka planları veya başlıkları daha vurgulu olması ve dikkat çekmesi için jQuery sayesinde renk değiştirebilmesini sağlayabileceğiniz hoş bir uygulama.

jAni | Demo - Ders

jQuery ile yapılan animasyon efekti. Hazırladığınız animasyonu istediğiniz yerde durdurma, başa alma özellikleri mevcut (pause,stop).

Fade colors using jQuery | Demo - Ders

Yazılara anında istediğiniz rengi verebiliyorsunuz. Belirlediğiniz butonlara tıklandıklarında renkeleri değişiyor.

jQuery Colorful Sitemap | Demo - Ders

Hoş bir jQuery ile hazırlanan site haritası uygulaması.

jQuery Color Plugin and Color Animation | Demo - Ders

jQuery ile hazırlanan başka bir menü uygulaması. Üstüne gittiğinizde arka plan veya yazı rengi hoş bir şekilde renk değiştiriyor.

jQuery Random Link Color Animations | Demo - Ders

Hazırladığınız linklerin jQuery ile hareket etmesi ve renk değiştirmesini sağlayan uygulama.

Devamı gelecek...

Kaynak ; wisdomplug

Ayrıca Bakınız ;

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

Tooltip uygulamaları - 1

BlackEdition — Sat, 05 Dec 2009 08:02:00 GMT

tooltip, metinlere,görsellere site içerisinde açılan bilgilendirme penceleridir. Küçük popuplar şeklinde açılan bu uygulama sayesinde bir konu hakkında ipucu, resim ya da reklam yapmanız mümkün. İşte popüler tooltip uygulamaları;

Prototip 2

Kolay ve basit şekilde istediğiniz kelime ya da kelime grubuna tooltips oluşturmanızı sağlar. Javascript ile hazırlanan bu uygulama ile görsel nesne, yazı link vb. ekleyebilirsiniz.

Coda Popup Bubbles

Coda ile Küçük bir popup açarak bilgi formu hazırlayabilirsiniz.

Advanced Tooltip

Fotoğraflarda insanların yüzlerini işaretleyip açılan popup'ta onlar hakkında bilgiler verebilirsiniz.

Easiest Tooltip

Belli bir link veya görsel içerikli bir yazı yazdığınızda açılan popup ile görsel nesneleri gösterebilmenizi sağlayan tooptip uygulaması.

Easy Tooltip jQuery Plugin

Yazınızda yer alan kelimelere açıklama, reklam vb. için tooltips açabilirsiniz. Ayrıca jQuery ile hazırlanmış bir uygulama.

jTip

HttpXMLRequest nesnesini kullanarak önceden hazırladığınız sayfayı tooltips'e çekebilen hoş bir uygulama.

Nice Titles

Bahsettiğiniz konu hakkında ipuçları, linkler vb. yazabileceğiniz transparan olarak popup açılan hoş bir uygulama.

Tooltip to Forms

Sitenizde hazırladığınız formlarda bilgi için popuplar açmanızı sağlayan tooltip uygulaması.

jQuery Tooltips

jQuery ile hazırlanmış, resimlere bilgi metinleri ekleyebileceğiniz bir uygulama.

Ajax Tooltip

Ajax ile hazırlanmış metinlere popup açmanızı sağlayan tooltip uygulaması.

Kaynak ; vandelaydesign

Ayrıca Bakınız ;

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

Kasım ayında doğan, kullanışlı 5 yeni jquery eklentisi

BlackEdition — Wed, 25 Nov 2009 10:14:00 GMT

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.

3. jquery karıştırma eklentisiBelirli bir grup içerisindeki elementlerin yerlerini karıştırmak için kullanılan bir eklentidir. Mevcut bir grup elementi karıştırmak için:

$(selector).shuffle();

veya

$.shuffle(selector);

şeklinde bir kod kullanılabilir.

4. flips

Kaydırmalı kutular yapmaya yarayan eklentiler sayesinde bir alanda birden fazla sayıda kutucuk kullanmak mümkün oluyor. Bu eklentide de kutuların altında bulunan oklar yardımıyla kutular değiştirilebiliyor, otomatik değişme ayarlanabiliyor, hatta düğme yazıları da değiştirilebiliyor.

Bütün özellikleriyle birlikte, birden fazla sütün veya satır göstermeye olanak tanıyor.

5. jquery sprite animasyon eklentisi

Mevcut bir resmin özellikleri ile oynayarak animasyon yaratmayı sağlayan bir eklenti. Ve bu sayede gif uzantısı yerine başka uzantılar kullanmaya olanak tanıyor. JavaScript kodları ile çeşitli animasyonlar yaratmak mümkün.

K: aext.net

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

Web Tasarımcıları İçin 30 Açık Kaynaklı Uygulama

BlackEdition — Tue, 31 Mar 2009 15:55:00 GMT

Bir web tasarımcısı olarak size yardımcı olabilecek pek çok açık kaynaklı yazılım bulunmaktadır. açık kaynaklı projeler sırf ücretsiz oldukları için mükemmel olmakla kalmaz, ayrıca onlara katkıda bulunan azimli geliştiriciler de ilgili yazılımları mükemmel kılarlar. Günümüzün zor ekonomik koşullarında harcamalarınızı mümkün olduğu kadar kısabilmek her zaman kullanışlıdır ve bu sebeple açık kaynaklı alternatifler de her zaman göz atılmaya değerdir.

Bu yazıda web tasarımcıları için 30 adet son derece kullanışlı uygulamayı bulacaksınız. Listede kaynak kodu düzenleyicilerinden WYSIWYG düzenleyicilerine, grafik tasarım yazılımlarından görev yönetim yazılımlarına kadar pek çok faydalı yazılımı bulacaksınız.

Kaynak Kodu ve WYSIWYG Düzenleyicileri

1. KompoZer

KompoZer

KompoZer tam özellikli bir web yayımlama uygulaması olup bütünleşik FTP istemcisi, sekmeli kullanıcı tasarımı ve tüm önemli işletim sistemleri için destek barındırmaktadır.

2. Bluefish Editor

Bluefish

Bluefish Editor, web tasarımcıları ve programcıları için geliştirilen hafif ve hızlı bir düzenleyicidir. Uygulamanın HTML belgeleri için sunduğu sihirbazlar, mükemmel proje yönetim özellikleri ve kaynak kodlarını yenileri ile değiştirmek için güçlü ara ve değiştir seçeneği gerçekten kullanışlı.

3. Quanta Plus

Quanta Plus

Quanta Plus güçlü bir web geliştirme IDE'si olup yüksek miktarda genişletilebilir ve özel betikleri de çalıştırabilir. Uygulamanın sunduğu muhteşem görsel CSS düzenleyicisi kodlar için otomatik tamamlama ve kod ipuçları görüntüleme yeteneklerine sahip.

4. Amaya

Amaya

Amaya, World Wide Web Konsorsiyumu (W3C) tarafından geliştirilen bir web düzenleyicisi ve web tarayıcısıdır. Amaya ilk olarak bir HTML / CSS düzenleyicisi olarak geliştirilmişti ancak zaman geçtikçe desteklediği diller arasına SVG ve MathML gibi pek çok XML tabanlı sistemleri de dahil etti.

5. CSSED

CSSED

CSSED tam özellikli GTK-2 tabanlı CSS düzenleyicisi olup yüksek miktarda genişletilebilirlik için eklenti sistemi bulunmaktadır. İlgilenen okurlarımız CSSED Eklentilerine bir göz atabilir.

6. OPEN BEXI HTML Builder

OPEN BEXI HTML Builder

Open BEXI HTML Builder tarayıcı tabanlı ve açık kaynaklı bir uygulama olup HTML web sayfaları oluşturmak için kullanılabilir. Uygulamanın arayüzüne entegre edilmiş CSS renk seçicisi ve basit bir proje yönetim seçeneği de mevcut.

7. NOTEPAD++

NOTEPAD++

NOTEPAD++ Windows için geliştirilen oldukça popüler bir metin düzenleyici yazılımıdır. Sırf web geliştiricileri için geliştiriliyor olmasa da HTML, XML, CSS ve JavaScript için sunduğu derinlemesine destek sebebiyle pek çok web geliştiricisi tarafından kullanılmaktadır.

8. jEdit

jEdit

jEdit özellikle programcılar için geliştirilen bir metin düzenleyicisidir. Mac, Windows ve Linux üzerinde çalışabilen uygulamanın HTML, XML, CSS, JavaScript ve diğer pek çok dile özgü kod renklendirme desteği bulunmaktadır.

9. SeaMonkey

Mozilla Vakfı tarafından geliştirilen SeaMonkey, SeaMonkey Composer adında tarayıcıya bütünleşik sade ancak bir o kadar da güçlü bir HTML düzenleyicisini de bünyesinde barındıran hepsi bir arada web tarayıcısıdır.

Grafik / Görsel Düzenleyicileri

1. GIMP

GIMP

GIMP, günümüzün en tanınan açık kaynak projelerinden birisidir. Uygulamanın sunduğu özellikler ile ücretli rakiplerine bile taş çıkartabilecek kalitede bir yazılım olan GIMP'in arabirimine alışmak için zaman kaybetmek istemiyorsanız ve Photoshop'un arabirimine aşina iseniz, o zaman Gimpshop adındaki ve Photoshop'un arayüzünü GIMP'e uyarlayan GIMP eklentisini deneyebilirsiniz.

2. Inkscape

Inkscape

Inkscape, rakipleri Adobe Illustrator ve CorelDRAW gibi vektör grafiklerini düzenlemeye yönelik geliştirilen açık kaynaklı bir yazılım.

3. Krita

Krita

Krita, KOffice için geliştirilen bir boyama ve görsel düzenleme yazılım uygulamasıdır.

4. Karbon14

KOffice

Karbon14 genişletilebilir vektör tabanlı çizim uygulaması olup KOffice projesinin bir parçasıdır.

5. Kivio

Kivio

Bir web tasarımcısı olarak genellikle iş planınızı ve tasarımınızın prototipini oluşturmanız ve gezinti şemaları için çizelgeler hazırlamanız gerekebilir. Kivio işte tam da bu alanda imdadınıza yetişiyor ve prototiplerinizi, çizelgelerinizi ve diyagramlarınızı oluşturmak için size yardımcı olacak bir dizi faydalı aracı sunuyor. Bu yazılım da KOffice yazılım paketinin bir parçası.

6. Dia

Dia

Dia diyagram oluşturmak için kullanabileceğiniz bir diğer kullanışlı uygulama.

7. Skencil

Skencil

Skencil özellikle illüstrasyonlar ve diyagramlar için kullanılabilecek bir vektörel çizim uygulaması. Uygulama üzerinde hazırladığınız kompozisyonlarınızı pek çok vektör düzenleme uygulamasının tanıdığı EPS biçiminde kaydederek farklı uygulamalar üzerinde de çalışabilirsiniz.

8. OpenOffice Draw

OpenOffice Draw

OpenOffice Draw OpenOffice yazılım paketinin bir parçası olup basit ancak bir o kadar da güçlü çizim ve diyagram yazılımıdır.

9. mtPaint

mtPaint

mtPaint, Mark Tyler (mt) tarafından geliştirilen sade ve basit bir boyama ve düzenleme uygulaması.

10. FontForge

FontForge

Eğer daha önce tasarımlarınız için kullandığınız fontları düzenleme ihtiyacı hissettiyseniz, o zaman FontForge uygulaması, sunduğu farklı araçlarla bu ihtiyacınıza yanıt verecektir.

11. ImageMagick

ImageMagick güçlü bir görsel düzenleme yazılımı olup, çalışmalarınızı bitmap tabanlı biçimlerde kaydedebilmenizi sağlıyor. Uygulama, GIF, JPG, SVG ve PDF gibi popüler web biçimlerinin de yer aldığı yüzün üzerinde dosya biçimini destekliyor.

12. GraphicsMagick

GraphicsMagick, uygulamanın ana geliştiricileri tarafından görsel işleme için İsviçre çakısı olarak isimlendiriliyor. Uygulamanın desteklediği görsel biçimlerinin listesine bir göz atabilirsiniz.

Yardımcı Araçlar

1. HTML TIDY

HTML TIDY ücretssiz ve açık kaynaklı bir uygulama olup HTML kodlarını iyileştirmeye ve düzeltmeye yarıyor.

2. Cyberduck

Cyberduck

Cyberduck, Mac OS X kullanıcılarının gönlünde taht kurmuş açık kaynaklı ve ücretsiz bir FTP istemcisi. Yazılımın sunduğu bütünleşik Mosso Cloud dosyaları için destek ve yine bütünleşik Amazon S3 desteği, uygulamayı, web tasarımcıları ve web uygulama geliştiricileri için bir numara yapıyor. Eğer Mac OS X için FTP Yazılımı arıyorsanız, Cyberduck yazılımını mutlaka denemelisiniz.

3. FileZilla

FileZilla

FileZilla en popüler açık kaynaklı FTP istemcisi olarak bilinir. Linux, Mac ve Windows işletim sistemleri için sürümleri bulunan FileZilla uygulamasının bir dizi protokol için desteği bulunuyor.

4. WinSCP

WinSCP

WinSCP, sadece Windows üzerinde çalışabilen bir (S)FTP istemcisidir. Uygulamanın sade arayüze sahip dosya yöneticisi, dosyalarınız üzerinde gezinebilmenizi ve onları düzenleyebilmenizi sağlıyor.

5. CamStudio

CamStudio

Bir gün müşteriniz ya da proje yöneticiniz sizden bir web sitesi turu ya da elektronik kurs gibi bir bilgisayar simülasyonu hazırlamanızı isteyebiir. Eğer herhangi bir ekran görüntüsü yakalama uygulamasına ihtiyacınız olursa, tam özellikli ve açık kaynaklı CamStudio başkasını aramanıza gerek yok.

6. Greenshot

Greenshot

Web tasarımcıları genellikle belgeleme ya da tarayıcı içerisinde tasarım sunumları için ekran görüntüsü yakalama yazılımlarına ihtiyaç duyarlar. Greenshot ücretsiz ve açık kaynaklı bir ekran görüntüsü yakalama yazılımı olup özellikleri ile göz dolduruyor.

7. ZScreen

ZScreen

ZScreen, tam ekran, görünen alan ya da monitörünüzün sadece belirli bir bölümünün ekran görüntüsünü alabilmenize yarayan son derece kullanışlı ve açık kaynaklı bir ekran görüntüsü yakalama yazılımıdır. Alınan ekran görüntülerinin otomatik olarak FTP sunucularına aktarılmasını ya da ImageShack servisine aktarılmasını sağlayabilirsiniz. Özellikle sık sık ekran görüntüleri paylaşan kullanıcılar için bu iki özellik çok faydalı olacaktır.

8. Xournal

Xournal

Xournal, Tablet bilgisayarınızı bir girdi aygıtı olarak kullanabilmenizi sağlayan sade ancak güçlü bir not alımı ve taslak uygulamasıdır. Uygulama, Windows Journal ile benzer şekilde çalışıyor.

9. Firebug

Firebug

Firebug son derece kullanışlı, değişken ve her web geliştiricisinin bilgisayarında kurulu olması gerektiğine inandığım bir hata ayıklama aracı. Özellikle HTML ve CSS koduna yeni iseniz ve geliştirdiğiniz web sitelerindeki hataları ayıklamak istiyorsanız doğrudan tarayıcı üzerinden bu değişiklikleri gerçekleştirebilirsiniz.

10. Gallery

Gallery

Gallery uygulaması sayesinde görsel kaynaklarınız üzerinde derinlemesine kontrol sahibi olabilirsiniz. Web tabanlı görsel (imaj) galerisi olan bu uygulama sayesinde görsellerinizi depolayabilir, organize edebilir ve ziyaretçileriniz ile paylaşabilirsiniz.

Beğendiğiniz Uygulamalar Üzerindeki Deneyiminizi Paylaşın

Eğer sizin en beğendiğiniz açık kaynaklı uygulama yukarıda listelenmemişse ya da yukarıda listelenen uygulamalar ile ilgili paylaşmak istediğinz bir şey varsa, yorumlarınızda belirtmeyi ihmal etmeyin.

Tasarım Araçları Hakkında Yazdığım Diğer Yazılar

Açık Kaynaklı Yazılımlar Hakkında Yazdığım Diğer Yazılar

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