タグ

jsと jQueryに関するshiottyのブックマーク (3)

  • 私がよく使っているjQueryプラグインまとめ(スライダー、モーダルウィンドウなど)

    こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。(たまにjQueryが必須でないものもあります。) ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプルで綺麗だし、マークアップも簡単。テキストもOK。お気に入りのプラグインです。 Owl Carousel bxSlider 個人・商用利用可能。シンプルなスライダープラグインです。レスポンシブで動作し、カスタマイズもしやすく重宝します。 jQuery Content Slider | Responsive jQuery Slider | bxSlider Glide.js デモページがカッコイイス

    私がよく使っているjQueryプラグインまとめ(スライダー、モーダルウィンドウなど)
  • 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 に書いてます。 これらの技術

    Node.jsとHTML5で初音ミクのオンラインかるたゲーム「ミクミクかるた」を作ってみた - Qiita
  • ランディングページで効果的な動きを演出する jQueryエフェクト7つ+1|MarTechLab(マーテックラボ)

    ランディングページに「ちょっとした動き」をつけたほうがいいんじゃないか・・・そう思ったことはありませんか。 まずは下記の事例をご覧ください。 これは弊社ランディングページ「最強LPO」で、「成功事例紹介」に動きをつけた箇所をヒートマップ解析ツール「クリックテール」で観測したものです。ご覧のとおり、動きがある箇所はそうでない箇所よりも明らかに注目度が高くなっていることがお分かりになるかと思います。 このように、JavaScriptで動きをつけることで伝えたい情報の注目度を高めて確実に伝える、あるいは雑多な情報を整理してスッキリと表現することができるため、構成作成の段階で一度は検討したいところです。 今回は、弊社のランディングページで採用している「ちょっとした動き」のうち、他のランディングページでも頻繁に使用されているものを7つ取り上げ、それを制御している jQueryとそのカスタマイズ方法を

    ランディングページで効果的な動きを演出する jQueryエフェクト7つ+1|MarTechLab(マーテックラボ)
  • 1