Photoshopで、レイヤーを操作する便利な33のショートカット
photoshopessentials.comのエントリーから、Photoshopでレイヤーを操作する便利なショートカットを紹介します。 Adobe Photoshop Tutorials: Layers Power Shortcuts ショートカットは、コマンド別にしています。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 右クリック = Control + クリック F7 レイヤーパレットの表示・非表示の切り替え。 [Shift] + [Ctrl] + [N] レイヤーを新規作成。 [Shift] + [Ctrl] + [Alt] + [N] レイヤーを新規作成(ダイアログボックス無し)。 [Ctrl] + 「新規レイヤーを作成」ボタン 選択したレイヤーの下にレイヤーを新規作成。 ※背景
[JS]パネルをフェードや加減スクロールで切り替えるスクリプト -wSide
wSideは、パネルの切り替えにフェードや加減スクロールなど多彩なアクションを実装するスクリプトです。 wSide, plugin jquery wSideはjQueryのプラグインで、動作にはjquery.jsが必要です。 切り替え時の多彩なアクションは、デモページを参照ください。 シンプル デモ 縦方向・横方向への加減スクロール、フェード エフェクト付き デモ 反動付きスクロール、縦横斜めのスクロール アドバンス デモ CSSを利用して、さまざまな効果を狙ったパネルの切り替え
使いやすいオンラインショッピングとは？ Eコマースの21のユーザビリティ
Get Elasticのエントリー「Eコマースとショッピングカートのユーザビリティ：21のベストプラクティス」の意訳です。 eCommerce & Shopping Cart Usability: 21 Best Practices 見出し、小見出し、パンくずリストを使用してユーザーがどこにいるかを示す。 スクロールしないで見える領域に、連絡先の情報と電話番号を配置する。 スクロールしないで見える領域に、商品を検索するための検索機能を配置する。 商品の検索機能には、カテゴリー検索を加えることを検討する。 商品の検索機能には、商品によって色・形・大きさでも検索できる機能を検討する。 商品ページでは、ページの総数と現在のページ番号を表示する。 関連商品は、ユーザーがカートに加えた後に注目されます。 商品の説明文は、ユーザーにも検索エンジンにも有用です。 アカウントの登録前に、ユーザーがカートに
[CSS]CSSハック無しのリキッドタイプのテンプレート
Matthew James TaylorのCSSハック無しシリーズから新たに、emとピクセル指定のリキッドレイアウトのテンプレートがリリースされました。 Ultimate multi-column liquid layouts (em and pixel widths) emとピクセル指定のリキッドレイアウトは、３カラムx２、２カラムx２、１カラム、マルチカラム、それぞれemとピクセル用の12種類のテンプレートがあります。 主な特徴 CSSハックは、無し。 iPhone & iPod Touch互換。 SEOにやさしい。 カラムの背景色はフルで。 画像は、無し。 JavaScriptは、無し。 サイズ変更可能なテキストへの互換。 カラムの積み重ねに対応。 誰が使用してもフリー。
IEでのCSSのバグを回避するhasLayout | コリス
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
[CSS]テキストにグラデーション効果をつけるスタイルシート
Web Designer Wallにエントリーされている、テキストにグラデーション効果をつけるスタイルシートの紹介です。 CSS Gradient Text Effect 仕組みは、見出し要素(h1)に空のspanを記述し、グラデーションの背景画像を表示しています。 デモページでは、下記のようなさまざまなグラデーションをつけたテキストがあります。 CSS Gradient Text Effectのデモページ 利点としては、下記のような点が挙げられています。 テキストなので、ブラウザからのサイズの拡大・縮小が可能。 背景画像を変更することで、グラデーションを変更することが可能。 見出し画像をいちいち作成する必要がない。 数が多い場合、作成時間・帯域の節約になる。
閃光、爆発などの光や風などを表現できるPhotoshopのブラシ | コリス
Brusheezy!に登録されている、閃光、爆発などの光や風などを表現できるフラクタル&アブストラクトなPhotoshopのブラシの紹介です。
[JS]動作が華麗でダイナミックな画像ギャラリーのスクリプト集
Interactive DOM Scriptingにエントリーされている画像ギャラリーとしても利用できるスクリプトの紹介です。 どのスクリプトも、フラッシュのような華麗でダイナミックな動きを見せてくれます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オンラインで高性能なCSSのナビゲーションが作成できる -QuickMenu
[CSS]テーブル要素を使用しないで制作するカレンダー
極小のハイクオリティなアイコン -Quality mini icons | コリス