- Backbone.jsとjQuery
- Backbone.jsとjQueryの描画やイベント発生の基本的なサンプルです。 Backbone.jsは、JavaScriptのフレームワークの一つです。 JavaScriptはできることが幅広く、その中でデータのやりとり周りをゼロから構築することはけっこう...
- 2019-06-23 23:21:51
kipure
UIサンプルギャラリー「キプレ」
jQuery
HTML
CSS
JavaScript
PHP
jQuery
HTML5
CSS3
Smarty
Twig
AngularJS
SVG
python
VueJS
GoogleAppsScript
Backbone.js
PWA
Laravel
Blade
React
Node.js
SCSS
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 長押しで発動
2
JS CSV読み込みjQueryで表示
3
JS メーラー起動
4
SVG 三角形のサンプル
5
jQuery iframeを後から読み込み
6
jQuery Cookieで表示回数制限
7
jQueryとCSS カードをクリックでめくる表現
8
jQuery フェードインアウト
9
CSS 湯気の表現
10
JS aタグを使わないリンクいろいろ
11
CSS3 スクロールバーのスタイル
12
CSS 印刷のときに非表示
13
JS ブラウザのURLを書き換える
14
jQuery スクロールでクラス付加、解除
15
CSS3 震える表現
16
jQuery カードをめくる表現
17
jQuery 使ってしまいそうな非推奨のメソッド
18
jQuery メディアクエリと同様の出し分け
19
JS バイブレーション
20
VeuJS JSONの読み込み
11〜20
新着サンプル
- PHP コードの再利用
- PHPの機能の一つtraitのサンプルです。 継承というと小難しいですが、こう見ると別のところに書いたコードを実行してるだけです。 [[//トレイトのサンプル trait demo1{ function do1(){...
- 2019-06-17 21:52:18
- SCSS スタイルの挿入や継承
- SCSSなら何度もCSSで同じ記述しなくてもよいような機能があり、その中で挿入や継承についてのサンプルです。 例えばmain.scssというファイルがあって、以下のような記述があるとします。 挿入 [[ //同階層にある_commonCss.scssを読み込む時 @import 'commonCss';...
- 2019-06-16 20:45:32
- PHP クラスの継承
- クラスの継承を使ったサンプルです。 継承したメソッドから、配列の値を受け渡し、色のついた文字を作るデータを作る例です。 上のcolorClassというクラスのメソッドが配列情報を持っていて、下の...
- 2019-06-13 22:14:55
- PHP ハッシュについて
- PHPでいろんな種類のハッシュ値を表示してみたサンプルです。 ハッシュとは、ある入力値が特定のアルゴリズムの関数によって、別の出力値となる操作や値そのもののことをさします。 以下はPHPでハッシュの種類を配列で取...
- 2019-06-09 17:26:56
- blade レイアウトを組むサンプル
- htmlのページを構成する際、固定したいパーツや可変したいコンテンツがあります。そんなときに使う機能です。 まず、レイアウトの箱となる以下のようなtest-extend.blade.phpを用意します。 [[ @yield('word') @yield('content') @section('add_content') &...
- 2019-06-04 08:31:32
- blade 条件分岐のサンプル
- bladeには条件分岐の機能があるので、それぞれサンプルを実行してみました。 それぞれわかりやすいようにphpのデータを添えています。 [[@php($my_arr = [0 =>'blue',1 =>'yellow',2 =>'red'])]] この配列に対してシンプル...
- 2019-06-04 08:27:38
- JS 時間取得と加工
- JavaScriptではいろんな時間の情報を使えるよう整っています。改めて整理してみました。 まずはどんな時間を扱うことが多いのか。 年月日の形式ではなくて、時差について二つだけ。 協定世界時（UTC） Mon, 20 May 2019 09:33:22 GMT...
- 2019-05-23 08:23:14
- NodeJS 画像をHTMLで表示する
- NodeJSを使って、HTMLを読み込み、画像を表示するサンプルです。 JSをサーバサイドで実行することで、そのJSが置いてある配下のディレクトリから画像を読み込んでくるコードです。 とりあえずapp.jsとか名付けました。 [[...
- 2019-05-15 22:59:02
- NodeJS サーバー起動してHello world
- Node.jsでサーバーを起動するサンプルです。 ローカル環境にNode.jsをインストールするとJSを書いてターミナルでJSを実行するだけで簡単にサーバーが起動します。 ローカルにNode.jsをインストールするこ...
- 2019-05-13 22:42:47
Top