コニファ：ツール紹介やプログラム集

PostgreSQL＋PHP & JavaScript

• データベース内のテーブル一覧をブラウザで表示　18/03/26 更新
• あるテーブル内のカラム一覧をブラウザで表示　18/03/26 更新
• データベース内のview一覧をブラウザで表示　18/03/26 更新
• あるviewの定義内容をブラウザで表示　18/03/26 更新
• 和暦年月日を入力して西暦でチェックする　18/03/26 更新
• 時刻の入力チェック　03/10/31 UP

設定、ノウハウ、サンプル　他

• Photoshop、Illustrator ミニTips
  • ダブルクリック1回で、ズーム100％　18/03/20 更新
  • 拡張子.psd と .aiを無料ソフトで閲覧　18/03/20 更新
• グラデーションの中間色のステップ数を変え、色コードを取得18/09/20 UP
• webページ作成作業用に、ランダムな16進数色コードを作成18/10/12 更新
• ドロップしたビットマップ画像をsvgに変換（マメ知識）18/09/03 更新
• CSS3 filterプロパティによる画像の調整や効果（スライダーで値変更）19/03/01 up
• CSS3 filter（画像の調整や効果）のまとめ（２）（マメ知識）18/10/16 更新
• CSS3 filter（画像の調整や効果）のまとめ（マメ知識）18/10/16 更新
• 背景色の明暗を判別し、それにあわせて文字色を見やすく変更18/07/07 UP
• webページ作成作業用に、自分用のカラーテーブルを作成（２）18/07/30 UP
• webページ作成作業用に、自分用のカラーテーブルを作成18/07/03 UP
• 作業用に、選んだ色を画面に貼り付け記憶しておける付箋紙（２）18/07/05 UP
• 作業用に、選んだ色を画面に貼り付け記憶しておける付箋紙18/10/22 更新
• 色見本・パステルカラー（pastel color）60色18/03/22 更新
• （backgroundに）CSSだけで作るパターンまとめ18/01/18 更新
• backgroundに使うパターン用画像（アニメgif）まとめ　17/12/05  更新
• backgroundに使うパターン用画像（svg）まとめ17/08/29  更新
• backgroundに使うパターン用画像まとめ18/10/12 更新
• 上のパターン画像を差し替えて見た目を比較、確認するページ18/03/22 更新
• 色見本、カラーピッカーなど色関連まとめ18/03/22 更新
• カラーピッカーを使って、色のrbgの値と16進数の値を相互変換18/03/22 更新
• カラーピッカーを使って、色比較用の不透明度10段階パターン18/03/22 更新
• X11色システムのカラーネームのtableをソート可能にして見やすく18/03/22 更新
• jQueryを使って、JavaScriptが有効か無効かを簡単に判別　18/03/22 更新
• Google Chart APIを使って、ブラウザシェアのパイチャート18/03/22 更新
• jsによるCSS ベンダープレフィックス ジェネレータ18/03/23 更新>
• SVGのスプライト画像をバックグラウンドに使うテスト18/03/23 更新
• ベクター画像は拡大しても劣化しないことの確認18/03/23 更新
• 外部SVGファイルを表示するhtmlタグなどのまとめ18/03/23 更新
• QRコード画像をIllustratorでベクターデータに18/03/23 更新
• QRコード画像をInkscapeでベクターデータに18/03/23 更新
• Googleマテリアルデザイン・カラーパレット18/03/23 更新
• ごく軽量ながら、多機能なカラーピッカー・tinyColorPicker18/03/23 更新
• 多機能な Raphael Color Picker（カラーピッカー）　18/03/23 更新
• 色見本1（色とそのコード一覧）18/03/23 更新
• 色見本2（UNIX X11カラー140色・カラーネーム 一覧）18/03/23 更新
• 色見本3（Web Safeカラー91色18/03/23 更新
• 色見本4（Web Safeカラー216色18/03/23 更新
• APIを利用したMapページの作り方118/05/07 更新>
• APIを利用したMapページの作り方218/05/07 更新
• GoogleMapsにオリジナル目印アイコンを表示するには18/05/07 更新
• iframeを使わず他のhtmlを読み込む　18/05/07 更新
• 2007年度コニファ年賀状　18/05/24 更新
• 2008年度コニファ年賀状　18/05/24 更新
• 2009年度コニファ年賀状　18/05/24 更新

