HTMLとCSSによるボタン作成の方法｜buttonタグやsubmit、linkでの作り方も | creive【クリーブ】

2018/09/04 10 users aタグ アクション コード 書きま ボタン

HTMLとCSSで作るボタンの作り方 では、まず簡単なボタンを作ってみましょう。便利なボタンタグがありますが、ここでは一旦使わずに作ります。以下のようにコードを書いてみましょう。 ボタンを押すことでなんらかのアクションに繋がります。以下ではボタンを押すことで別のページ移動するように、「aタグ」の中に書きま... 続きを読む

モダンな５０のPhotoshopのボタン用スタイル集:phpspot開発日誌

2012/04/09 80 users Photoshop phpspot開発日誌 質感 カラー

Free Button Styles | MediaLoot モダンな５０のPhotoshopのボタン用スタイル集。 クリック一発でリアルな質感を実現できるスタイルですが、次のような、モダンなボタン作成にはぴったりのスタイルが公開されているではありませんか。 Appleっぽいボタンもあっていい感じ。 ５０種類のデザインから選びます。カラーは自由にレイヤーカラーを変更すればよいですね これは入れるっ... 続きを読む

【デザイン TIPS】背景を変えても境界線がボケないボタンを作るには (フェンリル | デベロッパーズブログ)

2011/06/14 28 users もや 大西 フェンリル ボケ 淡い色合い

デザイナーの大西です。 Web ページなどで使うボタン作成の小技を書きたいと思います。 使い回ししやすいボタンを作るための手法のひとつとして、「違う色の背景に置いてもボケない境界線」が重要です。 淡い色合いのボタンを作る場合、そのボタンの周囲を囲む境界線も淡めの色になると思います。 淡めの境界線は白系の背景に置けばきれいに見えますが、濃い色や境界線に近い色の背景に移すと・・・ ボタンの周りがもやも... 続きを読む

ポートフォリオデザインのためのPhotoshopチュートリアル２５:phpspot開発日誌

2011/05/10 28 users phpspot開発日誌 関連エントリ プロレベル 参考 動画

25 Photoshop Portfolio Web Design Tutorials | CreativeFan ポートフォリオデザインのためのPhotoshopチュートリアル２５が紹介されています。 どれも秀逸デザインなので参考にしてみるとよさそう。 関連エントリ プロレベルのPhotoshopチュートリアル集 動画で学べるPhotoshopチュートリアル２０ ボタン作成のPhotoshopチ... 続きを読む

動画で学べるPhotoshopチュートリアル２０:phpspot開発日誌

2011/04/28 66 users phpspot開発日誌 コーポレー 動画 YouTube

20 Photoshop Video Tutorials 動画で学べるPhotoshopチュートリアル２０。 Youtubeにあがった動画チュートリアルが紹介されています。テキストのみよりも動画のほうが分かりやすくていい場合も多いですね。 関連エントリ ボタン作成のPhotoshopチュートリアル集 光のエフェクトを与えたクールなイメージ作成Photoshopチュートリアル２５ モダンなコーポレー... 続きを読む

CSSでセクシーなボタン作成:phpspot開発日誌

2007/06/05 72 users CSS phpspot開発日誌 Jav ボタン スタイル

How to make sexy buttons with CSS This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. CSSでセクシーなボタン作成。 CSSを使った次のようなボタンを作成するスタイルとちょっとしたJav... 続きを読む