- AI OpenAIのChatGPTを使ってみた
- OpenAIを使ってみた。そして、ChatGPTのAPIをトライアルで利用し、CSSで整形してみました。 OpenAIのアカウントを作って、ChatGPTを使ってみました。 Image: Open AI そうするとこんな感じでAIとチャットができます。 Image: Open AI...
- 2023-04-10 22:45:13
UIサンプルギャラリー「キプレ」
jQuery
close
MENU
用途
新着
履歴
分類
★
人気のあるUIサンプル
1
jQuery 使ってしまいそうな非推奨のメソッド
2
CSS 左右に行き来するアニメーション
3
SVG 三角形のサンプル
4
JS メーラー起動
5
NodeJS 画像をHTMLで表示する
6
CSS tableを使わないgridの表
7
SVG 矢印のサンプル
8
HTML5 ダウンロードボタン
9
HTML Base64エンコードで画像を表示
10
SVG 円のサンプル
11
JS aタグを使わないリンクいろいろ
12
JS 通信速度の検知
13
CSS 湯気の表現
14
jQueryとCSS カードをクリックでめくる表現
15
JS 波のアニメーション
16
jQuery iframeを後から読み込み
17
CSS アニメーション付きモーダル作成
18
JS ブラウザでQRコード読み込み
19
SVG 四角形のサンプル
20
JavaScript 文字省略 clamp.js
11〜20
更新されたサンプル
-
AI OpenAIのChatGPTを使ってみた投稿：2023-04-10
更新：2023-04-10![]()
-
JS 配列要素の読み込みと表示投稿：2023-01-15
更新：2023-02-14![]()
-
laravel よく使うコマンド投稿：2023-01-28
更新：2023-01-28![]()
-
JS Ajaxをプレーンで実装投稿：2023-01-06
更新：2023-01-15![]()
新着サンプル
- laravel よく使うコマンド
- Laravelの開発で自分がよく使うコマンドを記載していきます。 Laravlバージョンの確認 [[php artisan -V ]] configは以下の設定を変更したときのキャッシュクリア [[php artisan config:cache]]
- 2023-01-28 04:02:20
- JS 配列要素の読み込みと表示
- プレーンJavaScriptでJSONを非同期通信（AJAX）で読み込み表示するサンプルです。 jQueryなどのライブラリを使うともっと記述は減らせますが、あえて使いたくないときは以下のように書きます。 XMLHttpRequestはJSONも対応しているため、JS...
- 2023-01-15 17:46:25
- JS Ajaxをプレーンで実装
- プラグインを使わずにプレーンのJavaScriptで非同期通信Ajaxを実装するサンプルです。 XMLHttpRequestの関数を利用します。 XMLとありますが、JSONを使うケースが多いためJSONの例を掲載します。 [[ const xhr = new XMLHttpRequest();...
- 2023-01-06 00:12:08
- JS タブボタンで要素切り替え
- プレーンJSでタブの表現を実装するサンプルです。 jQueryなどを使わずにボタンを押すと、コンテンツを入れ替える表現を実装しました。 一つ目の要素がデフォルトで表示されます。 ボタン1...
- 2023-01-04 00:15:20
- laravel JS,CSSをまとめる
- laravel-mixを利用して、複数のJSやCSSをそれぞれ一つにまとめるサンプル。 laravelをインストールするとpackage.jsonにあれば、laravel-mixもインストールされる。 repository直下にあるwebpack.mix.jsを開く。 CSSを束ねたい場...
- 2022-11-11 06:41:01
- CSS スタイルの非同期の外部参照
- 重要なCSSと、後から読み込んでもよいCSSを分けて実装するサンプルです。 昨今、表示の速さは検索エンジンが細かく評価するようになりました。 ページを表示する際に必要なスタイルだけ読み込み、重要でないスタイルは後で読み込むよ...
- 2022-11-06 10:07:47
- SVG カンマのサンプル
- カンマ（コンマ）マークをSVGで描くサンプルです。 引用するときのマークやちょっとした用途で大きなカンマを使うときのSVGを用意しました。 ３つの大きさがあるので、調整してお使いください。 大きなカン...
- 2022-09-18 16:43:48
- HTML 文章の引用
- 文章を引用するときのサンプルです。 別のサイトや本など、制作物から引用するときのコードとスタイルのサンプルです。 引用マークはCSSなどで文字を追加するのではなく、SVGで記述しています。...
- 2022-09-18 09:52:27
- HTML 文字を小さくする
- 文字を小さくしたいときのコーディングの記述のサンプルです。 デフォルトの文字が少し大きい時、いろいろな方法で文字を小さくできます。 普通のサイズの文字 [[<p>普通のサイズの文字</p>]] こ...
- 2022-09-15 16:23:08
Top