Projeleriniz ya da web sitelerinizin özelliklerini tanıtmak için adım adım kılavuzunu kullanarak kullanıcılara iyi bir şekilde tanıtımını yapabileceğiniz bir javascript kütüphanesidir.

Intro.js : web sayfanız için adım adım tanıtım kılavuzu ekleyin

web sitelerinizin özelliklerini veya sayfanızın nasıl kullanılacağı hakkında kullanıcılara tanıtmak için bu adım adım kılavuzunu kullanabilirsiniz.

Kullanımı kolay

Sadece js ve css dosyalarını ekledikten sonra data-intro ve data-step parametrelerini kodunuza ekleyin.

Hızlı ve Küçük Boyutlu

4KB javascript ve 2.5KB css dosyasından oluşmaktadır.

Klavye ve Fare ile yönlendirme

Fare yada klavyenin ->, <-, ENTER tuşlarıyla sihirbazı ilerletip ve ESC ile çıkış yapabilirsiniz.

Tarayıcı uyumluluğu

IE8 ve sonrası, Chrome ve Firefox'un mevcut sürümleriyle sorunsuz şekilde çalışmaktadır.

Nasıl Ekleyeceksiniz

1. intro.js ve introjs.css dosyalarını sayfanıza eklemesini yapınız.

2. data-intro ve data-step parametrelerini HTML etiketlerinin içerisine ekleyiniz. Tüm kullanım özelliklerine buradaki github sayfasından ulaşabilirsiniz.
Örnek:

<a href='http://ilketkinlik.com/' data-intro='İşte ilk adım!'></a>

3. javascript fonksiyonunu sayfaya dahil ediniz.

introJs().start();
Nereden İndireceksiniz ?

1) github : git clone https://github.com/usablica/intro.js.git

2) bower : bower install intro.js --save

3) npm : npm install intro.js --save

Demo için tıklayınız.

  • Yazı Etiketleri :
  • intro.js
  • adım adım tanıtım sihirbazı
  • sayfa tanıtımı introjs
Css ile yatay ve dikey menu oluşturma, kutu modeli içerisinde kullanma
Yazıyı Oku

Css ile yatay ve dikey menu oluşturma, kutu modeli içerisinde kullanma

Css ile position: fixed kullanımı
Yazıyı Oku

Css ile position: fixed kullanımı

Css kutu modeli örneği ve float
Yazıyı Oku

Css kutu modeli örneği ve float

Nesne tabanlı programlama metot çağırma uygulamaları
Yazıyı Oku

Nesne tabanlı programlama metot çağırma uygulamaları

Css kutu modeli örneği ve konumlandırma
Yazıyı Oku

Css kutu modeli örneği ve konumlandırma

Css ile çoklu arkaplan uygulaması
Yazıyı Oku

Css ile çoklu arkaplan uygulaması

Menu