[B! jQuery][jquery] cibeaのブックマーク

Remodal

Remodal Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.

cibea 2020/04/13

リンク

modal-video.js - 動画をモーダルウィンドウで表示する jQueryプラグインをリリースしました | JavaScript | ブログ | 名古屋のCMS構築・Web制作会社アップルップル

modal-video.js は、弊社が2017年2月にリリースしたビデオコンテンツ再生用のJavaScriptライブラリです。このライブラリは、コンテンツ内に設置された YouTube、Vimeo、mp4 などをモーダルウィンドウを開き、より大きく動画を再生できるようにするために作られました。誰でも自由に利用いただけるように MIT license で GitHub で公開しています。

cibea 2018/12/20

リンク

モバイル対応も万全のLightbox 『fancyBox3』の使い方とオプション | uzurea.net

Lightboxなどに代表される、画像やビデオをページを推移せずにオーバーレイ表示させる機能は、昨今のwebサイトでは必須の技術と言っても良いでしょう。現在、jQueryプラグインとしてさまざまなオーバーレイプログラムが提供されていますが、中でも設定の簡単さとオプションの充実度、そしてスマートフォンにもレスポンシブも万全さという面でお勧めしたいのが今回解説する『fancyBox3』です。その名の通り以前から公開されているfancyBoxシリーズの3世代目となる同プラグイン。その設置手順を動作デモ付きで解説していきます。『fancyBox3』の主な機能と特徴まずはfancyBox3の主な機能と特徴をピックアップしてみましょう。モバイルファースト設置、設定が簡単分かりやすくて便利なUIYouTubeやVimeoやGoogleマップ、Instagramなどの対応画像はもちろん、inl

cibea 2018/05/05

リンク

jQuery から Vue.js へのステップアップ - Qiita

はじめに最近耳にする Vue.js（ビュージェイエス）ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判）もともと「jQuery から Vue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UI を連携させるよ

cibea 2017/10/18

リンク

jQuery Uncaught Error: Syntax error, unrecognized expression エラー｜レンタルサーバーナレッジ

jQueryでとあるバージョンだと動作するセレクタが、とあるバージョンだとエラーにとなり、下記のエラーが出力されることがあります。筆者の環境ですと、jQuery1.11.xではエラーは出ませんが、1.12.xですとエラーになります。「Uncaught Error: Syntax error, unrecognized expression」が出た場合に解除する方法をご紹介します。エラー解除方法当エラーはjQueryの仕様が変わり、下記コードなどでエラーが出力されます。 $('a[href^=#]').click(function() { // # 付きのリンクがクリックされたときの処理 }); このセレクタは「aリンクのhref属性が、#から始まっていたら」という内容です。 e.g) <a href="#target">サイト内リンク</a> その他にも inputタグのtype属