- JS ページ内スムーズリンク
- jQueryを使わずにページ内リンク（アンカーリンク）で滑らかに移動するリンクのサンプルです。 「href="#link"」のようなページ内リンクを無効にし、クリックするとスムーズなスクロールで移動するaタグをJSで実装しました。 jQueryなしで実装しています...
- 2022-06-26 14:25:25
UIサンプルギャラリー「キプレ」
jQuery
close
MENU
用途
新着
履歴
分類
★
人気のあるUIサンプル
1
SVG 円の輪郭のアニメーション
2
CSS 左右に行き来するアニメーション
3
JS スマホを振って音を出す
4
SVG 円のサンプル
5
HTML5 ダウンロードボタン
6
jQuery 使ってしまいそうな非推奨のメソッド
7
JS メーラー起動
8
SVG 三角形のサンプル
9
laravel 配列のログ出力
10
NodeJS 画像をHTMLで表示する
11
CSS tableを使わないgridの表
12
SVG 矢印のサンプル
13
CSS 湯気の表現
14
JS 通信速度の検知
15
JS aタグを使わないリンクいろいろ
16
CSS インプットスライダーの加工
17
SVG 文字の輪郭のアニメーション
18
PHP CSVを読み込み先頭行の項目で連想配列
19
HTML Base64エンコードで画像を表示
20
jQuery Cookieで表示回数制限
11〜20
更新されたサンプル
-
CSS スタイルの非同期の外部参照投稿：2022-11-06
更新：2022-11-06![]()
-
SVG カンマのサンプル投稿：2022-09-18
更新：2022-09-18![]()
-
HTML 文章の引用投稿：2022-09-18
更新：2022-09-18![]()
-
HTML 文字を小さくする投稿：2022-09-15
更新：2022-09-18![]()
新着サンプル
- JS フルスクリーンの開始、解除
- ページでブラウザのフルスクリーンモードを実装し、解除するサンプルです。 動画の再生など大画面で見てほしいコンテンツは、全画面表示をしてほしいので、このサンプルはその制御をする時に使います。 ボタンを押して、フルスクリーン...
- 2022-06-19 22:11:22
- jQuery ローカルでリンク集
- ただのリンク集のHTMLですが、JSの配列を読み込むように作られたシンプルに整形したサンプルです。 業務用PCなどでウェブサービスの利用に制限がある時、あるいは自分用のリンクメモだからネットにあげたくないような時、ローカルでリンク集を作ることがよくあり...
- 2022-06-12 22:35:43
- JS HTMLの上書きと挿入
- JavaScriptを使って、HTMLの要素を挿入するサンプルです。 一つの要素を書き換えるパターンと、押すたびに増えるパターンをJSのみで実装します。 ボタンを押すと下部の枠にHTMLの要素が追加されます。 innerHTML...
- 2022-04-01 08:47:41
- JS マウスの位置の取得
- マウスが要素の上に来た時の位置を取得するサンプルです。 マウスオーバーしたときと、クリックされたとき、それぞれのマウスの位置を取得します。 以下の正方形にマウスを合わせてください。 スマホではタップした...
- 2022-04-01 08:46:11
- JS CSSを追加する
- jQueryなどを使わずに、JSのみでCSSを変更する時のサンプルです。 JSでドキュメントのスタイル情報を取得して、JSで新しいCSSを追記します。 下記の四角はサイズだけCSSで記述して描画しています。 width: 200px;height: 1...
- 2022-03-30 07:41:20
- PHP 1を01、01を1に変換
- 1を01に、01を1に変換する関数のサンプルです。 日付や月など数字を使う時に、プログラムの都合上「1」ではなく「01」にしたいときがあります。 また、その逆で「01」を、ユーザー表示するときは、「1」と...
- 2022-03-21 14:24:25
- laravel 指定の文字数で文字列を切る
- 文字列を指定した文字数で切るLaravelのメソッドのサンプルです。 文章のデータを取得して表示するとき、デザイン的に文字が多すぎるときがあります。 Laravelのテンプレートのbladeではサーバサイドで簡単に操作するへルパ（...
- 2022-03-19 07:37:34
- JS 複数の要素のクリック
- ボタンが押された時にイベントを発生させるJavaScriptのみのサンプルです。 idで1箇所のみに実装するケースと、classで複数箇所に実装するケースがあります。 よく見かけるサンプルはidのケースですが、実際サービスに実装するときは...
- 2022-03-18 07:25:03
- JS クリックした位置から波紋がでるボタン
- ボタンをクリックした時に、クリックした部分から波紋が広がる演出をつけたボタンのサンプルです。 以下のボタンをクリックしてください。 クリックした部分から波紋が広がります。 以下にクリック位置が出力されます。 このようなギミックは、複数...
- 2022-03-07 08:20:53
Top