デザインのアクセントや背景などに、はまりそうなPhotoshopのブラシをAdam Woodhouseから紹介します。 各画像をクリックすると、ブラシが表示されます。
デザインのアクセントや背景などに、はまりそうなPhotoshopのブラシをAdam Woodhouseから紹介します。 各画像をクリックすると、ブラシが表示されます。
写真画像を無料でダウンロードできるサイトの利用条件の確認方法や画像の検索方法をPXLEyesから紹介します。 How And Where To Find Legal Source Images 下記に写真画像を無料でダウンロードできる代表的なサイトの利用条件の確認方法と検索方法を紹介します。 また、写真画像を無料でダウンロードできるサイトは他にも多数あるので、下記エントリーを参照ください。 商用・非商用で使用できるフリーの写真素材サイト集 商用・個人サイトで利用可能なロイヤリティフリーの写真素材サイト集 商用サイトでも制限無しで利用できる無料の写真素材サイト集 stock.xchng
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
ウェブサイトをユーザーにリラックスして楽しんでもらえるように、より使いやすくする10のTipsをWeb Designer Depotから紹介します。 10 Tips to Create a More Usable Web 以下、各ポイントのピックアップです。 1. Creating active navigation アクティブ機能をもったナビゲーションの設置 サイトのどのセクションにいるか、ユーザーに明示できるナビゲーションを設置します。 2. Clickable labels & buttons ラベルやボタンをクリック可能に フォームのラベル(label)やボタン(button)に、クリック可能であることが分かるようにスタイルシートで設定します。 例: <textarea name="code" class="css" cols="60" rows="5"> label, butto
Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22~33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ
商用サイトでもフリーで利用できる、繊細なゴシック柄やオリエンタル柄が美しいシームレスなPhotoshopのパターン素材をEmma Alvarezから紹介します。
Photoshopの作業効率をアップする、知ってると便利な10のTipsをBest Design Optionsから紹介します。 Tips 「レイヤーパレット」の「目(レイヤーの表示/非表示)」を[Alt]キーを押しながらクリックすると、そのレイヤーだけを表示状態にし、残り全部を非表示にします。 元に戻す際は、同様に[Alt]キーを押しながら「目のアイコン」をクリックします。 2. Hide the palettes パレットを1アクションで全て隠します。
使用するサイトのデザインにあわせて、カラーの変更が可能なフリーのアイコンがダウンロードできる「Iconza」を紹介します。 Iconza アイコンは、上記キャプチャのようにアイコンのカラーや背景のカラーを変更でき、サイズは32x32, 24x24, 16x16のものがあります。 アイコンは現在のところ90種類あり、ホーム、メール、RSS、検索、アローなど利用頻度の高いものがたくさん揃っています。 アイコンのキャプチャ(クリックで拡大) アイコンのダウンロードは、各アイコンをクリックすると個別にダウンロードでき、まとめてダウンロードする際は下部の「Download all icons」をクリックします。 アイコンは、PNG形式でした。 ライセンスは「Totally free.」となっているので、商用サイトでも利用可です。
TinyBoxは、モーダルウインドウを生成し、アニメーションで拡大表示できる超軽量(3.5KB)の単独で動作する(jQueryなどは不要)スクリプトです。 TinyBox JavaScript Popup Box - 3.5KB demo 上記キャプチャのデモではリンク箇所をクリックすると、サイズを変更したり、内容を変更したりします。 また、画像の拡大表示やタイマーにも対応しています。
透明感のあるクリーンなスタイルのボタンを作成するPhotoshopのチュートリアルをPhotoshop Starから紹介します。 Original Clean Style for Your Website チュートリアルではレイヤースタイルの設定なども細かくキャプチャ入りで解説してあるので、これからPhotoshopを学ぼうとしている人にも理解できるものだと思います。
ウェブ用の素材やアイコンなどのベクター素材がダウンロードできるFree Vector Downloadを紹介します。
実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティスをDev Snippetsから紹介します。 Styling your Lists: 20+ Brilliant How to's and Best Practices
10,000個以上のフリーのTrueType Fontがダウンロードできる「Pimp Your Font」を紹介します。
ポスターを貼るセロハンテープのようなPhotoshop用のブラシをRozairoから紹介します。 tape brushes シンプルなものやクロスしたものなど全部で8種類のPhotoshop用のブラシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く