CSS や web素材

• webページ制作担当者用CSS、jQuery等のテストページ　19/05/30 更新
• • CSS、jQuery等のテストページ・カテゴリー分類(1)　19/04/02 更新
  • CSS、jQuery等のテストページ・カテゴリー分類(2)　18/04/10 更新
• CSS モバイル表示などでレイアウトに悪影響を与えるbrタグを削除する 19/04/16 UP
• Windowsにインストールされている日本語フォントの確認 19/04/03 UP
• CSSのみで作る見やすいファイルツリー（csstest） 19/04/01 UP
• ティッカーアニメーションで入力を促すplaceholder（csstest） 19/03/27 UP
• 「text-overflow:ellipsis」で三点リーダーを表示する動作の確認 19/03/25 UP
• svg画像を使い、手書き風アンダーラインでテキストを強調 19/03/13 UP
• after疑似要素を使い、CSSだけで、名札型の矢印作成（上下左右） 18/12/03 UP
• CSS　table要素のレイアウトに関連するプロパティの確認 18/12/17 更新
• httpsに変更し、httpの頃からのCDNを引き続き利用する際の注意点 18/10/25 UP
• 古い色関係の属性において16進数3桁で記述すると、IEの表示が黒くなる 18/09/18 UP
• CSS ショートハンドを使ったスタイルによるトラブルの確認 18/08/29 UP
• 無料で使える日本語webフォントの確認（コニファマメ知識） 18/08/08 UP
• 小型軽量なレスポンシブgridシステムのフレームワークspectre 18/07/26 UP
• ［CSS］フォントサイズなどを相対指定する単位のemとremの違い 18/06/14 UP
• HTML5で廃止されたframesetページをiframeで代替するテスト 18/06/06 UP
• 文字構成の指定、堅牢さの判定が可能なパスワードジェネレータ 18/03/27 更新
• contentプロパティのcounterを使って、cssのみで作る通し番号 18/03/27 更新
• [CSS] タイル状のwebレイアウトでは主流になりそうなgridレイアウト 18/03/27 更新
• [CSS] 購入などの進捗状態を知らせるステップ表示（２） 18/03/27 更新
• [CSS] 購入などの進捗状態を知らせるステップ表示 18/03/27 更新
• [CSS] flexを使ったli要素で、古いブラウザにも対応させたnaviボタン 18/03/27 更新
• [CSS3] CSSだけで作るきれいで認識しやすいチェックボックス 18/03/27 更新
• [CSS]「user-select:none」によるコンテンツ選択制限について18/03/27 更新
• [CSS]　変数を試してみる（５）（font-size） 18/03/27 更新
• [CSS]　変数を試してみる（４）（背景svgの色） 18/03/27 更新>
• [CSS]　変数を試してみる（３）（値の継承） 18/03/27 更新
• [CSS]　変数を試してみる（２）（まとめてスタイル変更） 18/03/27 更新
• [CSS]　変数を試してみる（１）（:root 擬似クラスで変数を宣言） 18/03/27 更新
• [CSS]　要素をbodyに対して上下左右中央配置するもっとも簡単な方法 18/03/27 更新
• [CSS]　要素を上下左右中央揃えする方法のまとめ 18/03/27 更新
• [CSS]　一つのクラス名で3000種類以上のボタン作成 18/03/27 更新
• [CSS]　記述したスタイルの優先順位の確認（３） 18/03/27 更新
• [CSS]　記述したスタイルの優先順位の確認（２） 18/03/27 更新
• [CSS]　記述したスタイルの優先順位の確認（１） 18/03/27 更新
• CSS marginの再確認・入れ子ブロックの上下marginの相殺　18/03/27 更新
• CSS marginの再確認・隣接するブロックの上下marginの相殺　18/03/27 更新>
• CSS marginの再確認・画像右側、下側にできる余計な空間に対処　18/03/27 更新
• CSS Viewportパーセンテージを使った単位指定の確認　18/03/27 更新
• PC用サイトをそのままスマホ用としても使い回す　18/03/28 更新
• 小さな画像・まとめ（アイコンや、リストマークなどに）　18/05/08 更新
• javascriptの小技・まとめ 18/05/08 更新
• CSSの小技・まとめ（２） 19/03/29 更新
• CSSの小技・まとめ 18/09/27 更新
• webデザインに関する用語まとめ 18/05/08 更新
• IE11のflexboxに関するバグと対処（１）18/05/08 更新
• IE11で404エラーを起こす「browserconfig.xml」とWebサイト用カスタムタイル
  18/05/09 更新
