タグ ボタン作成
人気順 10 users 50 users 100 users 500 users 1000 usersHTMLとCSSによるボタン作成の方法|buttonタグやsubmit、linkでの作り方も | creive【クリーブ】
HTMLとCSSで作るボタンの作り方 では、まず簡単なボタンを作ってみましょう。便利なボタンタグがありますが、ここでは一旦使わずに作ります。以下のようにコードを書いてみましょう。 ボタンを押すことでなんらかのアクションに繋がります。以下ではボタンを押すことで別のページ移動するように、「aタグ」の中に書きま... 続きを読む
モダンな50のPhotoshopのボタン用スタイル集:phpspot開発日誌
Free Button Styles | MediaLoot モダンな50のPhotoshopのボタン用スタイル集。 クリック一発でリアルな質感を実現できるスタイルですが、次のような、モダンなボタン作成にはぴったりのスタイルが公開されているではありませんか。 Appleっぽいボタンもあっていい感じ。 50種類のデザインから選びます。カラーは自由にレイヤーカラーを変更すればよいですね これは入れるっ... 続きを読む
【デザイン TIPS】背景を変えても境界線がボケないボタンを作るには (フェンリル | デベロッパーズブログ)
デザイナーの大西です。 Web ページなどで使うボタン作成の小技を書きたいと思います。 使い回ししやすいボタンを作るための手法のひとつとして、「違う色の背景に置いてもボケない境界線」が重要です。 淡い色合いのボタンを作る場合、そのボタンの周囲を囲む境界線も淡めの色になると思います。 淡めの境界線は白系の背景に置けばきれいに見えますが、濃い色や境界線に近い色の背景に移すと・・・ ボタンの周りがもやも... 続きを読む
ポートフォリオデザインのためのPhotoshopチュートリアル25:phpspot開発日誌
25 Photoshop Portfolio Web Design Tutorials | CreativeFan ポートフォリオデザインのためのPhotoshopチュートリアル25が紹介されています。 どれも秀逸デザインなので参考にしてみるとよさそう。 関連エントリ プロレベルのPhotoshopチュートリアル集 動画で学べるPhotoshopチュートリアル20 ボタン作成のPhotoshopチ... 続きを読む
動画で学べるPhotoshopチュートリアル20:phpspot開発日誌
20 Photoshop Video Tutorials 動画で学べるPhotoshopチュートリアル20。 Youtubeにあがった動画チュートリアルが紹介されています。テキストのみよりも動画のほうが分かりやすくていい場合も多いですね。 関連エントリ ボタン作成のPhotoshopチュートリアル集 光のエフェクトを与えたクールなイメージ作成Photoshopチュートリアル25 モダンなコーポレー... 続きを読む
CSSでセクシーなボタン作成:phpspot開発日誌
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... 続きを読む