[B! jQuery] [2ページ] supermomongaのブックマーク

IDEA * IDEA

ドットインストール代表のライフハックブログ

supermomonga 2014/09/01

jquery

リンク

jQueryのDeferredを用いたモダンなAjax処理の書き方

目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes

supermomonga 2014/06/16

リンク

Velocity.js

Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transf orms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci

supermomonga 2014/04/30

リンク

ドラッグ＆ドロップで画像をUPできるようにするjQueryプラグイン「JQuery File Uploader」:phpspot開発日誌

Daniel.uy - Online Code Demos ドラッグ＆ドロップで画像をUPできるようにするjQueryプラグイン「JQuery File Uploader」。 Bootstrapベースのものや、Bootstrap以外でも使えるっぽいです。もちろん、ドラッグ＆ドロップだけでなくボタンクリックによるファイル選択→UPも可能関連エントリ単体で動くドラッグ＆ドロップ用JSライブラリ「Draggabilly」ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」

supermomonga 2014/04/23

jquery

リンク

http://cutjs.org/

supermomonga 2014/03/03

リンク

入力フォームをユーザーフレンドリーにする便利なJSプラグイン4つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

お疲れ様です、デザイナーのモモコです。私がメンバー写真に使っている(｀・ω・´)クッションが思った以上に縦に細くて個人的にツボった今日この頃です。今回は入力フォームを実装する際に入れておくとちょっと便利になるJavaScriptのプラグインを4つご紹介します。 jQuery Label Better http://www.thepetedesign.com/demos/label_better_demo.html form部品にフォーカスを当てるとplaceholderがふわっと上に移動するプラグイン。全体的に動きのあるWebサイトを作るときには活躍してくれそうです。 formatter.js http://firstopinion.github.io/formatter.js/ 電話番号やクレジットカード番号など、パターンのある数列を1つのform部品内で扱えるようになるプラグイン

supermomonga 2014/02/26

リンク

Zeptoのdataメソッドがスマート過ぎて使えない件 - ちなみに

jQuery('#user').data('user-id') //=> 123e2 Zepto('#user').data('user-id') //=> 12300 1/16 追記なぜそうなっているか書きました：Re: Zeptoのdataメソッドがスマート過ぎて使えない件 - sojourn http://sixeight.hatena blog.com/entry/2014/01/16/224220

supermomonga 2014/01/16

リンク

スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。デザイナーのはるえです。もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。ありがとうございます！！そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu

supermomonga 2013/10/15

リンク

http://daily.d3js.info/?p=296

supermomonga 2013/09/10

リンク

株式会社コアテック | 404 Not Found

お探しのページが見つかりませんでした申し訳ございません。リンクに問題があるか、ページが削除された可能性がございます。

supermomonga 2013/08/29

jQuery

リンク

結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 - Qiita

結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話一年ほど前に JavaScript - jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita [キータ] という記事を書きました。で、一年経って、ふと、「もっと分かりやすくjQuery.Deferredの便利さを説明できるんじゃないか」と思い立ってざざざっと書いてみました。小話と言うにはちょっと長いけど。 -- jQuery.Deferredを使うと嬉しいのは、jQuery.Deferredの仕様を満たす部品同士を簡単に組み合わせることが可能だからです。中には処理を書き下すことができるとかコールバックのネストを防げるのがいいとか言う人もいますが、個人的にこっちのほうがよっぽど重要だと感じます。例えるならレゴブロックです。レゴブロックはあの凸と凹を持ってるブロックを自由に組み合

supermomonga 2013/07/15

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

supermomonga 2013/07/10

リンク

http://dan-silver.github.io/ElementTransitions.js/

elementTransitions.js This repository is a wrapper around the code provided by a codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.

supermomonga 2013/07/08

リンク

jquery小技まとめ３２

作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。エンジニア速報は Twitter の@commteで配信しています。もくじスクロール１．ページ内リンク／フッターまわり／トップに戻る２．パララックススライド３．カルーセル４．レスポンシブなスライダー５．ヌルヌルサクサクなスライドメニュー６．サムネイル付きクロスフェードスライドショー補助７．Google Ana

supermomonga 2013/07/01

jQuery

リンク

Railsでbowerを使ってJSのライブラリを管理する - #詰んでる日記

最近Perlで仕事をしていて、cpanfileが無いプロジェクトで盛大にやらかしたtohaeです、こんにちは。 Perlでやらかした経験を生かし、Rails プロジェクトで使うクライアントサイドのJSもちゃんと管理しようとbowerを使うことにしました。 bower is 何？ bowerってのはtwitterが作ったJSのパッケージマネージャです。最近紹介記事も多いので、詳しくはぐぐってください。簡単に言うとJSをwgetする時代は終わったってことです！！！今回はbowerの紹介ではなく、bowerをRailsで使う場合にはbower-railsを使うといいかもというお話をします。 bower-railsの下準備まずはbowerをnpmで入れます。 $ npm install bower -g 次にGemfileにbower-railsを追加します。現時点ではバージョンを指定しないと

supermomonga 2013/06/20

リンク

スマホで"横から出てくる"メニュー作れるjQueryプラグイン「Sidr」の使い方！かんたんに実装できる上にサクサク動く！

こちらが新テーマの記事ページ。上のバーの右側の水玉アイコンをタップするとメニューが開く仕掛けにしてあります。タップするとこのように右から「にゅっ」とメニューが出てくるように。それほど動きがカクつかないので満足。上の「MENU」というところか「閉じる」をタップすればメニューを閉じる仕様に。また、最初からCSSも付いてくるので文字を入力するだけでそれなりにカッコイイメニューを作ることが可能です。「Sidr」実装方法・使い方 <script src="javascripts/jquery.js"></script> <script src="javascripts/sidr/jquery.sidr.min.js"></script> <link rel="stylesheet" href="javascripts/sidr/stylesheets/jquery.sidr.dark.css"

supermomonga 2013/06/15

jquery

リンク

ポップアップ

HTML Include Script Files <script type='text/javascript' src='jquery.popeasy.js'></script> <script type='text/javascript' src='site.js'></script> Place in body <a class="popeasy" href="#">Click Me <div class="overlay"></div> <div class="modal"> <a href="#" class="closeBtn">Close Me</a>  </div> CSS .overlay{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:

supermomonga 2013/06/06

jquery

リンク

[JS]フォームのselect要素をHTMLの変更無しで、ミニマルに美しく使いやすくするスクリプト -Minimalect

フォームのselect要素をHTMLには手を加えずに、美しいミニマルなデザインを適用し、使いやすさもアップさせるjQueryのプラグインを紹介します。デザインのテーマも用意されており、オリジナルのテーマをスタイルシートベースでつくることもできます。 Minimalect Minimalectの特徴 Minimalectのデモ Minimalectの使い方 Minimalectの特徴 select要素を洗練されたデザインに置き換えます。 optgroupsのサポート。フィルタリングのサポート。キーボードナビゲーション。テーマのサポート。 Minimalectのデモ HTMLの変更は無しで、select要素を美しく、そして使いやすくしたデモがあります。まずは、一つ目。