[B! jquery] masa_iwasakiのブックマーク

masa_iwasaki id:masa_iwasaki

jqueryに関するmasa_iwasakiのブックマーク (16)

Draggable Without JQuery UI | CSS-Tricks
It doesn’t have all the fancy callbacks and options, but hey, it makes things draggable (and with a specified handle optionally). (function($) { $.fn.drags = function(opt) { opt = $.extend({handle:"",cursor:"move"}, opt); if(opt.handle === "") { var $el = this; } else { var $el = this.find(opt.handle); } return $el.css('cursor', opt.cursor).on("mousedown", function(e) { if(opt.handle === "") { var
masa_iwasaki 2022/09/20
jquery
リンク
JQuery to React: How we rewrote the HelloSign Editor
HelloSign is a Dropbox company that provides a Web-based eSignature solution: If you have a document you want someone to sign, you upload the document file, then show you an editor in which you place all the fields to build the form the recipient will fill out—signatures, dates, initials, etc. You send this prepared form to the recipient. When they’re done signing, everything is reassem bled into a
masa_iwasaki 2020/10/02
react

jquery
リンク
Using React and jQuery Together · Oyster.com Tech Blog
masa_iwasaki 2017/02/16
react

jquery
リンク
5 Things to Know When Migrating Prototype to jQuery
5 Things to Know When Migrating Prototype to jQuery Jan 02 rgraffwork javascript, jquery, prototype 2 Comments I just finished moving 1000+ lines of javascript from Prototype to jQuery. At first it went slow, but after a while it went relatively fast because the code was pretty basic. In the end, there were only 5 things that I needed to “translate”. Prototype adds methods to the internal Javascri
masa_iwasaki 2015/02/24
“Prototype adds the observe method to DOM elements $(element_id).observe("click", function(event){ ... }) jQuery has the bind method. jQuery('#'+element_id).bind("click", function(jQueryEvent){ ... }) …or the shorthand click (and others). jQuery('#'+element_id).click(function(jQueryEvent){ ... }

prototype

jquery
リンク
iScroll 5, smooth scrolling for the web
Are you looking for the smoothest scroll for your web pages? Look no more. iScroll is the best smooth scrolling, high-performance, multi-platform javascript scroller that will add a sleek and modern look to your web pages. Get everything you need to know and understand about the fastest and smoothest scrolling library, iScroll. iScroll is a multi-platform JS library that lets you add scrollbars to
masa_iwasaki 2015/01/20
jquery

iOS

iScroll
リンク
iScroll 5 – Matteo Spinelli's Cubiq.org
iScroll 5 is a faster more mature code than the previous versions. It doesn’t add many new features but it fixes bugs and most notably runs smoother on old devices. Please note that previous releases are not maintained nor supported, so go get the new version! Download Screencast Live Demo GitHub Forum iScroll finally got its very own domain. Full documentation can be found on iscrolljs.com. iScro
masa_iwasaki 2015/01/20
“iScroll is a high performance, small footprint, dependency free, multi-platform javascript scroller.”

jquery
リンク
Image Flip Using jQuery - Webmuch
Alright, first of all this is not a real image flip but sort of an illusion, the image does not flip itself in 3D since jQuery does not provide us with an image rotation or a distort feature for HTML elements. I know their are some image rotation plug-ins out their but they don’t work out very well with animate method of jQuery. View Demo 1 View Demo 2 Download Source Code Preview: Note: Image fli
masa_iwasaki 2014/11/26
flip

jquery
リンク
15 Best JavaScript Animation Libraries for Developers | Code Geekz
masa_iwasaki 2014/10/22
jquery

animation
リンク
Transit - CSS transitions and transformations for jQuery
Upgrading notes Upgrading from an older version? Transit should be mostly backward-compatible. See the change log for notes. Development version You may also download the development version which has spaces and comments preserved. Curious to see how it's made? See the annotated source code!
masa_iwasaki 2014/10/22
jquery

animation
リンク
Spritely.net – Coding Masters
jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds. You can use it on any html web page, and any part of the page can interact with a sprite (clic
masa_iwasaki 2014/10/22
jquery

animation
リンク
gameQuery - a javascript game engine with jQuery
Javascript game engine for jQuery gameQuery is an easy to use jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. If you know how to use jQuery you almost know how to use gameQuery! To learn more go to the documentation page. The project is hosted on GitHub and you can follow it on a twitter page for the daily progress of the development. Some
masa_iwasaki 2014/10/17
jQuery

animation

game
リンク
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。非同期処理を連結
masa_iwasaki 2014/09/25
javascript

jQuery
リンク
jQueryで画像などコンテンツ要素を順番にフェードインさせる方法｜BLACKFLAG
写真のギャラリーページなど、たくさんの画像が一覧となって並べられているページでのページロード時に画像が一枚ずつ順番にフェードインしながら表示される演出技法。一度に全ての画像がフェードインするよりも滑らかな読み込みアニメーションを演出することができます。この画像（コンテンツ要素）が順番にフェードインしながら表示する演出を jQueryを使って簡単シンプルに実装する方法を紹介してみます。まずは動作のサンプルから。下記画面の「リロード」を押してみてください。サンプルを別枠で表示するページの読み込みが終わると一覧画像が左上から順々にフェードインして表示されます。この全体構成について、まずはHTMLから。 ◆HTML <ul> <li><a href="#"><img src="img/photo1.jpg" alt="" /></a></li> <li><a href="#"
masa_iwasaki 2014/09/01
アニメーション

jQuery

フェードイン
リンク
http://designscrazed.net/free-responsive-jquery-image-sliders/
masa_iwasaki 2014/08/31
jQuery

slider
リンク
[JS]普通のかっこいいスライドから、予想の斜め上いく3Dのアニメーションにも対応したコンテンツスライダー -Adaptor | コリス
シンプルなインターフェイスに、スライド時にさまざまなエフェクトが用意されたコンテンツスライダーを実装するjQueryのプラグインを紹介します。下記キャプチャのエフェクトは3Dで、くるっぐい～ん、って感じです。 Adaptor, a jQuery 3D content slider Adaptorのデモ Adaptorの使い方 Adaptorのデモコンテンツスライダーの対応ブラウザは、IE6を含むすべてのモダンブラウザです。 3DのエフェクトはFirefox, Chrome, Safariのみで、他のブラウザで表示した際はフェードのエフェクトになります。スライドのエフェクト Adaptorの使い方実装は3ステップです。 Step1: 外部ファイル「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//code.jquery.com/jqu
masa_iwasaki 2014/08/31
jQuery

slider
リンク
Cycle2
Overview Cycle2 is a versatile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest. Highlights: Supports all browsers Declarative: no scripting needed! Responsive: fully control your slideshow via css (resize this page to se
masa_iwasaki 2014/08/29
jQuery

スライドショー

slider
リンク
1