「HTML・CSS」のカテゴリ一覧を表示します。

いつもボタンのマウスオーバーの透過などするとき、ボタン色の０．８％などで、透過します。
そのとき、毎回、16進の色コードから、rgbaを計算するのがメンドイので、
rgba変換してくれるrgbaのジェネレーターを作りました。
使い方は簡単。16進の色コードを入れるだけ。
アルファ値が１０パターン自動で表示されるので、どのくらいの透過度にするかも、一目で判断できます。
みなさん、使ってみてくださいね。
http://generator.web-alpha.info/rgba/

吹き出しの三角部分を作るCSSって、長くて大変ですよね。
吹き出しをCSSで作るときは、
↓のジェネレータで抽出したものを改造していましたが、
http://www.cssarrowplease.com/
毎回、三角のサイズや位置を変更して、borderがあるときの計算をするのは大変です。

時間があったので、ボタンデザインジェネレーターを作成しました。
 
ボタンを追加するとき、ちょっと大きくしたり、ちょっと影増やしたり、デザイン調整することってありますよね。
実際にできたものを見ながら確認できるツールがあったら便利だなぁって、ずっと思っていたので、
自分で、CSSデザインジェネレーターを作ってみました。

いつも忘れるのでメモ。
css3を使うと、角を丸くするのは簡単です。
このブログの角丸も全部CSSでやっています。