• IE 11から、ユーザー エージェント文字列などが変更されました　18/05/09 更新
• IE 10から、条件付きコメントが廃止に（２）・IE 11の場合の対策　18/05/09 更新
• IE 10から、条件付きコメントが廃止になってしまったので、その対策　18/05/09 更新
• Query、htmlやスクリプトのコードをpreタグで表示するためメタ文字をエスケープ 18/10/05 更新
• Androidスマートフォンの標準ブラウザで、テキストが自動改行（２） 18/03/28 更新
• Androidスマートフォンの標準ブラウザで、テキストが自動改行（１） 18/03/28 更新
• Chromeのアクセスによるログで404エラー！「jquery.min.map」が見つからない？ 18/04/18 更新
• 背景画像とcssを使って、横サイズ可変ボタン（１） 18/03/28 更新
• bootstrap.cssを使って、簡単にきれいなボタンを作成 18/03/30 更新
• webデザインに関する用語・まとめ 18/03/28 更新
• htmlで、細くてきれいな枠線の表組を作る（２）　18/03/28 更新
• htmlで、細くてきれいな枠線の表組を作る（１）　18/03/28 更新
• CSSでセンタリング・まとめ　18/03/28 更新
• CSS3 Media Queryとは　18/03/28 更新
• phpを使ってcssを生成する簡単な方法　19/04/11 更新
• Internet Explorer小さなフォントサイズが正確に表示されない　18/03/28 更新
• CSSだけで、IE6、IE7、IE8、IE9を判別　18/05/09 更新
• Internet Explorerの特異な振る舞いのfixに役立つ条件付きコメント　18/05/09 更新
• floatを利用した際の、ブラウザの解釈の違い（2）　18/03/28 更新
• floatを利用した際の、ブラウザの解釈の違い（1）　18/03/28 更新
• CSSだけで、ブロック要素のセンタリング、左寄せ、右寄せ　18/03/28 更新
• DOCTYPE宣言による「標準準拠モード」と「後方互換モード」　18/03/28 更新
• CSSで、input type="password"とinput type="text"のテキストエリアのサイズを同じにする　18/03/28 更新
• cssでカーソルのポインター形状を指定　18/03/29 更新
• ブラウザの互換モードによるwidth解釈の違い　18/03/29 更新
• ブラウザ上で文字の見た目を確認する・その２（cssの文字サイズ指定をpxに変換）
  18/03/29 更新
• ブラウザ上で文字の見た目を確認する・その１（cssで文字サイズ指定・サンプル）
  18/03/29 更新
• cssでロールオーバー（３）　18/03/29 更新
• cssでロールオーバー（２）　18/03/29 更新
• cssでロールオーバー（１）　18/03/29 更新
• htmlで、細くてきれいな枠線の表組を作る　18/03/29 更新
• background用画像　18/03/29 更新
• コニファwebサイト上の主なボタン画像一覧　18/03/29 更新

web上でのみご利用可能

• QRコード自由作成　18/04/24 更新
  2016年9月の業務内容改変に伴い、関連ページと共にディレクトリを変更しました。
• • QRコード自由作成の少し詳しい使い方　18/04/24 更新
  • QRコード画像(png)をIllustratorでベクターデータに18/04/24 更新