bildirgec.org - etiketler: dhtml

DHTML'NİN FAYDALARI

tanercavdar54 — Wed, 17 Feb 2010 21:56:00 GMT

DHTML'in olumsuz yönleri, sağladığı faydalara bakıldığında kullanılacağı yere göre bazen göz ardı edilebilir. Ayrıca bu konuda daha iyi çözümler de bulmak mümkün. Örneğin, tarayıcı uyumsuzluğunu gidermek için çok daha gelişkin DHTML kodlamaları yapılabilir. DHTML'in web geliştiricisine sağladığı faydaları ise şöyle sıralanabilir:

-Dinamik Stiller: Web sayfasındaki CSS stillerinin görünümünü değiştirmek mümkündür.

-Dinamik İçerik: Web sayfasındaki içeriği değiştirme olanağı sunar.

-Dinamik Konumlandırma: Web sayfasındaki objelerin yerini değiştirebilmemizi sağlar.

-Font Gömme: Web sayfasıyla yüklemek suretiyle hep belirtilen fontta görünüm sağlamak mümkündür.

-Veri Birleştirmek: İstemci tarafındaki sıkı veri kaynağı entegrasyonunu sağlayan HTML uzantıları (ActiveX kontrolleri v.b.) kullanımına izin verir. Bu özellik Netscape tarayıcısı tarafından desteklenmez.

-Filtreler ve Geçişler: Alt düzey çoklu ortam efektleri (gölgeler, geçişler vs...) oluşturulmasına imkan verir.

Yine bu özellik de Netscape tarayıcısı tarafından desteklenmez.

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

DHTML'NİN OLUMSUZ YÖNLERİ

tanercavdar54 — Wed, 17 Feb 2010 11:42:00 GMT

DHTML kullanmaya karar verirken iki kere düşünmek gerekir. Çünkü DHTML kavramındaki bazı olumsuz yönleri gözardı ederseniz istemediğiniz sonuçlarla karşılaşabilirsiniz. Nedir bu olumsuz yönler;

-DHTML web sunucularında çalışan bir kavram olmayıp, ziyaretçilerin bilgisayarlarında faaliyete geçen ve kullanılan tarayıcıya bağımlı (tarayıcı tipine göre farklı sonuçlar oluşturabilen), ziyaretçinin eylemlerine göre (örneğin bir nesneye mouse ile tıklanması) işleyen bir kavramdır. Bu husus tasarlanan sayfanın bütün ziyaretçiler tarafından aynı şekilde algılanmasını engelleyebilir.

-DHTML'yi sadece Internet Explorer ve Netscape tarayıcıların 4.0 ve üzeri versiyonları destekler. Daha eski
versiyonları kullanan ziyaretçiler DHTML uygulamalarını göremeyebilir.

-Bir DHTML uygulaması Internet Explorer ve Netscape tarayıcılarda farklı sonuçlar doğurabilir. Bu durum tarayıcıları geliştiren firmaların belli bir standart üzerinde yoğunlaşmayıp konuyu kendi açılarından ele almasından kaynaklanmaktadır.

-W3C Konsorsiyumu DHTML'yi standart belirleme konularında resmi olarak ele almaz ve desteklemez

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

DHTML (Dynamic HTML)

tanercavdar54 — Tue, 16 Feb 2010 10:39:00 GMT

Dinamik HTML'nin ne olduğu konusunda söylenecek ilk şey, DHTML'nin kendi başına bir dil ve bir standart olmadığıdır. İki büyük tarayıcı üreticisi olan Microsoft ve Netscape'in versiyon 4 tarayıcıları ile bizleri tanıştırdıkları ve daha sonraki sürümlerinde de destekledikleri ve World Wide Web Konsorsiyumu (W3C) tarafından artık bir web standardı olarak kabul gören bir teknolojidir.

İlk ortaya çıktığında web dünyasında çığır açacak yeni bir teknoloji gibi algılandı. Doğrusunu söylemek gerekirse gerçekte durum böyle abartıldığı gibi olmayıp, HTML'nin yetersiz kaldığı durumlarda kullanılabilecek güçlü bir

tasarımcılık yöntemidir. Bu kavramı HTML, XML , CSS , JavaScript vb. gibi kendine özgü kuralları ve standartları olan kavramlarla karıştırmamak gerekir. Ancak uygulamada DHTML bu kavramlarla beraber anıldığı için çoğu insan için hala bir soru işareti olarak kalmaya devam ediyor. Halbuki bu o kadar da karmaşık ve zor anlaşılır bir konu değil. Netice itibariyle DHTML denilen şey; tarayıcılara bağımlı bir tasarımcılık yaklaşımı yada metodudur.

