RowGrid.js: düz sıralar Ürünler yerleştirmek için jQuery eklentisi
rowGrid.js satır genişliği kabın genişliğine eşittir, böylece düz rows.RowGrid.js görüntüleri (veya diğer öğeleri) yerleştirmek için jQuery eklentisi düz sıralar halinde öğeleri haklı bir küçük, hafif (gzip'lenmiş ~ 800 bayt) / ana öğe. İlk rowGrid.js başta öğeleri arasındaki marj ayarlar. Bu yeterli rowGrid.js ölçekler aşağı değilse items.The ızgara Google Image Search, flickr, Shutterstock ve Google+ images.FEATURES ızgaralara benzer: kaydırma responisveinfinite
Gallery, Plugins, Responsive
Filo JavaScript kod tek bir satır yazmadan kendi sitenize entegre facebook sitesinden resim gömmek için JavaScript framework jQuery için hafif ve ücretsiz bir eklenti olduğunu.
WordPress için bu kullanımı basit ve duyarlı eklenti ile web sitenizde 500px kolayca fotoğraflarınızı görüntüleyebilir. 500px API (gerekli 500px API anahtar) gücü ile 500px fotoğraf veya 500px fotoğraf akışları bir seçim (popüler fotoğrafların, taze fotoğraflar ...) görüntüleyin. Bir widget ile veya shortcodes generator.Features kullanımı kolay bir ile mesaj / sayfalarında, kenar çubuğunuzda fotoğraflarınızı görüntüleyebilir: Kullanıcı: fotoğraflar, Sık Kolay 500px fotoğraf akışları bir loadMore buttonDisplay çoklu entegrasyonu ile kusur generatorDisplay tüm fotoğraflarınızı kullanmak için resimler, fotoğraflar Arkadaşlar, Arkadaş Listesi, İzleyiciler List500px: Popüler fotoğraflar, Yaklaşan fotoğraflar, Editors 'seçim fotoğraflar, Fresh bugün, Taze dün fotoğraflar, Fresh hafta fotoğraf, yüklenme zaman TagSort fotoğraflar, orijinal tarih, derecelendirme, sık fotograf vb saymak ... ile özel bir CategoryFilter göre filtreleme görsel 500px fotoğraf akışı birden fazla düzenleri ile galeri tagDisplay: görüntüleri ızgara, atlıkarınca veya Sanat ücret arasında sliderCustomize görünümüy: saymak, sütunlar sayı, kenar vb ... Kolay özelleştirilebilir düzeni ile Widget kullanın: daha hızlı sayfa yükleme için görüntüleri ızgara veya sliderUses önbelleğe alma ve görüntü ızgara pahalı 500px API callsMultiple görüntü boyutunu azaltmak: görüntülerin kare veya oto-heightLightbox integrationTwo tipi Kolayca farklı parameterscustomize pickerFully duyarlı bir renk ile düğmeleri (loadMore, filtreler) renk ile aynı post / sayfada captionsCreate birden galeriler
3D dönüşümleri kullanarak bir galeri manzaralı bir tepki Yığma ızgara. Google.This Blueprint Başlarken kılavuzu Chromebook'unuzda görülen galeri dayanarak Chromebook Başlarken kılavuzu için Google tarafından galeride dayalı bir duyarlı ızgara galerisi. Bu Blueprint biz ızgara için masonluğu kullanıyor ve 3D öğeleri gezinmek için dönüştürür. Küçük ekranlar için biz ızgara düzeni ve aynı zamanda galeri görünümü ayarlayabilirsiniz bazı örnek medya sorguları var.
bootFolio CSS3 animasyon ile en hafif (1.59KB) portföy filtreleme jQuery betik. son derece bootstrap için optimize ve use.Features çok kolaydır: portföy filtreleme (1.59KB) Saf CSS3 geçiş için Dünya en hafif script, dönüşümü ve animationPrettyPhoto integrationsVery kolay useHighly için optimize / BootstrapResponsive / sıvı / elastik desteklenen ile
jQuery fallback.Youtube Vimeo video Support.Slide ve Fade Effects.Chrome, Safari, Firefox, Opera ile mobil devices.CSS geçişler için Duyarlı layout.Touch destek: jQuery lightGallery görüntü ve video gallery.Features görüntülemek için hafif bir jQuery lightbox galeri IE7 +, IOS, Android, CSS ve Settings.Lightweight (8KB) üzerinden özelleştirilebilir aynı page.Easily windows phone.Image başlıkları ve descriptions.Multiple sürgü (minified). Küçük support.Separate görüntüleri cep callbacksSmart görüntü önyüklemeden ile uzatılabilir devicesCan için ve kod desktopFont simge desteği Navigasyon optimizationKeyboard
Bir anda yalnızca bir metin girişini gösteren ve çok basit formu arayüzü ince bir geçiş ile bir sonraki girişi ortaya koymaktadır. Konsepti paylaşıyorlar sizinle çok basit formu arayüzü istiyorum PageLanes website.Today altındaki formu dayanmaktadır. Muhtemelen birkaç modern web sitelerinin tek bir giriş görünümü formun bu tür gördüm. Biz PageLanes web sonunda birini gördü ve bu form için gerçekten güzel ve kullanıcı dostu bir kavram olduğunu düşündüm.
Otomatik veya özel responsiveness.Touch özellikli - - dokunmatik tokatlamak ve mobil ekranlar masaüstü fare sürükleme dokunun Akordeon Slider slider.Fully Duyarlı o ile bir akordeon işlevselliğini birleştiren tam duyarlı ve dokunmatik özellikli WordPress eklentisi . Dinamik İçerik - mesaj, galeriler ve Flickr.Automatic Güncellemeler-güncelleştirmenin yük görüntüleri ve içerik doğrudan gelen akordeon Dashboard.Pagination-eklemek istediğiniz gibi ekran space.Smooth animasyonlar endişesi olmadan gibi birçok panel - CSS3 geçişleri ve RequestAnimationFrame kullanır. Retina hazır - her resim için bir retina sürümü belirtin.
Porto - Duyarlı Mega menüsü: saf HTML5/CSS3 menüsüdür. Menü HTML5 yapıya sahiptir ve tüm büyük tarayıcılarda çalışır. Menü düzenleyebilir ve herhangi bir web sitesine entegre etmek kolaydır. CSS HTML ayrıdır ve de yorumladı edilir. Menü benzer iki düzeni ve sekiz renkleri var, her tema diğerleri ile herhangi bir bağlantısı olmadan ayrı ayrı kullanılabilir. Menü sorumlu ve cihazın (bilgisayar monitörü, tablet, cep telefonu ...) ekranına uyarlar. Menü de beş farklı animasyon var.
Yavrusuna bir jQuery tabanlı eklenti yük DOM eklenir bu etki için gerekli kodu olarak gerekli HTML miktarını azaltarak uygulamak için bu tür etkinin kolaylaştırmak için uygulanması kolay, satır bazlı, CSS effects.Attempts için adımları.
jQuery webrating plugin.Features: Ziyaretçi başına tıklama sınırlamak için kendi databaseCSS tabanlı coloringCustomized toop ucu optionCallback fonksiyonlar tıklama & sayfa viewUse kurabiye başına tıklama hoverLimit sayısı ile 0.01Use yıldızlı, kalpleri, gülümsüyor ya da logoIntegrate kadar configurePrecision Kolay
Bir Sticker Effect.It oluşturmanıza olanak sağlayan bir Javascript kütüphanesi hedef gerekli HTML öğelerini oluşturur ve CSS3 kullanarak etiket efekti eklemek.
jQFader unsurları solmaya yapmak için basit bir jQuery eklentisi.
Bugün sizinle küçük bir animasyon kavram paylaşmak istiyorum. Biz Marcus Eckert tarafından bu fantastik prototip app benekli bir etkisi rekreasyon bulunuyor. Fikir, 3 boyutlu bir ızgara öğeyi döndürmek tam ekran haline genişletmek ve bazı içerik ortaya koymaktır. App davranışını taklit etmek bizim girişimi için, iki demo yarattı. İlkinde biz dikey ve yatay ikinci birinde ızgara öğeyi döndürmek.
WPThumbFx, yaşam için makalelerde görüntüleri ve içerik getiren bir WordPress jQuery animasyon eklenti ile web deneyiminizi zenginleştirin. JQuery herhangi bir bilgisi olmadan zahmetsizce benzersiz bir animasyon efektleri oluşturun. Tüm etkileri duyarlı ve cep telefonlarına, tablet ve masaüstü bilgisayarlar gibi tüm cihaz çözünürlüklerde için mükemmel uyum sağlar.
önyükleme-progressbar temel twitter-önyükleme progressbar uzanan bir jQuery eklentisi. Bu önceden var olan css geçişler ile birlikte Javascript ekleyerek ProgressBar animasyon yeteneği sağlar. Ayrıca barda mevcut ilerleme bilgilerini görüntülemek veya geri yoluyla değerini alabilirsiniz.
Seninle CSS anahtar kareler ile gelişmiş görsel animasyonlar oluşturmaya çalışırken ben vardı bir kişisel deneyim paylaşmak istiyorum. Biz adrese gidiyoruz konu aynı anda birkaç HTML öğelerini animasyon ve kare esneklik avantajı alıyor. Bu konuyu açıklamak için, biz dört karelere dayalı basit bir sıvı menü oluşturmak olacaktır. Bunlardan biri tıklayarak bindirmeyi kapanış varsayılan menüsünü gösteren süreci tersine olacak, ilgili içeriği gösteren bir bindirme gösterecektir. Tüm gecikmeler CSS ile doğrudan idare edilecek - burada hiç javascript zaman aşımını ().
MagicWall bir görüntü ızgara oluşturmak için bir jQuery eklentisi belirli bir zaman aralığında çekici animasyonlar kullanarak görüntüleri bir dizi yoluyla bu çevrimleri. Web sitenizin dekoratif bir eleman oluşturmak için bu eklentiyi kullanabilirsiniz, işinizi görüntüleyebilir veya sadece güzel animasyonlu arka plan olarak kullanabilirsiniz. MagicWall eklenti satır ve sütun sayısıyla birlikte bir ızgara içine görüntülerin bir listesini dönüştürür. Kalan görüntüler farklı animasyonlar ve delays.Features ile görünecektir: Duyarlı gridHardware AcceleratedFullwidth layoutFullscreen layoutHighly customizable22 AnimationsSass dosyaları dosya boyutunu includedSmall
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.
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
