- HTML 文章の引用
- 文章を引用するときのサンプルです。 別のサイトや本など、制作物から引用するときのコードとスタイルのサンプルです。 引用マークはCSSなどで文字を追加するのではなく、SVGで記述しています。...
- 2022-09-18 09:52:27
UIサンプルギャラリー「キプレ」
jQuery
close
MENU
用途
新着
履歴
分類
★
人気のあるUIサンプル
1
SVG 円の輪郭のアニメーション
2
CSS 左右に行き来するアニメーション
3
JS スマホを振って音を出す
4
SVG 円のサンプル
5
HTML5 ダウンロードボタン
6
jQuery 使ってしまいそうな非推奨のメソッド
7
JS メーラー起動
8
SVG 三角形のサンプル
9
laravel 配列のログ出力
10
CSS tableを使わないgridの表
11
NodeJS 画像をHTMLで表示する
12
SVG 矢印のサンプル
13
CSS 湯気の表現
14
JS 通信速度の検知
15
CSS インプットスライダーの加工
16
JS aタグを使わないリンクいろいろ
17
SVG 文字の輪郭のアニメーション
18
PHP CSVを読み込み先頭行の項目で連想配列
19
HTML Base64エンコードで画像を表示
20
jQuery Cookieで表示回数制限
11〜20
更新されたサンプル
-
laravel よく使うコマンド投稿：2023-01-28
更新：2023-01-28![]()
-
JS Ajaxをプレーンで実装投稿：2023-01-06
更新：2023-01-15![]()
-
JS タブボタンで要素切り替え投稿：2023-01-04
更新：2023-01-04![]()
-
laravel JS,CSSをまとめる投稿：2022-11-11
更新：2022-11-11![]()
新着サンプル
- HTML 文字を小さくする
- 文字を小さくしたいときのコーディングの記述のサンプルです。 デフォルトの文字が少し大きい時、いろいろな方法で文字を小さくできます。 普通のサイズの文字 [[<p>普通のサイズの文字</p>]] こ...
- 2022-09-15 16:23:08
- HTML 斜体のいろいろ
- HTMLで斜体を表現するサンプルです。何種類かあります。 斜体といえばiタグと思いきや、他にも同じ斜体のタグがHTMLにはあります。 いわゆる斜体、イタリックで有名なiタグ このタグは区別するときに使います...
- 2022-08-31 22:25:07
- CSS webフォントの読み込み
- CSSでwebフォントを使うことが増えてきたが、フォントデータを読み込む方法は複数ある。 ウェブフォントの外部参照は通信速度の速い今では、よく利用されています。 HTMLのlinkタグで読み込む場合 [[ <link rel="preconnect" href...
- 2022-08-30 22:45:37
- HTML 箇条書き、段落番号
- リスト表示でHTMLで用意されている箇条書きの表現のサンプルのまとめです。 ulのliタグはよく使うものの、大体デザインの都合上スタイルを無効にしてしまいます。 一旦それは置いといて改めてデフォルトの表示を確認するサンプルです。...
- 2022-07-31 11:39:19
- HTML コードや改行をそのまま表示
- コードを表すcodeタグ、改行をそのまま表示するpreタグを使ったサンプルです。 プログラミングコードをサイト上に掲載したい時に、そのまま書くと当然コードとしてブラウザが解釈するので、プログラムが実行されてしまいます。 例えばリン...
- 2022-07-31 11:02:53
- JS JavaScriptが無効の時のタグ
- noscriptタグを使ったサンプルです。 今時JavaScriptの使えないブラウザは見かけませんが、OFFにすることは簡単にできるようなUIになった気がします。 そこで改めてnoscriptタグのサンプルです。...
- 2022-07-30 11:43:10
- HTML ローカルでオンラインの要素と一括接続
- baseタグを使った使ったサンプルです。 ローカル上で作業をする時に、オンラインの要素に相対的にリンクや参照したいことがあります。 そんな時baseタグを使うと一括で指定したドメインのコンテンツ...
- 2022-07-25 10:52:03
- laravel 配列のログ出力
- デバッグの時に配列の内容をログに出力するサンプルです。 LaravelでPHPの配列をサイト上に表示せず、ログに出力する方法の備忘録です。 まずログのメソッドを呼び出し use Illuminate⁄Support⁄Facades⁄Log;...
- 2022-07-24 10:25:02
- GTM リファラでコンテンツを変える
- 特定のURLからランディングしたとき、ページのコンテンツを差し替えるサンプルです。Google Tag Managerを活用しています。 ツイッターからのリンクでこのページに飛ぶと下記のボタンが青くなります。 リファラの値に「https://t.co/」が含まれると検知して、情報を差し替えます。...
- 2022-07-03 18:09:43
Top