HTML DHTML farkı, 2 boyutlu tasarımı katmanlar sayesinde üçüncü boyuta getiren ve database ,çoklu-ortam, klasik Web unsurları kullanan ve aralarında ilişki kuran teknolojilerbarındırmasıdır. DHTML, HTML'e ek etiket getirmez;olan etiketlere ek özellik ve özellik kazanır. ve bunu CSS ile sağlar. farklı olarak DHTML yoluyla, HTML'in bilinen etiketlerinin bilinen özellikleri, ziyaretçinin sayfanızda yapacağı tercihlere, tutum ve davranışlarına göre dinamik olarak değişmesini programlayabilirsiniz. Başka bir deyişle, DHTML, HTML etiketlerinin program yoluyla dinamik hale getirilmesi demektir.

DHTML, Ziyaretçi ile etkileşimli sayfalar hazırlamaktan tutun da, CSS tekniği ile sayfada katman (layer) oluşturma yöntemi ile kullanacağınız grafiklerin yazının önünde arkasında olması, açılıp kapanan menü tasarımlarının yapılması ya da grafiğin piksel olarak ölçeklenerek sayfaya yerleştirilmesine kadar bir çok güzel özellik ve kolaylık sağlamıştır.

-dynamicdrive.com
-dhtmlgoodies.com
-DHTML

Bu yazı tanercavdar54 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ım ve Evrim

angelsdemos — Wed, 02 Dec 2009 12:51:00 GMT

Yıl 1990. İlk web tasarımları yayınlanmaya başlandı. Web tasarımcılar (ki sayıları şimdiye göre çok daha az) sadece metin tabanlı sayfalar hazırlıyorlardı. Metinler ve linkler haricinde görsel olarak herhangi bir şey görmek olanaksızdı. Ancak bu uzun sürmedi. Sonunda css tabanlı tasarımlar ve flaş keşfedildi, buraya kadar gelindi ve daha da ilerleyeceğe benziyor.

İlk web sayfaları
Sıcak bir ağustos günü Tim Berners-Lee içinde birkaç link olan sadece metinden oluşan ilk web sayfasını yayınladı. Birkaç paragraf dışında pek bir şey olduğu söylenemez. İnsanlara World Wide Web (www)'in olduğu hakkında bilgi içeren bir sayfaydı bu.
Html (HyperText Markup Language) biraz daha gelişince paragraf, başlık, link vb. özellik geldi. Sonraki sürümlerinde sonunda görsellik eklenebiliyordu.
1994 yılında ise World Wide Web Konsorsiyumu (W3C) kuruldu.

ilk web sayfası (1992)

Yahoo! (1996)

Altavista (1996)

Tablo tabanlı tasarımlar
Html'de tablo özelliği gelince yeni tasarımlar oluşmaya başladı. Birbirinden farklı tablo tasarımları oluşturuldu ve arkaplanlarına resimler koyuldu. Bunların estetik görüntüdeki ilk adımlar olduğunu söyleyebiliriz.

Bu dönemde gif'ler boşluk kontrolü için idealdi. Büyük şirketler bile tasarımlarında boşluklar için gif ile sağlardı. (Bakınız; Spacer GIFs)

Fakat tüm bunlar tasarımcılara yetmiyordu. Daha karmaşık daha görsel tasarımlara adım atmak istiyorlardı.

W3C (1998)

yahoo! (2002)

Altavista (2002)

Flaş tasarımlı tasarımlar
Flaş (FutureSplash Animator , önce Macromedia Flaş daha sonra Adobe Flash) 1996 yılında geliştirildi. html'den daha güçlü tasarımlar yapılmaya başlandı ve giderek yayıldı. Flaş ve html birlikte tasarımcıları daha çok tatmin etmeye başladı.
Flaş öncelikle CD-ROM için içerik oluşturma amacı ile yapıldı. Daha sonra web sitelerinde bazı video vb. gibi yayınların daha az alan kaplaması için kullanıldı ve giderek gelişti.

Flaş ve animasyon özellikleri ile görsellikte bir adım daha atılmış oldu.

Dinamik HTML (DHTML)

Flaş gelişirken ve animasyonlu tasarımlar modayken html'e yenilikler getirildi. Flaş ile yapılan bazı interaktif özellikler dhtml ve javascript ile web sayfalarında uygulanabilmekteydi.

