What's New in jQuery 3 - Telerik Blogs
It's been ten years since jQuery started rocking the web and it has stuck around for very good reasons. jQuery offers its users an easy-to-use interface to interact with the DOM, perform Ajax requests, create animations, and much more. In addition, unlike the DOM API, jQuery implements the composite pattern. Because of that, you can call jQuery methods on a jQuery collection regardless of the amou
What is the fastest method for selecting descendant elements in jQuery?
As far is I know, there are a number of ways of selecting child elements in jQuery. //Store parent in a variable var $parent = $("#parent"); Method 1 (by using a scope) $(".child", $parent).show(); Method 2 (the find() method) $parent.find(".child").show(); Method 3 (For immediate children only) $parent.children(".child").show(); Method 4 (via CSS selector) - suggested by @spinon $("#parent > .chi
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
ColorBox - ポップアップ内を自由に設定できる活かしたjQuery
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
JavaScript Slideshow - HTML Buttons, Change on Hover - Agile Development
Slideshow: Flavor 2 Horizontal "Content Buttons" Triggered on Mouseover Numbered Buttons Play/Pause Button Prev & Next Buttons Fading Transition Code Sample <link rel="stylesheet" href="agile_carousel.css" type='text/css'> <div class="slideshow" id="flavor_2"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script> <script src="agile_carousel/agile_carousel.a1.js
Responsive Image Gallery with Thumbnail Carousel | Codrops
A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibili
jQuery Content Slider | Responsive jQuery Slider | bxSlider
$(function(){ $('.bxslider').bxSlider({ mode: 'fade', captions: true, slideWidth: 600 }); }); <div class="bxslider"> <div><img src="/assets/coffee1-7325690f507d48962d312be15d9d8929be4a5ff04d184d5ed0a96c1b27940260.jpg" title="Coffee 1" /></div> <div><img src="/assets/coffee2-8bb17517b21cc5b38f3ea7d14cfc4b4c82cc51b99e82bfc3a6d02688ab6c5988.jpg" title="Coffee 2" /></div> <div><img src="/assets/coffee
jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた – bl6.jp
jQueryプラグインで画面のサイズによってレイアウトを合わせてくれるレスポンシブなスライダー「Elastislide」を使ってみました。カルーセルタイプのスライダーなので結構使う機会がありそうな感じです。アイディア次第で色んな用途に応用が効きそうですね。iPhoneでも確認してみたところ、ちゃんとレイアウトも調整されてスライダーも動作しました。ということで以下、使い方です。 [ads_center] Elastislideの使い方 以下のサイトからダウンロードできます。 Elastislide – A Responsive jQuery Carousel Plugin デモもあります。 DEMO 使い方はとても簡単です。まずはダウンロードしたファイルを読み込みます。最初にhead内にCSSファイルを読み込みます。 <link rel="stylesheet" type="text/css
Elastislide - A Responsive jQuery Carousel Plugin | Codrops
Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images. With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery image carousel
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vertical navigation bar must move a bit from top then stay fixed
How to Select / Deselect All Checkboxes using jQuery – Sanwebe
Awesome HTML5 Photo and Video Gallery, Works on Android, iPhone, iPad and All Modern Web Browsers.