SVG Animation ile Dairesel İlerleme Düğme

SVG Animation ile Dairesel İlerleme Düğme

Colin Garven tarafından dairesel ilerleme düğmesine kavramını uygulamak için nasıl bir öğretici. Biz dairesel ilerleme animasyon ve bir başarı sağlamak ve nihai durumunu gösterir durumunu hata Jake Archibald tarafından açıklandığı gibi animasyon tekniği çizim SVG hattı kullanıyor.

Demo

Animation, SVG Tutorial

Devamı

Tema Slider: jQuery Tam Ekran Dokunmatik Slider Eklentisi

Tema Slider: jQuery Tam Ekran Dokunmatik Slider Eklentisi

Modern Dokunmatik Etkin Sınırsız Katmanlar ve Animations.Features ile Tam Ekran Slider: Duyarlı, Cep Dostu Dokunmatik / Vurma Support91 Önceden tanımlanmış Katman Pozisyonlar ile, 650 + Yazı Stilleri (Google Fonts), 360 + Simgeler (Font Başar Simgeler) Sınırsız Katmanlar, Alt katmanlar, Metin Katmanlar, Geçişler, Them All Ek Seçenekleri ile Tüm Binbaşı BrowsersCustom YouTube Player ile AnimatedCompatible olmalıdır Özelleştirilebilir Animasyon Zaman, Her Ana Slide, Altkatmanı, Metin Katman için Delay (Screen Fit için Otomatik, yeniden boyutlandırma, Loop, Denetim Bar gizle) , sen CSS3 Technology30 + Metin Animations10 + Altkatmanı Animasyonlar ile ve EffectsAutoPlay, Kontrol Seçenekleri (renk, konum kolaylaştırılması rastgele type30 + gibi dışarı animasyonlar Hızlandırılmış Donanım ile 300'den fazla Benzersiz Animations10 + Ana Slider animasyonlar oluşturabilirsiniz kolaylaştırılması Etkileri ile birlikte Metin Animations80 + Animasyon Türleri Özel Seçenekler, 5 özel animasyonlar ile) küresel veya her slaytlar Entegre Preloader için

Demo

Animation, CSS2 / CSS3.0, Plugins, Premium, Responsive, Slider

Devamı

PACE: Otomatik sayfa yükleme ilerleme çubuğu

PACE: Otomatik sayfa yükleme ilerleme çubuğu

Otomatik web sayfası ilerleme bar.Include pace.js ve sayfanızda Seçtiğiniz bir tema ve bitirdiniz! Pace otomatik Ajax istekleri, olay döngü lag, ilerleme karar sayfanızda hazır devlet ve unsurları belge izleyecek Eğer AMD veya Browserify kullanın., mümkün olduğu kadar erken bir yükleme süreci) (pace.js ve çağrı pace.start gerektirir.

Demo

Ajax, Animation, Web

Devamı

Offline.js: senin kullanıcılar çevrimiçi / çevrimdışı Göstergesi Ekran

Offline.js: senin kullanıcılar çevrimiçi / çevrimdışı Göstergesi Ekran

Offline.js otomatik kullanıcıları uyarmak için bir kütüphane olduğunda Gmail.It bağlantısı aşağı iken yapılan AJAX istekleri yakalar, ve o kadar geri döndüğünde onları remakes onlar gibi, internet bağlantısı kaybettim, bu yüzden app perfectly.Features tepki : restored.Simple UI güzel themes3kb ile failureConfirms için bağlantı aşağı ve bağlantı sonra bunları yeniden yapıyor iken bir görüntü ya da sahte resourceAutomatically yapılan ajax istekleri kapmak isteyerek bağlantı durumunu bir seyir izler ajax istekleri minified ve sıkıştırılmış

Demo

Ajax, Core Java Script, Web

Devamı

Mashable Stil Ajax Açılır Menü PHP kullanarak, MySQL & jQuery

Mashable Stil Ajax Açılır Menü PHP kullanarak, MySQL & jQuery

Herkes Mashable bağlı nesil için haber, bilgi, teknoloji ve kaynaklara adanmış dünyanın en büyük bağımsız web sitesi olduğunu biliyor. Şimdi menü açılır kendi başlığından kategorideki tüm mesajları görmek mümkün, PHP, MySQL ve jQuery Ajax.In Mashable kullanarak menü aşağı Mashable tarzı dinamik damla oluşturmak için nasıl hakkında size açıklamak için yapabilecekleriniz gidiyorum.

Demo

Ajax, Menus, PHP

Devamı

Nasıl PHP ve jQuery Ajax kullanarak geçilmek Sessions Geliş

Nasıl PHP ve jQuery Ajax kullanarak geçilmek Sessions Geliş

Benim okuyucularına nasıl biz onların seans süresi var, kullanıcılara mesaj görüntülerim olduğunu soruyor. () Yöntemi bekleyeceği belirtilen zamanda intervalsThe setInterval de, tekrar tekrar, bir işlev yürütür - () setInterval - Yani oturum tabanlı websites.I çalışan javascript zamanlama olayı kullanmış web geliştirici bir sürü bu öğretici olacaktır gerçekten yararlı düşündüm sonra belirtilen milisaniye sayısı ve belirtilen bir işlevi yürütmek ve bu kez her verilen zaman aralığında, işlevini yürütmeye devam edecektir.

Demo

Ajax, PHP

Devamı

jQuery Lazy Load XT eklentisi

jQuery Lazy Load XT eklentisi

Tembel yük XT resimler, videolar ve yapı-in jQueryMobile çerçeve desteği ile görüntüler / video tembel yükleme için diğer media.Mobile odaklı, hızlı ve genişletilebilir jQuery eklentisi için bir jQuery eklentisi.

Demo

Ajax, Image Effects, jQuery Mobile, Media, Plugins

Devamı

Rondell: güzel bir şekilde görüntülenmesi için jQuery eklentisi

Rondell: güzel bir şekilde görüntülenmesi için jQuery eklentisi

Bu Galeries ve diğer içerik üst menüde farklı hazır want.Checkout şekilde görüntülenmesi için bir jQuery eklentisi! Özellikle Galeri ve Minyatür preset.The demoları klavye ile kontrol edilebilir Rondell, denetimleri tıklatarak veya Rondell'in items.Touching öğeleri tıklayarak ve bir telefon veya tablet bilgisayar üzerinde kaydırarak çok çalışacak! Eklentisi ile test ve gereken olmuştur IE 7-9, Firefox 3.6 +, Chrome, Safari 4 +, Opera 11 +: iş para cezası ile

Demo

Carousel, Gallery, Plugins, Slider

Devamı

dbpasCarousel: jQuery atlıkarınca eklentisi

dbpasCarousel: jQuery atlıkarınca eklentisi

Başka bir jQuery atlıkarınca plugin.This eklentisi bir atlıkarınca içine ul öğe dönüştürmek olacaktır.

Demo

Carousel, Plugins

Devamı

Everslider: Duyarlı jQuery Carousel Eklentisi

Everslider: Duyarlı jQuery Carousel Eklentisi

Everslider tamamen duyarlı, mobil optimize jQuery atlıkarınca eklentisi. Bu jQuery yedek ile animasyonları için CSS3 geçişleri kullanır. Herhangi bir içerik ile sınırsız slaytlar destekler. Everslider touchswipe, tekerleğinizi ve klavye etkileşimleri tanır ve mobil browsers.Features kadar IE7 ile başlayan tarayıcılar geniş yelpazesi çalışır: - dost Tamamen duyarlı ve mobil - Retina hazır kontroller (PSD dahil) - jQuery yedek ile Donanım CSS3 geçişleri - Eserler IE7 + ve Android ve iPhone üzerinde - Klavye ve fare tekerlek desteği - Sürükle ve touchswipe desteği alma

Demo

Carousel, CSS2 / CSS3.0, Plugins, Premium

Devamı

ConveyorBelt: jQuery Ayarlanabilir Slayt Carousel

ConveyorBelt: jQuery Ayarlanabilir Slayt Carousel

Konveyör-Bant, basit ama iyi ayarlanabilir slayt atlıkarınca jQuery eklentisi.

Demo

Carousel

Devamı

JavaScript ve CSS3 Royal 3D Carousel

JavaScript ve CSS3 Royal 3D Carousel

Bir benzersiz ve orijinal düzeni ile bir medya veya HTML içeriği görüntülemek için izin verir tamamen duyarlı 3D atlıkarınca. / Duyarlı sabit ve sıvı genişliği: Onların visitors.Features üzerinde büyük bir etki elde etmek isteyen herkes için, sunumlar için mükemmel. Birden fazla kategoride ve her kategori için görüntülerin ve HTML content.Support desteği kendi vimeo görüntü ile biz kodlanmış thumbnails.Original medya lightbox seti, youtube veya iframe desteği bulunuyor olabilir.

Demo

Carousel, Core Java Script, Popup Window, Premium, Responsive

Devamı

jQuery Logolar Vitrin Pro - Grid - Carousel - Perspektif

jQuery Logolar Vitrin Pro - Grid - Carousel - Perspektif

Izgara, Carousel (tek tek), Carousel (Grup) ve Perspektif: Logos Showcase Pro 4 sürümlerini içerir. Siyah & Beyaz: son 3 versiyonları 2. derileri var. Logolar, müşteriler, iş ortakları, sponsorlar, markalar, portföy ürün ... Eğer adı it.Features: - duyarlı behaviourtooltip devre dışı bırakmak için kullanılabilir parametre - kullanılabilir parametre etkinleştirmek / devre dışı bırakmak mobileresponsive tasarımı için dokunmatik ekran navigasyon desteği Bu web sitenizde kolayca görüntülemenize olanak sağlar tooltip.border - grayscale.auto-play devre dışı bırakmak / etkinleştirmek için kullanılabilir parametre - - Eğer sınır boyutunu ve aktif ve inaktif image.grayscale için sınır rengini ayarlayabilir veya otomatik kaydırma kadar (saniye) zamanı belirleyebilirsiniz alacak yer. Eğer eklenti 0 ayarlarsanız her imagetarget parametre için otomatik değil play.external url bağlantı parametre olacaktır: _blank veya plugin.you özelleştirebilirsiniz yerden _selfmultiple js seçenekleri aynı deri ile aynı sayfada birden çok örneği eklemek veya kullanarak yapabilirsiniz Farklı cilt.

Demo

Carousel, Plugins, Premium, Responsive

Devamı

Checkboxes.js: jQuery Kutularını güç vermek için

Checkboxes.js: jQuery Kutularını güç vermek için

Checkboxes.js size checkboxes.Features üzerinde güzel güçler verecek bir jQuery eklentisi: contextUncheck tüm onay kutularını kontrol contextEnable aralığındaki tüm onay kutularını contextToggle devletlerin tüm onay kutularını selectionLimit Twitter Bootstrap gibi contextData API başına kontrol onay kutusunu sayısı


Demo

Forms, Plugins

Devamı

jQuery - Ultimate Fancy Formu

jQuery - Ultimate Fancy Formu

Sizin formları fantezi hak ve impression.Features oluşturun: 10 Ana concepts6 Premade önyükleme templates6 Premade işsiz templates6 Premade Vakfı TemplatesValidationElegant SoundEasy Çoklu SelectStory BoxCSS Geçişler

Demo

Bootstrap, CSS2 / CSS3.0, Forms, Plugins, Premium

Devamı

MLKeyboard: Çoklu Dil Seçeneği ile jQuery sanal klavye

MLKeyboard: Çoklu Dil Seçeneği ile jQuery sanal klavye

ML Klavye tüm düzenleri dahil gider flight.By varsayılan eklentisi giriş düzenleri değiştirmek için özelliklere sahip bir jQuery sanal klavye olduğunu, ancak bu eklenti özelleştirmek mümkün ve aynı zamanda yeni düzenleri ilave kolay olabilir gibi sadece bazı düzenleri bıraktı.

Demo

Forms, Plugins

Devamı

PowerRanger: Numara yeniden boyutlandırma jQuery eklentisi

PowerRanger: Numara yeniden boyutlandırma jQuery eklentisi

Sayılar çok uzun zaman görmek zor SIKICI sayı girişlerin characters.Tired süresinin uzunluğuna göre sayı (değişiyordu) girişleri yeniden boyutlandırmak için bir jQuery eklentisi? Kutunun içinde çok küçük sayılar bıktınız mı? POWER [giriş] RANGER ile girişlerine bazı GÜÇ ekle! Max / min numarası girişler, TATLI html5 spec parçası için harika çalışıyor.

Demo

Forms, Plugins

Devamı

jQuery CoolFrom Plugin

jQuery CoolFrom Plugin

styling formu fields.coolForm için jQuery eklentisi, web sitenizin yazı alır. Bunun yanı sıra, özel coolButtons rengi olabilir. Sadece çoğu web sitenize uygun rengi seçin ve ilgili sınıf ekleyin.

Demo

Forms, Plugins

Devamı

Rangeslider.js: HTML5 Range Slider Elemanı için jQuery polyfill

Rangeslider.js: HTML5 Range Slider Elemanı için jQuery polyfill

HTML5 kaymak element.Features için basit, küçük ve hızlı JavaScript / jQuery polyfill: Dokunmatik friendlyRecalculates duyarlı Tasarımlarının ve hızlı içinde kullanılmak için çok uygundur OnResize

Demo

Forms, HTML5

Devamı

Switchery: Lütfen Kutularını için iOS 7 Stil Anahtarları

Switchery: Lütfen Kutularını için iOS 7 Stil Anahtarları

Switchery sadece birkaç basit adımda güzel iOS 7 tarzı anahtarlarına varsayılan HTML onay kutusunun girişlerini açmak yardımcı olur basit bir bileşendir. Onlar mükemmel tasarım maç böylece kolayca, anahtarları özelleştirebilirsiniz.

Demo

Core Java Script, Forms

Devamı