3DML, 3 boyutlu web siteleri oluşturmak için geliştirilen az bilinen bir dildir. 1996 yılında Michael Powers tarafından yapıldı. Michael Powers aynı zamanda XML dilini bulunmasıyla bilinir. 3DML günümüzde hala var fakat tarayıcılara yüklenmesi gereken bir eklenti ile çalışmakta. Fakat günümüzde flaş tasarımlar daha ağır basmakta.

CSS tabanlı tasarımlar
CSS tabanlı tasarımlar popülerliğini 2000'li yıllarda kazanmaya başladı. Sade sayfalara göre daha hoş görünüm. Flaş içeriğe göre daha hızlı yüklenmesi avantajlarıydı. Ayrıca içeriğe dokunmadan tüm tasarımı değiştirme olanağınız bulunmakta.

W3C (2003)

W3C (2009)

Yahoo! (2009)

Altavista (2009)

Web tasarım hala gelişmeye devam etmekte olan bir sektör. Peki ya gelecekte neler olacak?

Kaynak ; sixrevisions

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

Webciler için kaynak dediğin böyle olur

GokhanKARAKAS — Wed, 25 Nov 2009 08:10:00 GMT

işte size bomba gibi bir liste. web tasarım ve yazılım konusunda tek sayfada hemen hemen bütün konuları bulmanız mümkün. konuları aşağıda belirttim.

html ve css konusunda aklınıza gelen ne varsa burada;

html tutorials (html tutorials)
css tutorials (css tutorials)
html tagları (html tags)
html renk kodları ve örnekleri (html color codes and swatches)
html sıkça sorulan sorular (html faq)
web içerik erişebilirliği (web content accessibility)
ulaşılabilir tablolar (accessible tables)
html kontroller (html validators)
html version information (html sürüm bilgileri)
html editörleri (html editors)
css editörleri (css editors)
doctype (döküman türleri)
formlar (forms)
çerçeveler (frames)
css karakter uyumluluğu (css compatibility charts)
css düzenleme ve örnekler (css layouts & examples)
css articles (css makaleleri)
css forumlar (css forums)
css menüler (css menus)
css yuvarlak köşeler (css rounded corners)

Yazılım için derlenmiş konular ise şöyle;

perl kaynakları (perl resources)
php kaynakları (php resources)
python kaynakları (python resources)
mysql kaynakları (mysql resources)
asp kaynakları (asp resources)
javascript kaynakları (javascript resources)
dhtml kaynakları (dhtml resources)
cgi kaynakları (cgi resources)
forum kaynakları, vbulletin, phpBB (forum packages)
online araçlar;
arama motorlarına site kayıt (site submission)
seo (search engine optimisation)
browsers (tarayıcılar)
sayaçlar (counters)
web trafik raporları (web traffic reports)
web araçları (web tools)
404
telif hakkı (copyright)
robots.txt

tasarım için;

photoshop kaynakları

tüm bunlara nereden ulaşacağız kayodeok.btinternet.co.uk sitesinin derlemiş olduğu muhteşem kaynaktan.
buyurunuz iyi günlerde kullanın.

ilgili yazılar

hazır kod siteleri (11)
Herkes için dersler (11)
Tasarımın İçinde Olan Herkes İçin Yer İmi Seti (6)
47 adet webmaster aracı (32)

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

internetteki en büyük web geliştirme sitesi

axanc — Wed, 19 Aug 2009 09:14:00 GMT

web üzerine öğrenip öğrenebileceğiniz neredeyse herşey bu sitede anlatılıyor ve hepsi de ücretsiz. anlatılan konular üzerinde size temel ve orta seviyede uygulama bilgisi anlatılıyor. ve bu bilgiler oldukça değerli olduğu için de, çabuk ve kolay bir öğretim sergiliyorlar. peki bir web geliştiricisi nereden başlamalı? w3schools bu soruyu sizin için cevaplayacak ve sizin profesyonel bir web geliştiricisi olmanızı sağlayacak kesin bir kaynak ve sizi geleceğe hazırlayacak. her konuda web öğretimleri, kendi kendinize yapabileceğiniz kolay örnekler, web geliştirmesi üzerine standart referanslar ve belki de en önemlisi web sertifikasyonları yapıyorlar.

