http://www.designwalker.com/2007/05/photoshop_shape.html
画像ロールオーバーのjavascript - Webtech Walker
画像のロールオーバーには主にjqueryのプラグインを使ってたんですが、jqueryを使えない案件があってjqueryを使わないでロールオーバーを実現するライブラリを探したけど自分好みの仕様のものが見つからなかったんで自分で書いてみました。 ダウンロード サンプル 使い方 ダウンロードしたjavascriptを読み込む ロールオーバーしたい画像のimg要素にclass="hoverImg"を指定（スペース区切りの複数指定も可） 通常時の画像「xxx.gif」とロールオーバー後の画像「xxx_ov.gif」を準備（同じ場所におく） 指定するclass名(hoverImg)とロールオーバー後の画像の接尾語（_ov)はjsの以下の箇所を書き換えれば変更できます。 var targetClassName = "hoverImg"; var suffix = "_ov"; ライセンスとか MITライ
orange-A-go-go! | アイコン | TIPS | その3：アクアボタンの作り方
■はじめに：概要 □この作業にはPhotoshop6が必要です。 □ある程度Photoshopの操作に慣れている方は、 こちらのアクションファイルをダウンロード した方が良いカモ。。。 □画像をクリックすると拡大します。 ■その1：新規作成 手順に含める必要がないとか言わないでください。 ■その2：正円の選択範囲を作成。 分かってるとは思いますが『shift』を押しながらですよ。 ■その3：グラデーションで塗りつぶし 今回はオレンジ色の球を作りたいので『黒→オレンジ』のグラデーションで塗りつぶします。 オレンジ色一色で塗りつぶして、上に白黒のレイヤーを重ねてレイヤーの合成方法を『乗算』にしてもオッケーです。 ■その4：色調の補正 グラデーションはかかり具合が調整しにくいので塗り込んだ後に『メニュー』→『イメージ』→『色調補正』→『レベル補正...』を実行する方法が楽だと思います。 この辺は
iconlet.com - icon search engine - free icons, images for your project
Free icons search engine - get free icons for your project
MOONGIFT: » 複雑な段組みを可能にするCSSフレームワーク「Emastic」:オープンソースを毎日紹介
雑誌や新聞などでは複雑な段組みを行って、情報を見やすくしている。ネット媒体の場合、あまりそうした点は考慮されず、二段または三段のカラムで構成されることが多い。しかも幾つかのカラムはメニューなどに使うので、文章自体は殆ど組版が施されていない。 CSSだけとは思えないほど細かく制御されている Webはそういった媒体ではない、と言い切ってしまえばそれまでだろう。だが今後情報の電子化は進み、紙媒体は現状維持ないし衰退していくのは間違いない。そうした時に、Webもやはり読ませる形式を求められるようになるのではないだろうか。それを実現するのがこれだ。 今回紹介するオープンソース・ソフトウェアはEmastic、複雑なカラム構成を実現するCSSフレームワークだ。 Emasticはまるで雑誌のような段組みをCSSで実現している。二段、三段、四段の表示を行い、固定幅または表示サイズに合わせて変化とを組み合わせ
SCRUFA4 เว็บแทงบอล ยอดนิยมอันดับหนึ่ง เว็บตรง UFABET ✅✅
UFABET เว็บพนันออนไลน์ อันดับ 1 บริการ แบบครบวงจร ตลอด 24 ชั่วโมง UFABET เป็น เว็บไซต์พนันออนไลน์ อันดับ 1 ของประเทศไทย และเอเชีย ที่ได้รับการยกย่อง เรื่องการบริการ และความมั่นคง ทางการเงินอย่างสูง UFABET ฝากถอน ไม่มีขั้นต่ำ เนื่องจากเราใส่ใจ คุณภาพในด้านการบริการ และประสิทธิภาพ ของเว็บไซต์ อย่างมาก ทำให้มีสมาชิก จำนวนมากให้ความเชื่อถือ กับเราและเพิ่มขึ้นอย่างต่อเนื่อง เราเป็นเว็บพนันออนไลน์ ที่บร
CSS縦のセンタリング（中央揃え） はじめてのブログデザイン
CSS で横のセンタリング（中央揃え）は margin : auto や text-align : center などで事足りると思うのですが、縦のセンタリング（中央揃え）は何を使えば良いかご存知ですか？ 私はつい先日まで知らなかったのですが line-height プロパティで縦のセンタリングが可能です。方法はとても簡単で、ボックスの高さと line-height の値を同じにするだけで縦のセンタリングが行われます。下のソースを参考にしてください。 div.hajime { width : 400px; height : 50px;/*ボックスの高さ*/ line-height : 50px;/*縦のセンタリングの為に指定*/ } 簡単な上、Macのモダンブラウザ、Winのモダンブラウザで縦のセンタリングが適用されます。 個人的には何故か素通りしていた部分だったのですが、少し調べたらあっ
第23回 tableを基礎から理解する
今回のポイント captionの使い方 境界線をCSSで描く classとidのおさらい th，thead，tbody，tfootによるtableの構造化 今回はtableについて基礎から勉強します。なお今回のtableの解説は，ページ・レイアウト時のtable使用についてではなく，ページ内に表を描くというtable本来の使い方についての説明です。レイアウトにtableを使用するにしても，tableの基本概念がわかっていないと応用がききません。もともとtableとはどういうものなのか，そこから見ていくことにします。 まず，なぜここでtableの話なのかを説明しておかなくてはなりません。現在よく使われているPHPを使ったWebアプリケーションの場合，データベース・システムのMySQLやPostgreSQLと組み合わせてサイトを構築することが多くあります。商品情報や会員情報など数十から数万とい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshopチュートリアル テキストエフェクト パート2 - DesignWalker
テキストエフェクトいっぱい - DesignWalker
