display: noneで非表示になっている要素をスライドダウンで表示させたいということがあったので、JavaScriptを使ってスライド表示する実装を試してみました。
HOME > JavaScript
-
スライド表示するアニメーションを実装する
-
WebStorageで配列を使用する
WebStorageで配列やオブジェクトを保存する方法をメモ。
-
autocomplete属性を使ってみる
フォーム入力時に候補を表示して、自動補完させることのできるautocomplete属性を使ってみます。
-
複数のjsonをマージして日付でソートする
複数のブログから記事一覧をjson形式で取得して、マージ後に日付でソートして表示するという実装をする機会があったので、実装方法をメモ。
-
JavaScriptで要素を挿入する
JavaScriptのinsertAdjacentHTML()とinsertAdjacentElement()を使って、DOMツリー内の指定位置への要素の挿入を試してみます。
-
リンクの中にリンクがある場合の実装方法
リンクの中にリンクを入れるようなデザインをたまに見かけるので、実装方法を考えてみました。
-
JavaScriptで複数行の省略を対応する
今までtext-overflowで1行の文章に省略する方法やline-clampで複数行の文章に省略する方法を試しましたが、今回はJavaScriptで指定した行数に省略する方法を実装してみました。
-
JavaScriptで一定期間だけnewアイコンを表示する
一定期間だけnewアイコンを表示したいということがたまにあるので、JavaScriptでの実装方法をメモ。
-
JavaScriptで自動再生のvideoを埋め込む時の注意点
自動再生するvideoをJavaScriptで埋め込む機会があったのですが、iOS系の端末だけ再生されないということがあったので、その際の対応方法をメモしておきます。
-
モーダルの処理を自作する
汎用的に流用できるような、簡易なモーダルを作成してみます。