»web制作で使える！「web apps」 をリニューアルしました。
以前から日々のweb制作業務によく使うツール集を制作しております。
今回は「web apps」のサイトデザイン、使い勝手の向上を目指してリニューアルいたしましたのでぜひお試しください！
どんなものがあるかというと･･･。
まだまだ鋭意作成中です！
「あんなものやこんなものなんか使えるんじゃない？」といったご要望も受け付けておりますので、コメントでも残していただけると嬉しいです！
公開日: 2013年1月18日 17:47 | カテゴリー: CSS, HTML, JavaScript, PHP, web apps, 未分類 | タグ: apps, color, password, QR, tool
»web業務で使えるアプリ「カラーコーディネートツール」
web業務してると色味の微調整って結構面倒だったりしますよね。
そんな時に使えるように「カラーコーディネートツール」を作ってみました。
自分の好きな色を16進数カラー入力欄に入れるとあら不思議！背景色、テキスト色が自動的に切り替わった！
レンジバーで色味の微調整が終わったら、16進数カラー入力欄もその数値に変更されていますのでコピーすれば簡単に好きな色を使えます。
是非是非ご利用くださいませ～。
※html5を利用しているため、最新のブラウザでご利用ください。
»webサイトでフォントを自由に!手軽にフォントが設定できる「Google web font API Beta」
ロゴや強調表示等いちいち画像を作るのは結構な手間ですよね！そんな時に役立つのが「Google web font Beta」。
ユーザーさんのローカル環境に左右されずに、いろいろなフォントを利用できます。
現状は日本語フォントの提供はないのですが、今後でてくるかも？
»heightが認識されない時の「clearfix」
floatを使うとheightがうまく認識されずに背景が崩れてしまうことがあります。
そんな時にはクラスにclearfixを指定することで改善される。
/* clearfix */
.clearfix:after
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac */
* html .clearfix
height: 1%;
}
.clearfix {
display: block;
}
上記をcssとして記述して、htmlからclassで呼び出すだけです。
