Web tips（ウェブ　チップス）

• Web color（ウェブカラー）
  • Web Color List（ウェブカラーリスト）
  • Color Picker（カラーピッカー）
  • Color Maker（カラーメーカー）
  • ColorChart-RGB（カラーチャート-RGB)
• Microsoft Filter（IE4 マイクロソフト フィルター）
  • alpha オブジェクトの不透明度を調整
  • BlendTrans オブジェクトをブレンドしながら切り替える
  • blur オブジェクトのぶれを調整
  • chroma オブジェクトの特定な色を透過して表示
  • dropShadow オブジェクトのシルエット、影の生成
  • FlipH 水平面に対してオブジェクトの鏡の像を生成
  • FlipV 垂直面に対してオブジェクトの鏡の像を生成
  • glow オブジェクトを燃えるような効果を表示
  • Gray オブジェクトをグレイスケールに表示
  • Invert オブジェクトをネガのように反転
  • light オブジェクトに様々な光を当てる(7種類のメソッド）
  • mask オブジェクトを特定な色でマスクし表示
  • RevealTrans オブジェクトを指定(23種）の変化をしながら切り替える
  • shadow オブジェクトに影を与える
  • wave オブジェクトに波をうったような効果を表示
  • Xray オブジェクトのレントゲン写真のような効果を表示
• FDFでPDFを作成する
  • PerlでPDF文書を作成する〜超簡単、PDF文書を作成する！（FDF Toolkit未使用例）
  • PDFフォーム作成方法編
  • ASPでPDF文書を作成する〜超簡単、PDF文書を作成する（パート２）！（FDF Toolkit使用）
  • PerでPDF文書を作成する２〜超簡単、PDF文書を作成する（パート３）！（FDF Toolkit使用）
  • PerでPDF文書を作成する２続画像編〜超簡単、PDF文書を作成する（パート４）！（FDF Toolkit使用）
  • ASPでPDF文書を作成する２画像続編〜超簡単、PDF文書を作成する（パート５）！（FDF Toolkit使用）
• ASPアプリケーション
  • ASPでWebアプリケーションを自動作成する〜例えば、備品管理システムを作る
• Graph（グラフ）
  • GDGraph-Perl
    • Perl(Active Perl5.8）GDでグラフを作成する
    • Perl5.8、GD、GD::Graph、Jcode.pmのインストール方法
  • JPGraph-PHP
    • PHPで高機能なグラフ生成ライブラリーJpGraphを使ってグラフを描いてみました・・・
  • XML/SWF Charts-FLASH
    • 簡単！HTMLで、XML/SWFライブラリーを用いてフラッシュグラフを作成する−フラッシュグラフ作成１（HTML基本編）
    • 簡単！HTMLで、XML/SWFライブラリーを用いてフラッシュグラフを作成する −フラッシュグラフ作成２（CGI応用動的XML編）
  • amCharts-FLASH, javascript
    • 簡単！HTMLで、amCfartsライブラリーを用いてフラッシュグラフを作成する（旧版-維持管理停止）
    • amCharts v4 javascript版 pie chart編（円グラフ、ドーナッツグラフなど）
  • Chart.js-javascript
    • Javascript Chart.jsを用いてグラフを作成する
    • レスポンシブな javascript Chart.jp でポイントグラフを作る。
  • Highcharts-javascript
    • できる！優れたデザイン性にレスポンシブな Highcharts で円グラフ、ドーナッツグラフを作る。
• アンケートシステム
  • WL-Enqを用いたアンケートシステム（WL-Enq+)
  • WL-Enqを用いたスマホ対応アンケートシステム（WL-Enq+2)、集計結果をグラフで表示（chart.js使用）
    
    
• カラー吹き出しCSSジェネレーター
  • カラー吹き出しCSSジェネレーター（LINE風トークルーム）
  • カラー吹き出しCSSジェネレーター（四角形編）
  • カラー吹き出しCSSジェネレーター（丸形編）
• 入力フォーム（Form）
  • INPUT type="date"のカレンダーアイコン（calendar-picker-indicator）を変更する２つの方法 - FontAwesome Webアイコン、画像アイコンに変更 -
  • FORM SELECTの矢印アイコンを変更する４つの方法 - 1.FontAwesome ttf、2.FontAwesome Webフォント、 3.文字、または 4.pngなど画像 それぞれのアイコンに変更 -
  • FORMチェックボックス-checkboxとラジオボタン-radioを、 好みの色や大きさにカスタマイズする - カラーとサイズのバリエーション
  • PHPで Form select要素の複数選択の値を受け取る方法 - select multiple属性
• その他
  • できる！自作の短縮URLの作り方 - Short URL
  • ランダム文字列作成／パスワード作成（PHP バージョン）
  • ランダム文字列作成／パスワード作成（javascript バージョン）
  • なんでも、文字コード変換ツールは、文字コード（charset）変換（77種類）、エンコードBASE64など5方式、デコード（BASE64など5方式）、ハッシュ（47種類）などを処理できます。
  • メールフォームCLIP-MAILにCaptcha認証（アンチスパム画像認証）をカスタマイズする。（PHP + Ajax）アンチスパム画像の作成には、PHP JpGraphライブラリーを使用。
  • サルワカの「CSSで作る！魅力的な引用デザインのサンプル30（blockquote）」を Google Browse Fonts ２０種の引用符でカスタマイズしてみました - ３０例
    
    

Download（ダウンロード）

• FONT ダウンロード
  • 使えるTrue Type FONT
  • Font Awesome 5 の使い方 - Web絵文字フォントアイコンをttfファイルを使い表示する
  • Font Awesome 5 の使い方 - Web絵文字フォントアイコンをUnicodeを使い表示する
  • Color font（カラーフォント）をWebフォントとして使う 〜 カラーフォント １０選 〜
  • フォント-FontをWebフォントとして使いたい時は、ダウンロードやインストール不要のGoogle Browse Fontsを使おう！
• MIDI ダウンロード
• YouTubeダウンローダー(再掲）
  • YouTube ダウンローダー 1（通常バージョン - Page load 方式）
  • YouTube ダウンローダー 2（HTML貼り付けバージョン）
• YouTubeサムネール画像ダウンローダー(再掲）
  
  

Only YouTube Navi & 動画

• YouTube/Google Video 動画（FLV形式）をダウンロード保存する方法（動画 dl Navi）
• HugFlash使用方法
• やさしい携帯動画変換君入門
• YouTube動画をHTML（BLOGブログ等）に貼り付ける方法（埋め込みタグ使用）
• YouTube動画のサムネイル画像をクリックしてそのページ内でYouTube動画を開く（Videobox）
• Only YouTube検索 - 検索した動画を、その場でダウンロードできる
• Only YouTubeダウンローダー（再掲）
  • YouTube ダウンローダー 1（通常バージョン - Page load 方式）
  • YouTube ダウンローダー 2（HTML貼り付けバージョン）
• Only YouTube埋め込みコード自動作成
• YouTube動画、どんな画質があるか調べる（Video-ID＝z40ixNIFfmMの例）
• YouTub埋め込みプレーヤのコントロール（休止中）
• YouTub動画の詳細データを表示する
• Only YouTube サムネイル画像ダウンロード　サムネイル画像は９種類あります
• スマホ版YouTube検索
• とと姉ちゃん 動画 1話〜26話
• できる！jQueryスライダープラグインFotoramで、動画スライドショーを作る How to customize video on Fotorama - Video slideshows 〜 YouTube, Dailymotion, Vimeo, Pandora.tv, Liveleak, ニコ動 〜
• Bootstrap4 で Youtube動画をレスポンシブに埋め込み表示する
• Bootstrap5 beta版で Youtube動画をレスポンシブに埋め込み表示する
  
  

画像、メディアビューアー ＆ audioプレーヤー

• YouTube、WMP、SWF、MOV、WMVなどのサムネイル画像・文字をクリックして、そのページ内で動画などを開く方法（Mediabox)
• JavaScriptで、HTMLに貼り付けた（埋め込み）YouTube動画をコントロールする方法（API/SWFObject）
• サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示する（Lightbox）
  • Lightbox v2.05 版
  • Lightbox v2.51 2012.4.20 版
  • Lightbox v2.7.1 2014.3.30 版
  • Lightbox v2.8.1 2015.07.09 最新版
  • Lightbox v2.9.0 SNSソーシャルボタン対応 2017.5.25初版
  • Lightbox v2.11.3 で、表示された画像のモーダルウィンドウにSNSソーシャルボタンを設置する on 2020.7.11
• サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示する（Pirobox）
• サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示する（Colorbox）
• 人気のjQuery fancyBox
  • 人気のjQuery fancyBox v2（準備、基本機能、応用機能）
  • 人気のjQuery fancyBox v2 （API、transitions遷移アニメーション）
  • fancyBox2 のモーダルウィンドウにソーシャルボタンを設置する（デモ）
  • 人気のfancyBox3の使い方 How to use fancyBox3 jQuery lightbox script
  • fancyBox3 のモーダルウィンドウにソーシャルボタンを設置する（Demo）
  • はじめてのFancyapps Fancybox v4 入門 (v4 jQuery未使用）
    • Fancybox基本機能編
    • 応用機能編 Carousel - カルーセル 回転木馬無限ナビゲーション
    • 応用機能編 Panzoom - 画像の移動（panning）・縮小/拡大(zooming)
• 音声 Audio Player（オーディオプレーヤー）
  • フラッシュMP3プレーヤーの使用方法 （Flash Player、Webブラウザ未対応のため使用できません）
  • クラシックMIDI　ダウンロード （Flash Player、Webブラウザ未対応のため使用できません）
  • Webで、Windows Media Player、Quick Time Player、Real Playerで、OBJECT/EMBEDタグを使用して音声を再生する方法
  • Flash Playerを使用しないオーディオプレーヤー（工事中）2021.11.4
• 人気のfancyBoxの使い方 How to use fancyBox3 jQuery lightbox script
• ホームページで、画像、YouTube、WMP、SWF、MOV、WMVなどのサムネイル画像・文字を クリックして、
  そのページ内で動画などを開く方法 [Shadowbox] Lightbox for Media 更に、画像も動画も一緒に、スライドショーをしてくれる[Shadowbox]
• Instagram インスタグラム画像ダウンロード保存 インスタグラムの画像ページのURLを入力してインスタグラム画像をダウンロードし保存します
• 画像スライドショー（スライダー）
  • 簡単設置！きれいな画像スライダー／スマホ対応、強力なjQueryギャラリーFotorama（Fotorama）
  • できる！簡単、決定版 垂直アコーディオンスライドショー レスポンシブなモバイルバージョン
  • できる！簡単、決定版 水平アコーディオンスライドショー デスクトップバージョン
  • Javascript 秀逸なQPON高画質写真スライドショー・ストーリーショーの作り方
• はじめての 画像 Zoom and pan jQuery プラグイン 入門
• 再現 牛飼いとアイコンの部屋 アイコン集

ミニ盆栽（Mini bonsai - 小品盆栽）

• 管理 >小品の魅力 >用土 >水やリ−潅水 >施肥 >消毒 >置場 （TOPページ）
• 樹形・植替え >植替え　樹形・植替えの仕方-挿し木苗の仕立て鉢上げ植替え-鑑賞鉢上げ植替え
• 剪定方法・育て方 >樹種別育て方　剪定方法・育て方-
  キンズ・クコ・ムラサキシキブ・ユスラウメ・メギ（ショウビャク）・マユミ・ピラカンサス・ツルウメモドキ
• ふやし方 >さし木 >さし木の管理10ヶ月（挿してから10ヶ月生育状況写真）
• 小品盆栽Webアルバム（盆栽写真集） 　　　
  1. 盆栽 Webアルバム１ 2003年〜2005年
  2. 盆栽 Webアルバム２ 2004年〜2019年
  3. 盆栽 Webアルバム３ 2005晩秋〜2008梅雨
  4. 鉢物 Webアルバム
• 盆栽素材苗木（手持ち） >盆栽素材苗木
  
  

jQuery tips（ジェイクエリー チップス）

• jQuery animate関数（scrollTopプロパティ）を使用してマウスオーバーで、DIVブロックのテキストをスクロールアップ、ダウン（スクロール）する
• jQuery animate関数（heightプロパティ）を使って、DIVブロックの高さを変更しoverflowの隠れているテキストを表示する
• 「jQuery animate関数（scrollTopプロパティ） を使って、 ボタンのマウスオーバーで、DIVブロックのテキストをスクロールアップ、ダウンする」および 「jQuery animate関数（heightプロパティ） を使って、 ボタンのクリックで、DIVブロックの高さを変更しoverflowの隠れているテキストを表示する」の２つの機能を合せてカスタマイズする。
• オリジナルデザインのソーシャルボタンにカウントを設置する方法 - デザインボタン ９サイト - Twitter, Facebook, Google+, Hatena, Pinterest, Feedly, LDR, Pocket, Linkedin
• 公式サイトへ行かずに、簡単に手元でソーシャルボタンをまとめて設置する Lightboxなどのモーダルウィンドウ上にも設置できる 〜公式ボタン、非公式デザインボタンどちらでも１７SNS/RSSサイト！ ３４種類余り〜
• ソーシャルボタンカウント取得PHPの使い方 〜 カウントのない公式ソーシャルボタンにカウントを付ける 〜 Facebook, Google+, Hatena, Pinerest, Feedly, LDR, Pocket, Linkedin, Buffer, Twitter - １０サイト -
• ソーシャルボタン、カウントをボタンの中に付ける 〜 公式ボタン、デザインボタン 〜 Twitter, Facebook, Google+, Hatena, Pinerest, Feedly, LDR, Pocket, Linkedin, Buffer - １０サイト -
• １０サイト、ソーシャルボタンのカウント設置を、５つのパターンから好きな場所に付ける ソーシャルボタンのカウントを、ボタンの右、ボタンの左、ボタンの上、ボタンの下、ボタンの中の５つのパターンから好きな場所に付ける - 公式ボタン、デザインボタン 10サイト - Twitter, Facebook, Google+, Hatena, Pinerest, Feedly, LDR, Pocket, Linkedin, Buffer
• Lineで送るカスタムボタンのリンクウインドウを小窓で表示する
• 自分のページの いいね！ボタン の設置方法
• できる！ブログなどのレス記事に、自作のいいねボタンを動的に設置する。 KENTWEB ASKA BBS のレス記事に自作のいいねボタンといまいちボタンをカスタマイズできる。 〜 CGI + PHP + MySQL + jQuery + Ajax 〜
• できる！自分のページの「いいね！ボタン」を設置する 新バージョン - いいね！ボタン Ver2 投票数のカウントは、データベースMySQLが使用できる。 いいね！ボタンをレス記事などに動的配置できる。〜 PHP + MySQL + jQuery + Ajax 〜
• HTML FORM SELECT OPTION要素の追加、削除およびOPTION要素のtext値の変更方法 （jQuery）
• 平文・プレーンテキスト（plain text）データを暗号化した暗号文・サイファテキスト（ciphertext）を復号する デモ.com 共通鍵暗号方式、100種類以上対応 〜 PHP openssl_encrypt（暗号化）/openssl_decrypt（復号）
• Facebookソーシャルボタン、アクセストークンを使用して 実際の いいね！カウント数 や シェアカウント数 を表示設置する方法 現在、facebook公式のいいねボタンとシェアボタンは共に同じ値のカウント総数が表示される。
• 公式ソーシャルボタンのカウントをカラー吹き出しで表示する ―ソーシャルボタンカウント取得PHPとカラー吹き出しCSSの使い方 〜 カウントのないソーシャルボタンにカラフルなカウントを付ける 〜 Facebook, Hatena, Pinerest, Feedly, Pocket, Buffer, Twitter ７ サイト
• highlight.jsにコピー機能を追加し、<pre><code>タグ内のコードをクリップボードにコーピーする「コピーボタン」 を自動生成する + 行番号を付ける
• Bootstrap5 beta版で Youtube動画をレスポンシブに埋め込み表示する
• Bootstrap4 で Youtube動画をレスポンシブに埋め込み表示する
• 今何歳？満年齢計算書 How Old am I Today? Age Calculator
• IFRAMEの表示データをクリップボードにコピーし、IFRAMEやTEXTAREAにペーストする
• Javascript swf2jsは、Flashコンテンツ（swfファイル）を自動的にHTML5に変換し、タブレットやスマートフォンでそのまま再生できる
  
  

ミニロト、ロト６、ロト７用乱数生成　EXCEL

Profile（プロフィール）

Chat（チャット）

BBS（掲示板）

GAME CENTER（遊びのページ）

• あっち向いてほい あっち向いてホイ！
• ピースパズル ピースパズル
• cru-cru クルクル
• 蛙たたき カエルタタキ
• じゃんけん! じゃんけん
• ルーレット ルーレット
• スロットマシン スロットマシン

懸賞

�@モード（携帯）

1. いまココ検索 - 災害発生時などに、情報登録・検索およびChat
   

Style my coffee - スタイル マイコーヒー

• わが家のコーヒー器具（Coffee utensils） - Style my coffee
• コーヒー豆メーカーネット通販６３ショップ一覧 - Style my coffee
• イタリア エスプレッソ コーヒーブランド１０選・ブレンド４２選 - Style my coffee

お問い合わせ （e-mail）

サイトマップ（本ページ）