HTML Öğretimleri
- html öğrenin!
- xhtml öğrenin!
- css öğrenin!
- tcp/ip öğrenin!
XML Öğretimleri
- xml öğrenin!
- dtd öğrenin!
- xml dom öğrenin!
- xslt öğrenin!
- xquery öğrenin!
- xlink öğrenin!
- xforms öğrenin!
- soap öğrenin!
- wsdl öğrenin!
- rss öğrenin!
- wap öğrenin!
- web servisleri öğrenin!
İstemci Script Öğretimleri
- javascript öğrenin!
- html dom öğrenin!
- dhtml öğrenin!
- vbscript öğrenin!
- ajax öğrenin!
- e4x öğrenin!
- wmlscript öğrenin!
Sunucu Script Öğretimleri
- sql öğrenin!
- asp öğrenin!
- ado öğrenin!
- php öğrenin!
- asp.net öğrenin!
- .net mobil öğrenin!
Multimedya
- medya öğrenin!
- smil öğrenin!
- svg öğrenin!
- flash öğrenin!
Web Geliştirme
- web geliştirme öğrenin!
- web i̇stemcileri öğrenin!
- web sertifikasyonu öğrenin!
- web sağlayıcı öğrenin!
- web w3c öğrenin!
- web kalitesi öğrenin!
- web semantic öğrenin!
Web Standart Referansları
Karakter Setleri
Örnekler
İstatistikler
- istemci istatistikleri
- platform istatistikleri
- çözünürlük istatistikleri
Sınavlar
Sertifikasyon
Doğrulama

ilgili yazılar

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

Her zaman aradığımız 29 adet CSS/Ajax/Java/Dhtml Galeri sistemi

sott — Thu, 05 Feb 2009 17:38:00 GMT

1 . Minishowcase
Minishowcase küçük ve çok basit bir Ajax galeri sistemi. Kullanım konusunda basitliği ile tasarımcı dostu diyebilirim. mutlaka inceleyin.

2. JonDesign’s SmoothGallery
JS dosyası sadece 16kb olan bu galeri sisteminde Jon Design birçok sitede gördüğümüz bir yapıyı bizimle paylaşıyor. Koyu renk tasarım seçmiş ve fotoğraf ağırlıklı bir tasarım anlayışına sahip tasarımcılar için birebir.

3. Ajax Photo Gallery
Birçoğumuzun bildiği Agile Gallery basit ve öz.

4. Pyxy-gallery
Bu sistem biraz eski olmasına rağmen çeşitli düzenlemeler ile tasarımınıza en iyi uygulayabileceğiniz galeri sistemlerinden birisidir.

5. Zenphoto
Online galeri çözümlerinin bence cevabı Zenphoto sistemidir. Birçoğumuzda elbet bir şekilde bu sistem ile buluşmuşuzdur:) fazla söze gerek yok.

6. Couloir.org: Resizing, Fading Slideshow Demo - AJAX Slideshow
Bu sistemi şiddetle incelemenizi öneririm. Belki biraz flash galeri sistemlerini anımsatıyor ama kullanımı ve düzenleme altyapısı okadar basit ki... imaj portfolyo ve fotoğrafçılar için en uygun sistemlerden biri diyebilirim!

7. Grey Box
Buna da şiddetle bir bakın demek zorundayım. Tasarımında çok fazla imaj külfeti olanlar için mükemmel bir çözüm olabilir.

8. LightBox 2
Yabancı gelmedi biliyorum evet, doğru hepimizin bildiği o muhteşem script.

9. Multifaceted Lightbox
Bu galeri sistemi için aslında fazla söze gerek yok, tekrarlıyorum fotoğrafçılıkla uğraşanlar için gayet başarılı bir sistem.

10. Slightly ThickerBox 1.7
Basit ve öz Light Box2 ye benzerliğiyle bilinen galeri sistemi.

11. TripTracker
Bu sistem isminden de anlayabileceğimiz gibi gezilerimiz için yarattığımız galerilere en iyi çözüm. Bunların dışında Şiddetle öneririm!

12. Slimbox, the ultimate lightweight Lightbox clone
Mootols tabanlı o güzel galerilerden biri daha.

13. Suckerfish HoverLightbox
Bu sistemi çok beğeneceğinizden eminim. Klasik fikirlerden bıkmış olanlar için ideal olabilir.

14. Suckerfish HoverLightbox Redux
Bir önceki sistemimizin farklı bir versiyonu, değişik diyebilirim :)

15. ThickBox 2.1.1
İşte bir klasik daha.

16. A Photograph Gallery
Görünüm olarak hepimizin anımsayacağı bir sistem olan A photograph gallery çeşitli görsel düzenlemeler ile güzel olabilir. CSS Tabanlı.

17. A simple CSS photo-album
İsminden zaten anlıyoruz ki ->

18. Cross Browser Multi-Page Photograph Gallery
İşte Bu! dediğim galeri sistemlerinden birisi benim çok işime yaramıştır eminim sizin de yarayacak!

