WEB制作

HTMLのVIDEOタグをJSで実行するときに気になるON属性一覧

2076文字 52view

【目次】VIDEOタグのONイベントハンドラ属性サンプル動画を読み込んだ・通常再生場合の優先順位初期読み込みvideo.play()後5秒ぐらいごとにonprogress/onsuspendでデータを読み込む再生時間毎( […]

JQUERY TIPS

swiper.jsのthumbnail送りをデモ以外の方法で実現する

1690文字 608view
ざっくり言うと…

navigationを拡張する
renderbulletで定義されている
thumbnail配列をindex順に呼び出せばOK

JQUERY TIPS

[JS]selectboxを拡張して検索機能を追加する「chosen」使い方

329文字 94view

selectでopsitonが多く長くなると、探す手間がだいぶかかりUXが悪いです。jqueryプラグインの「chosen」を利用して簡単に検索窓を追加しましょう。 【目次】DEMODEMO

JQUERY TIPS

[JS]目次を自動でリスト化しページ内を移動しよう。

365文字 85view

記事中のH2/H3を本文から取得して目次を作ります。 同時に本文中にPHPでIDを自動挿入することで、長いページでもアンカー用URLが作りやすくなります。 さらにウィンドウTOPがどの目次項目範囲内なのかをスクロール中に […]

JQUERY TIPS

[JS]追いかける固定されたFollow Menuの作り方

411文字 78view

エリアを追いかけるためには、そのエリアの高さが取得できることが必要です。floatやabsoluteは高さが0なので出来るならgirdを利用してください。 【目次】詳細 詳細 こうゆうメニューを利用する場合、大抵2カラム […]

JQUERY TIPS

[WP]表示速度をUP!Noプラグインで画像の後読み

718文字 64view

data-*属性とJSを利用して、画像を後読み(lazyload)します。更にimg srcsetを利用してRetina対応をしましょう。Retina画像はプラグインを利用して画像アップロード時に自動で対応サイズを生成さ […]

JQUERY TIPS

[JS]jQueryで追加した要素にイベントを追加

134文字 74view
WEB制作

使ったことのあるJQuery・JSプラグインまとめ

2962文字 242view

いままで実装やテストしたJS類です。 名前 説明 URL カテゴリ ◎ jquery-justify-js 表組みに最適な均等割り付け。letter-spacingを自動調整してくれる。<国産> URL テキスト SLA […]