私がよく使っているjQueryプラグインまとめ（スライダー、モーダルウィンドウなど）
こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。（たまにjQueryが必須でないものもあります。） ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプルで綺麗だし、マークアップも簡単。テキストもOK。お気に入りのプラグインです。 Owl Carousel bxSlider 個人・商用利用可能。シンプルなスライダープラグインです。レスポンシブで動作し、カスタマイズもしやすく重宝します。 jQuery Content Slider | Responsive jQuery Slider | bxSlider Glide.js デモページがカッコイイス
Node.jsとHTML5で初音ミクのオンラインかるたゲーム「ミクミクかるた」を作ってみた - Qiita
初音ミクのオンラインかるたゲーム「ミクミクかるた」をリリースしました。 http://mikumikuplay.com/karuta/ 紹介動画URL 「ミクミクかるた」はブラウザで簡単に遊べるオンラインかるたゲームです。ゲームのルールは簡単で、ボカロ曲が流れたら、歌詞の先頭文字の札をクリックするだけです。「みっくみ～くにし～てあげる♪」と流れたら「み」の札を取ります。かるたの札の読み上げの代わりにボカロ曲が流れるというシステムです。オンライン対戦することも出来ます。 利用技術 クライアント HTML5, JQuery, jquery.vgrid.js, Bootstrap サーバー Node.js(socket.io, express) リバースプロキシ nginx 詳細は、http://mikumikuplay.com/karuta/page_thanks に書いてます。 これらの技術
ランディングページで効果的な動きを演出する jQueryエフェクト７つ＋１｜MarTechLab（マーテックラボ）
ランディングページに「ちょっとした動き」をつけたほうがいいんじゃないか・・・そう思ったことはありませんか。 まずは下記の事例をご覧ください。 これは弊社ランディングページ「最強LPO」で、「成功事例紹介」に動きをつけた箇所をヒートマップ解析ツール「クリックテール」で観測したものです。ご覧のとおり、動きがある箇所はそうでない箇所よりも明らかに注目度が高くなっていることがお分かりになるかと思います。 このように、JavaScriptで動きをつけることで伝えたい情報の注目度を高めて確実に伝える、あるいは雑多な情報を整理してスッキリと表現することができるため、構成作成の段階で一度は検討したいところです。 今回は、弊社のランディングページで採用している「ちょっとした動き」のうち、他のランディングページでも頻繁に使用されているものを７つ取り上げ、それを制御している jQueryとそのカスタマイズ方法を
Google先生が教えてくれるAndroidアプリ品質ガイドラインまとめ - ごく普通の在日
本日は開発者向けのGoogle Developer Relations Japan Blogから、Androidアプリ）スマートフォンおよびタブレット）の品質ガイドラインの記事が投稿されました。 もとの記事は Android Developers App Qualityのサイトから日本語に翻訳されたもののようです。 簡単に項目のみまとめます。 Core App Quality - Android アプリ品質ガイドライン http://googledevjp.blogspot.jp/2013/01/core.html 品質基準 - 視覚的デザインとユーザー インタラクション - 機能 - パフォーマンスと安定性 - Google Play テスト - テスト環境を整える - テスト方法 Tablet App Quality - タブレット向けアプリ品質ガイドライン http://google
【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方
こんばんは、企画の林です。 今回は iPad 専用ウェブアプリ、Sleipnir Start for iPad の開発で学んだ CSS3 でのアニメーション処理についてお話します。 iPhone / iPad 向けのウェブアプリを作ろうと考えている方で jQuery 使いの人に優しい内容です。 ※ Sleipnir Start for iPad が何か分らない方は前回の記事をどうぞ。 iPad 上のブラウザで、ネイティブアプリのように滑らかにのアニメーションさせるためには jQuery.animate() を使ってはいけません。 CSS3 の transform:translate3d を使って GPU 上で処理させる必要があります。 （jQuery.animate() 関数はお話にならないくらいカクカクした動きになってしまいます。） 上下左右どの動きも transform:transla
Mac App Store - Dash
Mac App Store is the simplest way to find and download apps for your Mac.To download Dash from the Mac App Store, you need a Mac with Mac OS X 10.6.6 or later. Learn More. Description Dash is a Documentation Browser and Code Snippet Manager. Always one keyboard shortcut away, Dash helps you store snippets of code, as well as search iOS, Mac, Android, Java, Perl, Ruby, PHP, Python, jQuery and Cocos
uu59のメモ | jQuery.Deferred その1 JSDeferredとの基本的な違い
JSDeferred $.Deferred 長年JSDeferredを愛用してましたが、jQueryにDeferredがついたらしいので記憶を整理して慣れていきます。 おさらい 基本チェイン // JSDeferred Deferred.next(function(){ alert("a"); }).next(function(a){ alert('b'); }).next(function(b){ alert('c'); }); // $.Deferred $.Deferred().done(function(){ alert("a"); }).done(function(a){ alert('b'); }).done(function(b){ alert('c'); }).resolve(); 値のリレー // JSDeferred Deferred.next(function(){
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
