- NodeJS 画像をHTMLで表示する
- NodeJSを使って、HTMLを読み込み、画像を表示するサンプルです。 JSをサーバサイドで実行することで、そのJSが置いてある配下のディレクトリから画像を読み込んでくるコードです。 とりあえずapp.jsとか名付けました。 [[...
- 2019-05-15 22:59:02
kipure
UIサンプルギャラリー「キプレ」
jQuery
HTML
CSS
JavaScript
PHP
jQuery
HTML5
CSS3
Smarty
Twig
AngularJS
SVG
python
VueJS
GoogleAppsScript
PWA
Laravel
Blade
React
Node.js
MENU
定番
新着
履歴
- グラフいろいろ [4]
- 図形いろいろ [11]
- スワイプ [2]
- スクロール [11]
- タブ切り替え [3]
- オーバーレイ [2]
- ブラウザ制御系 [6]
- スマホならでは [9]
- HTML 【基本編】 [2]
- CSS【基本編】 [11]
- JavaScript【基本編】 [4]
- jQuery【基本編】 [10]
- jQuery プラグイン [4]
- Apple関連 [2]
- ajax 非同期通信 [2]
- コピー [2]
- 画像 [7]
- 印刷 [1]
- jQuery ハマりがち [4]
- リンク [1]
- ローカルストレージ [1]
- 文字が多い時 [2]
- ティッカー [1]
- フォント [1]
- モーダルウィンドウ [1]
- ウェブ広告関連 [3]
- Google関連 [2]
- 文字を目立たせたい [1]
- 動画 [1]
- SQL [1]
- htaccess [2]
- unix [2]
- 時間的な制御 [1]
- 特集タイトル [1]
- jQuery ABテストツールを作ろう [1]
- グラフいろいろ [4]
- 図形いろいろ [11]
- スワイプ [2]
- スクロール [11]
- タブ切り替え [3]
- オーバーレイ [2]
- ブラウザ制御系 [6]
- スマホならでは [9]
- HTML 【基本編】 [2]
- CSS【基本編】 [11]
- JavaScript【基本編】 [4]
- jQuery【基本編】 [10]
- jQuery プラグイン [4]
- Apple関連 [2]
- ajax 非同期通信 [2]
- コピー [2]
- 画像 [7]
- 印刷 [1]
- jQuery ハマりがち [4]
- リンク [1]
- ローカルストレージ [1]
- 文字が多い時 [2]
- ティッカー [1]
- フォント [1]
- モーダルウィンドウ [1]
- ウェブ広告関連 [3]
- Google関連 [2]
- 文字を目立たせたい [1]
- 動画 [1]
- SQL [1]
- htaccess [2]
- unix [2]
- 時間的な制御 [1]
- 特集タイトル [1]
- jQuery ABテストツールを作ろう [1]
人気のあるUIサンプル
1
jQuery Cookieで表示回数制限
2
jQuery 長押しで発動
3
JS CSV読み込みjQueryで表示
4
SVG 三角形のサンプル
5
jQuery iframeを後から読み込み
6
CSS 印刷のときに非表示
7
jQueryとCSS カードをクリックでめくる表現
8
CSS3 スクロールバーのスタイル
9
JS ブラウザのURLを書き換える
10
jQuery カードをめくる表現
11
JS メーラー起動
12
jQuery スクロールでクラス付加、解除
13
jQuery フェードインアウト
14
CSS 湯気の表現
15
JS aタグを使わないリンクいろいろ
16
jQuery 消去法のUI
17
VeuJS JSONの読み込み
18
jQuery 使ってしまいそうな非推奨のメソッド
19
jQuery メディアクエリと同様の出し分け
20
SVG 矢印のサンプル
11〜20
新着サンプル
- NodeJS サーバー起動してHello world
- Node.jsでサーバーを起動するサンプルです。 ローカル環境にNode.jsをインストールするとJSを書いてターミナルでJSを実行するだけで簡単にサーバーが起動します。 ローカルにNode.jsをインストールするこ...
- 2019-05-13 22:42:47
- blade ループのサンプル
- phpのlaravelのテンプレートエンジンbladeの基本記述のサンプルです。 --例えば$data['items']という配列に対してループの処理を書くときの例です。 [[ @foreach ($data['items'] as $key => $item ) {{ $item->nam...
- 2019-05-12 23:26:45
- JS ESモジュールを使ったDOM操作
- ES Modulesの仕様で書いたクラスを付けするだけのシンプルなサンプルです。 2017年からES6 Modules、ES Modules、またはESMと呼ばれるJavaScriptを外部参照する際の新しい仕様が広まってきました。 まだ筆者も勉強中ですが、簡単に説明...
- 2019-05-04 08:17:40
- Laravel 導入してみました
- 当サイトのPHPを最新にアップデート、それに合わせてPHPフレームワークのLaravel（ララベル）にサイトをリファクタリング（機能はそのまま仕組みを変更）しました。 当サイトでは、PHPを7.3に変更することで、DBの接続が早まり、表示速度が改善されました。 また、それに伴い、PHPフレームワークLaravelを採用し、カオスに...
- 2019-04-24 23:47:22
- jQuery スクロールでURLを書き換える
- URLを書き換えるJSを、スクロールで移動したコンテンツの位置をトリガーに発動させるサンプルです。 記事などのコンテンツで、スクロールして下まで読み切ると、次の記事が表示されるサイトがあります。 今時は通信速度が速く、ついついたくさん読ませるための...
- 2019-03-26 19:03:32
- VueJS タブ切り替え
- クリックしてコンテンツが切り替わる表現のサンプルです。 タブの表現はよく見かけるので、VueJSでもサンプルを実装してみました。 デフォルトは一番左のコンテンツが表示され、タブをクリックすると、コンテンツが入...
- 2019-03-24 20:07:46
- VueJS クッキーの操作
- Vue.jsを使ったソースでクッキーの操作を実装しました。 フォームで入力した値をクッキーに書き込みます。 その後、ページロードでも読み込みますが、読み込みボタン、削除ボタンを実装しました。...
- 2019-03-24 00:02:14
- PWA ホーム画面に追加するボタン
- プログレッシブウェブアプリケーションが徐々にブラウザでサポートされ始めました。その機能を使ってアプリのようにホーム画面に追加することができるようになったので、実装してみました。 2018年2月頃からGoogle Chromeのアップデートの中でウェブサイトがアプリライクな機能を実装できるようになるPWAといういろんな機能が徐々にサポートされてきま...
- 2019-03-17 14:27:31
- jQuery 自動ドア風アニメーション
- 画像や文字などを隠しておいて、クリックで表示させるサンプルです。 まずは、シンプルに表示させるパターンです。 toggle fadeToggle slideToggle トグルは表示、非表示。フェードは徐々に透明度で変化。ス...
- 2019-03-10 23:26:06
Top