bildirgec.org

Arrowchat, gelişmiş bir interaktif sohbet uygumasıdır. Birçok script‘e entegre edilebilecek bu uygulamayı web sitenizde kullanarak kullanıcılar arasındaki iletişimi güçlendirebilir ve arrowchat‘in birçok özelliğinden faydalanabilirsiniz.

Görünüm bakımından Facebook‘a benzetilmiş olsada istediğiniz gibi özelleştirebilir ve web sitenize entegre edebilirsiniz.jQuery ile hazırlanan bu uygulamayı kendi web sitenizde kullanabilir veya Wordpress, phpBB eklentileri de kurabilirsiniz. Brutal, vBullettin, php-nuke gibi birçok script ile entegrasyonu yapılmak üzere.

HTML5 Template

Html ‘in son sürümü olan ve birçok tarayıcı ve site tarafından desteklenen html5 ile geliştirilmiş, aşağıdaki bedava 10 tema ile web sitelerinizi geleceğe uyarlayabilirsiniz.

html5 ile sosyal web sitesi teması

Social Stream HTML5 Template

elRTE, web sitenizde kullanabileceğiniz açık kaynak kodlu WYSIWYG editördür. Javascript ve jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem HTML editör ile web içeriğinizi istediğiniz gibi kontrol edebilirsiniz.Studio 42 tarafından geliştirilen elRTE’yi ticari olan veya olmayan bloglar, forumlar ve benzer birçok serviste ücretsiz olarak kullanabilirsiniz.

Zengin içeriği ile metin düzenlemenize her yönü ile olanak veren bu editörü kolaylıkla web sitenize entegre edebilir ve sonrasında rahatlıkla kullanabilirsiniz. Ayrıca dilerseniz yazılarınızın biçimlendirilmiş şekildeki html kodlarını görebilirsiniz. Hafif, hızlı ve kolay kolay kullanıma sahip elRTE üzerindeki düzenlemeler css olarak da kaydedilebilir.

Demo modu, Word’den kopyanan yazıları temizleme, ifade ekleme, gelişmiş tablo ve resim ekleme eklentileri ve tam ekran modu ile muhteşem bir derleme aracı olan elRTE ile masaüstü programlardaki tüm özellikleri bulabilir, Gelişmiş bir şekilde metinlerinizi düzenleyebilirsiniz.

Flash benzeri yakınlaşma efekti üzerinden hazırlanan Zoomer Gallery, hoş bir jQuery uygulamasıdır. Etkileyici zoom efekti sayesinde resim boyutunu arttırarak ziyaretçilerinizi etkileyebilir.

3 farklı efekti barındıran Zoomer Gallery‘yi galeri olarak kullanabileceğiniz gibi farklı amaçlar ile de kullanabilirsiniz. İsterseniz sadece bir imaja bu efekti verere çarpıcılığını ortaya koyarsınız veya reklam verenlerinizin reklamlarını farklı şekilde yayınlayabilirsiniz.

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.

Google Chrome, popüler tarayıcılar arasında eklenti desteğine sahip olan ikinci tarayıcı. Firefoxi kadar eklentisi bulunmasada oldukça fazla eklentiye sahip olmaya başladı. Aşağıdaki eklentiler sayesinde web hayatınızı daha rahat bir hale getirebilirsiniz. Eylül ayının popüler yararlı Google Chrome uzantıları;

Eye Dropper

Chrome ve Chromium uzantısı olan Eye Dropper, web tasarım ve geliştiriciler için oldukça hoş bir uygulamadır. Sağ üstte yer alan küçük logosuna tıkladıktan sonra web site içeriğindeki herhangi bir rengin Hex şeklinde size gösterir.

Instant Image Editor

Web sitesinde herhangi bir imaj dosyasını anında düzenleme imkanı veren çok hoş bir uygulama. Pixlr tarafından yapılan bu uzantı ile anında yeni tabda imaj üzerinde düzenleme yapabilirsiniz.

Chrome Editor

Web Tasarımcılar için üretilen bir eklenti olan Chrome Editor, chrome üzerinden html, css, javascript kodlarını anında düzenleme imkanını size sunuyor.

arkadaşlar resimde görüldüğü gibi tab pencere yapmak istiyorum. içerik 1’e tıklandığında sayfa yenilenmeden içerik 1 gelecek, içerik 2’ye tıkladığımızda ise sayfa yine yenilenmeden içerik 2 gelsin istiyorum. Google’da arasaydın ya diyenler çıkacaktır bulamadım. css tab menü örnekleri çok ama benim istediğim şekli bulamadım. Teşekürler.

CSS3 tamamen yaygınlaşmasa ve tüm tarayıcılar tarafından tam olarak desteklenmemiş olsa bile birçok başarılı uygulama yapılmakta. Web sitelerinizi daha interaktif ve daha renkli hale getiren bu uygulamalar arasında çizim örnekleri bile bulunmakta. Günümüzde hala imajlar kabul görürken css‘nin sınırları zorlanarak ascii karakterler ile birçok farklı çizim örnekleri de yapılıyor. Birçoğunun detaylı açıklaması da verilen aşağıdaki uygulamaların benzerlerini siz de yapabilirsiniz.

Sweet CSS3 Buttons
(Tatlı CSS3 Butonları)

Bu tatlı css3 butonları sayesinde web sitenizini oldukça renklendireceksiniz.

CSS Logo

Tamamen css kullanılarak çizilen bu logolar uğraş gerektirse de gerçeğini aratmayan cinsten. Tamamen ascii karakterler ile yapılan bu logolar arasında CBS, CNCB-e (NBC), BMW, Univision gibi şirket logoları da var.

CSS Olympic Logo
(CSS Olimpik Logo)

html öğrenmek sıkıcı bir iş… her ne kadar az konusu da olsa oturup öğrenmektense editörler kullanan pek çok kişi var…

bu web sitesi html’yi videolar ile anlatarak kolay yoldan html öğrenmek isteyenler için bir çözüm oluşturmuş. aşağıdaki 8 dersin tamamı türkçe…

xhtml ile html’nin farklarını anlatan bir video da mevcut olduğundan tamamını izlediğinizde kendinizi xhtml biliyor da sayabilirsiniz…

html’ye giriş

• başlangıç
• başlıklandırma, metin stilleri, link verme, resim ekleme, listeleme
• tablolar, çerçeveler, renkler
• formlar

html’de i̇lerlemek
* head etiketler

• formatting
• multimedya

html sonrası

• html&xhtml farklar

Bazı durumlarda database’e kaydederken herhangi bir WYSIWYG Editor’den gelen yazıyı sadece text olarak kaydetmemiz gerekebilir. Böyle durumlarda string’ten bütün html taglarını kaldırabilmemiz için kullanabileceğimiz fonksiyon;

1
2
3
4
5
6
7
8
9
10
11

public string HtmlTemizle(string text)
{
return Regex.Replace(text, @”<(.|\n)*?>”, string.Empty);
}

// Kullanımı ise;

string strHtml = HtmlTemizle("<br/><a>Ali Ata Bak.</a>");
Response.Write(strHtml);

// Sonuç : Ali Ata Bak.