19. CSS Image Gallery
Basit ve Öz.

20. CSS: Photo Showcase
Bu sistemi kullanmanızı şiddetle tavsiye ederim özellikle portfolyo sistemlerinde gayet şık olabiliyor.

21. HowerBox Image Gallery
Birçoğumuzun en az bir kere kullandığını düşündüğüm sistem.

22. Photo Scroll Gallery
Bu sistemi de sörf yaparken çok görmüşüzdür.

23. Sliding Photograph Galleries
Bu sistemi birçok kişi bir şekilde reklam ve google adsense yapısı gibi kullanıyor.

24. xImgGallery - Javascript Image Gallery & Slideshow
Kullanım açısından çok basit olan bu sistem biraz düzenleme sayesinde tasarım ile tam uyum sağlıyabilir.

25. Easy Album
Bu sistemi de birçoğumuz yakından tanıyacaktır. Çok çok basit ve kullanıcı dostu bir galeri sistemi. Basit kullanımı ile kullanıcılarınıza en iyi sunumu yapabilirsiniz.

26. Image Gal
Mini galeri diyebileceğimiz bir sistem. basit imaj gösterim sistemlerini sevenler için ideal.

27. Highslide JS
Bu sistem de hepimizin kullandığı mevcut diğer sistemler ile çok benzerlik taşıyan bir galeri sistemi. Tavsiye ederim.

28. Satellite
FlickR ile de çok iyi entegre çalışabilen bir sistem. Şu anda galiba ücretli veya üyelik gerektiriyor.

29. Dhonishow

Buna da kesin bakın derim, CMS sistemini kullanan arkadaşlarımız elbet latest photos gibi bir modülü buna uyarlayabilirler.

Kaynak : Neredeyse 2 yıldır kullandığım bu galerileri bir araya toplayan smashing magazine sitesinden kendi derlemelerim.

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

Javascript Oyun ve Demolar

supermeg — Thu, 18 Dec 2008 20:11:00 GMT

birçok interaktif web uygulamasının bel kemiğini oluşturan javascript ile yapılan demo ve oyunları görünce hayretler içinde kalmamak elde değil..

işte pouet.net javascript bölümünde sıralı listesine ulaşabileceğiniz demo ve introlardan en beğenilenler/beğendiklerim...:

3D Tomb II

3D Tomb II 4KB boyutunda FPS tarzı bir oyun..

Mooncheese

Mooncheese ile javascript neymiş, nelere kadirmiş anlıyorsunuz.. harika bir demo... (oynatırken ie kullanmak lazım)

redbug

redbug 64 kb büyüklüğü (müzik dahil) js ile yapılacaklara güzel bir örnek.. özellikle müzik ve objelerin senkronizasyonu hayranlık uyandırıcı..

antisocial

antisocial javascript ile üçüncü boyut ve kamera kullanımının uç noktalara vardığı harika bir demo.. diğerlerinden konu olarak da ayrılan antisocial kalabalıklar içinde yalnızlıkları, sosyalleşmek adına antisosyalleşen internet insanını tasvir ediyor.. download edilen zip dosyasının içerisinde bir de tool var ve bu tool ile demo bir zaman ekseninde sıralanmış.. istediğiniz frame gidip o framede mouse ile kamera açılarını istediğiniz gibi değiştirebiliyorsunuz.. gerçekten etkileyici bir demo...

breakout 4k

breakout 4k sadece 4 kb boyutu ile oynanılabilen bir breakout / arkanoid klonu..

robotroom

robotroom da bizden bir oyun.. türk demoscene grubu bronx'un yine Türkiye'de düzenlenen bir demoscene parti organizasyonu olan 7d04'de yayınladığı hoş bir oyun..

Tunnex

Tunnex sadece "w" karakteri kullanarak yapılan bir ascii tünel demosu ve hepi topu 256 byte

Mars

Mars yüzeyini temsil eden harika bir yeryüzü dalga animasyonu (evet bu da 256 byte)

Neja

Neja tam demo kategorisinde yer alan ve güzel imaj efektlerine sahip. fakat müziği mp3 formatında ve müziği çalabilmesi için dahili bir flahsmp3 çalar kullanmışlar..

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

hkmt — 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.

ilgili yazılar

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

akordiyon menü örnekleri

bakiyyebemolu — Mon, 06 Oct 2008 13:19:00 GMT

akordiyon menüleri tasarımlarınızın yan sütunlarını işlevsel hale getirmek için kullanabilirsiniz. konuyla ilgili internette çeşitli ücretsiz uygulamalar mevcut.

kaynak

ilgili yazılar

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