Fabulosas gotas en PSD PSDのレイヤーは、背景、ハイライト、シャドウ、マスクの4つに分けられており、全部で80種類以上のWaterdropがあります。
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
sitepointで紹介されているPixelMillのデザイナー:Corrieの、Photoshopで作るWeb 2.0風画像のチュートリアルの紹介です。 ※画像は、Photoshopでなくても作成できます。 Creating Web 2.0 Effects With Photoshop, Part 1 Part 1でエントリーされているチュートリアルは、6つです。 シンプルなグラデーション グラデーションの背景 ストライプの背景 微妙に透明なレイヤー 鏡面効果のテキスト ガラスのようなオブジェクト 各チュートリアルの手順は、下記の通りです。 シンプルなグラデーションの作り方 ベースとなる色を選択。 [ツールパレット]から[長方形ツール]を使用して、長方形を描画。 [レイヤー効果] - [グラデーションオーバーレイ]を選択して、適用。 [グラデーションオーバーレイ]の設定。 [描画モー
一番簡単な画像置換の方法-imageReplace.js- 画像置換は設置がややこしく。 デメリット・メリットの切り分けが困難です。 そんなわけで一番簡単な画像置換の方法として、画像置換javascriptライブラリ-imageReplace.js-を作ってみました。 設定は簡単head要素内にimageReplace.jsを読み込むだけ。 <script type="text/javascript" src="./imageReplace.js"></script> あとは、画像置換したい要素にclass属性に『imageReplace』と記述しスペースを空けて『置換する画像名』、『ロールオーバーする画像名』を記述します。 例えばこんな感じに。 <a class="imageReplace ajax_a.gif ajax_b.gif" href="/ajax/">Ajax</a> 『ロー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く