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

2018

24

May

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

続きをみる

COMMENT(0)

2017

29

Jun

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

続きをみる

COMMENT(0)

2017

28

Jun

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

続きをみる

COMMENT(0)

2013

18

Nov

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

続きをみる

COMMENT(0)

ABOUT

福岡在住、フリーランスのプログラマのメモ日記です。組込SEからWEB系に転向。子育てしながら、在宅SOHOにてお仕事しています。
ウェブサイトを作っていて困ったことや、よく調べることを書いていきます。

[対応言語]
HTML、CSS、PHP、Javascript、jQuery
Ruby On Rails、JAVA、C、C++、VB

[運営サイト]
キャラデコ弁.com
CSSデザインジェネレーター