インターネット・アカデミー オフィシャルブログ
About

タグ:CSSボタン

簡単かつ軽い!アニメーション付きCSSボタンが作れる「Bttn.css」

2017.01.30

Webサイトには、作り手としてクリックを促したいボタンがいくつもありますよね。 特に、ショッピングサイトにおいては「購入ボタン」が押されなければ意味がありませんし、動画配信サイトにおいては「再生ボタン」をいかに目立たせてクリックを促すかが重要です。 クリックを促すために、ボタンデザインにおいて気をつけるべきポイントはいくつかあります。 たとえば、ボタン上の表記を分かりやすくする、とか、押しやすいサイズで作成をする、ページ内で明るく目立つ色を選ぶ、などなど。 また、最近ではボタンを画像で作成するのではなく、CSSでおしゃれで動きのあるボタンを作成するのも当たり前になってきました。CSSでボタンを作成することで、圧倒的にファイルサイズを軽くし、かつ様々なエフェクトを柔軟に適用することもできるよ

つづきを読む

フラットデザインに似合うHTML+CSSボタンが作れる「2.5dBUTTON」

2016.03.16

画像を使わずに、HTMLとCSSだけでボタンが作る。 それは、ユーザビリティやSEO、フラットデザイン(起伏のない2Dデザイン)を採用したWebサイト制作などを考えたら非常に理想的ではありますが、自分で一から作ろうとするととても大変ですよね。 そんな時、「2.5dBUTTON」を使えば、マウス操作で簡単にデザインを調整し、HTML+CSSでボタンを作ることができます。 簡単な使い方説明 「2.5dBUTTON」にアクセスをしたら、スクロールダウンすると、サンプルのボタンが表記されたスペースが出てきます。 まずは、表の項目にある「BUTTON LABEL」のスペースに、ボタンの上に表記する文字を打ち込みます。 ボタン上のアイコンは「ICON」で、マウスカーソルを合わせたときのボタンの動きは「

つづきを読む

テーマテーマ

最新の記事最新の記事

スタッフ別ブログスタッフ別ブログ

アカデミー最新本アカデミー最新本

初心者から楽しんで学べるようPHPを徹底解説。さらに資格取得も目指せるので、PHPを学びたいすべての方にオススメです。