lifeスマートフォン用の表示で見るスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。Makerhttp://lab.rails2u.com/bgmaker/ウェブサイトのデザインをしているとき、自分はCSSを利用します。そのCSSを書いていて、「ああ、こんな背景画像がほしーな」と思うと、今までは画像編集ソフトでちまちま作ってSCPでサーバにアップして確認し「いやここはもうちょいこうした方が」とまた少しだけ修正してアップして...という繰り返し作業を行ってました。Maker」を作ってみました。下のような背景画像を簡単に作成ができます。使い方は値を適当に弄って「Make」ボタンを押すと画面右側に画像が作成されます。各オプションの意味はこんな感じ。Type基本となる背景の種類。Margin線を引く隙間。Gradationでは無効。BackgroundColor線と背景の色。Transparentにチェックを入れることで透過色にする。回転、反転など好きな値を入れ「Make」を押すと右側が変更されます。URLには今生成した画像のURL、Imageには生成画像自体、Sample以下に背景画像として使ってみたサンプルが表示されます。不正な値の場合はエラー画像が表示されます。実際に生成されたURLを使いCSSにbackground-image:url('http://lab.rails2u.com/bgmaker/slash.png?margin=3&linecolor=383838&bgcolor=000000');などと指定すればOK。各種パラメータはURLのqueryを変更することで弄れるので、たとえばもっと間隔をあけたければmarginの値を増やしたり、線の色をちょっと変えたければlinecolorを弄ったり、といったことで行うことができます。使ってみた感じ、自分で作っておいてなんですが、結構良い感じに背景画像が作成できます。好きなエディタでちょこちょこ値を変更して確認できるのも良いです。これでCSSでデザインしてる人がちょっとでも楽できて、より外観をクールにできたら良いですね。使ってCSSを作る場合、好みの画像が完成したら最終的には自分のサーバに保存して使ってもらえるとうれしいです。問題ないと思うのですが、キャッシュを利用してるとはいえ一応動的生成なので、負荷が高くなるとサーバが落ちてしまうかもしれません。rails2u.comのhttpdが落ちてるor落としてるので、画像が突然表示されなくなってしまう可能性もあります。プログラミングの楽しさ。オープンソースとの出会い。Blog|ブログを報告する。