ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン

さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った

[kawagene]

ズルいデザイン（4）：ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン

[maharada]

あんたちょっといいボタンだったよ

[masara092]

ズルズル

[apple2tea]

ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3)

[Tourna]

ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3) 　さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザイ

[peccu]

ズルいボタン } ズルいデザイン（4）：ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3) - ＠IT

[ponajiro]

ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3) 　さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザイ

[tsetgogo]

ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3)

[webbingstudio]

これはズルいボタンや。mixinの使い方も併せて参考にしたい

[poppun1940]

さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」

[tak4hir0]

ズルいデザイン（4）：ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3) - ＠IT

[www-tmcc]

[][Pocket]

[naoyuki1019]

css button ボタン

[hiddy216]

これもすごいー

[issy_s16]

これはずるい！

[nzmio0236]

フレキシブルって言われたらやらずにいられない俺の風潮にマッチしすぎたw

[vhthlh]

この手の記事ってやたらと無言ブクマされる割には実際に運用あるいは活用・実装されているところ見たことないんだけど何でだろうね。

[sho_yamane]

めも

[DiscoveryCoach]

ずるくて危険なボタン…。w

[saga8148]

ずるー

[oku501]

ズルくていいですね

[toguo]

確かにズルい。が、とても効果的

[ironlion]

よく分からない(^_^;)

[warriorking]

ズルいデザイン（4）：ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3) - ＠IT

[nakata_kiyohito]

勉強になる

[h5y1m141]

「ズルい（zurui）」は将来、国際的な言葉になりそう

[kana321]

より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。

[kns_1234]

“Sassのmixin”

[usamyu56]

テクニック大事

[t_otoda]

"ズルいデザイン（4）：ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3) - ＠IT"