JavaScriptで複数行の省略を対応する
今までtext-overflowで1行の文章に省略する方法やline-clampで複数行の文章に省略する方法を試しました...
JavaScriptの記事一覧
JavaScriptで一定期間だけnewアイコンを表示する
一定期間だけnewアイコンを表示したいということがたまにあるので、JavaScriptでの実装方法をメモ。...
JavaScriptで自動再生のvideoを埋め込む時の注意点
自動再生するvideoをJavaScriptで埋め込む機会があったのですが、iOS系の端末だけ再生されないということがあ...
モーダルの処理を自作する
汎用的に流用できるような、簡易なモーダルを作成してみます。...
タブの処理を自作する
タブを作成する機会が度々あるので、汎用的に使いまわせるようなタブの処理を作成してみます。...
Moment.jsを使ってみる
日付を簡単に扱えるJavascriptのライブラリ「Moment.js」を使ってみます。...
特定のスクロール範囲で要素を固定配置する
jQueryを使って特定のスクロール範囲のみ要素を固定配置するサンプルを実装してみます。...
jQuery UIで必要な機能のみ読み込むようにカスタマイズする
jQuery UIを使う機会があったのですが、ダウンロードする際必要な機能のみにカスタマイズできるようだったので試してみ...
target=”_blank”を使用する際の注意点
target=”_blank”やwindow.open()など、リンクを別タブで開く際の注意事項...
HTMLに直接記述したYouTubeのiframeをJavaScriptで操作する
HTMLにiframeで直接埋め込んだYouTubeをJavaScriptで操作したいということがあったので、実装方法を...
Google Maps APIでマーカーのサイズを変更する
Google Maps APIでマーカーを独自画像で設置した際、マップの倍率によってピンのサイズを変更したいということが...
画像を順々に切り替える処理を実装する
画像を複数重ねて配置して、一定時間ごとに切り替える処理を実装する機会がたまにあるので、実装方法をメモ。...
data属性の名前に使える文字列
data属性を設定する際、名前に使える文字列について調べてみました。...
Vimeoで背景動画を実装する
Vimeoで背景動画を実装できるかどうかを調べる機会があったのでメモ。...
西暦を和暦に変換する
令和になったタイミングということで、JavaScriptで西暦の年月日を和暦に変換する実装をしてみました。...
Marker Clustererを使ってみる
Google Mapsで複数のマーカーを立てた際、近いマーカーをまとめて表示できるMarker Clustererを使っ...
tableの幅を変更できるプラグイン「jQuery Resizable Columns」を使ってみる
tableの列の幅をドラッグで変更させたいことがあったので、jQueryプラグインの「jQuery Resizable ...
Google Maps APIで特定の範囲をマップ内に収める
Google Maps APIで指定した複数のマーカーをマップ内に収める方法を調べたのでメモしておきます。...
jQueryで実装したキーワード検索にページ送りを追加する
以前jQueryを使ってキーワード検索の機能とページ送りの機能を実装しましたが、今回はその2つを組み合わせてみます。...
jQueryでページ送りを実装する
jsonなどの情報を使って一覧表示をした際に、ページを分割してページャーで切り替えられるようにする処理をjQueryで実...