以前、Photoshop 内からボタンやその他のグラフィック (フッター バー) を作成し、それらを Web 用に保存しました。ボタンを作成するために css を使用する必要がありますか? これらはかなりコードが重いことに気付きました。
3 に答える
必須ではありませんが、css を使用する方が良いと考えられる理由は、画像を取得するために追加の http 要求を行う必要がないためです。それは本当に個人的な好みです。
以前に作成したデザインが目標を満たしている場合は、変更する必要はありません。しかし、CSS の利点を利用したい場合や、CSS を完全にサポートしていないブラウザーやバグでサポートされているブラウザーの問題が怖くない場合は、新しい CSS 要素を作成できます。
両方の方法の長所と短所を次に示します。
画像
+ cross-browser solution. Easier to make GUI look the same way in all browsers.
- extra requests to the server
- extra traffic downloaded by users
- the page will weight more and load longer time
- much more time needed to make some little changes in the GUI appearance
CSS
+ no extra requests to the server
+ no extra traffic downloaded by users
+ the page will weight less and load faster
+ less time needed to make changes in the GUI appearance
- NOT a cross-browser solution. Harder to make GUI look the same way in all browsers.
ご覧のとおり、CSS にはより多くの利点がありますが、CSS を使用してクロスブラウザーのデザインを作成するのは非常に困難です。
PS 下手な言葉で申し訳ありません。
現在、ボタンなどにコードを使用するのが一般的な方法です。フォトショップで作成されたボタンは(現在)ギミックに見える傾向があり、Webサイトの大部分を見ると、ボタンが非常にきれいで、通常は微妙なグラデーションやわずかなボックスシャドウなどがあります。余分なhttpリクエストがないという利点があるため、コードを使用してそのようなものを作成することで、さらに有利になります。
ボタンの作成に役立つ多くのツールと既成のボタンがあります。
Twitterのブートストラップボタンは非常にクリーンで広く使用されています。(それらを使用するためにブートストラップシステム全体を使用する必要はありません。コードを確認して再作成するだけです:))
または、独自のボタンをカスタマイズするには、CSSボタンジェネレーターなどのWebサイトを使用できます