表示されたブラウザの幅に合わせて、ぴったりになるようにカラムの幅や数を自動調整するスクリプトをSoh Tanakaから紹介します。
表示されたブラウザの幅に合わせて、ぴったりになるようにカラムの幅や数を自動調整するスクリプトをSoh Tanakaから紹介します。
商用サイトでもフリーで利用できる、繊細なゴシック柄やオリエンタル柄が美しいシームレスなPhotoshopのパターン素材をEmma Alvarezから紹介します。
divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。
Photoshopの作業効率をアップする、知ってると便利な10のTipsをBest Design Optionsから紹介します。 Tips 「レイヤーパレット」の「目(レイヤーの表示/非表示)」を[Alt]キーを押しながらクリックすると、そのレイヤーだけを表示状態にし、残り全部を非表示にします。 元に戻す際は、同様に[Alt]キーを押しながら「目のアイコン」をクリックします。 2. Hide the palettes パレットを1アクションで全て隠します。
スペースインベーダーのPhotoshopのブラシをBest Photoshop Tutorialsから紹介します。
個人サイトでも商用サイトでも無料で利用ができるクリーンでシンプルなデザインのフリーのアイコンをIcojoyから紹介します。
使用するサイトのデザインにあわせて、カラーの変更が可能なフリーのアイコンがダウンロードできる「Iconza」を紹介します。 Iconza アイコンは、上記キャプチャのようにアイコンのカラーや背景のカラーを変更でき、サイズは32x32, 24x24, 16x16のものがあります。 アイコンは現在のところ90種類あり、ホーム、メール、RSS、検索、アローなど利用頻度の高いものがたくさん揃っています。 アイコンのキャプチャ(クリックで拡大) アイコンのダウンロードは、各アイコンをクリックすると個別にダウンロードでき、まとめてダウンロードする際は下部の「Download all icons」をクリックします。 アイコンは、PNG形式でした。 ライセンスは「Totally free.」となっているので、商用サイトでも利用可です。
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
TinyBoxは、モーダルウインドウを生成し、アニメーションで拡大表示できる超軽量(3.5KB)の単独で動作する(jQueryなどは不要)スクリプトです。 TinyBox JavaScript Popup Box - 3.5KB demo 上記キャプチャのデモではリンク箇所をクリックすると、サイズを変更したり、内容を変更したりします。 また、画像の拡大表示やタイマーにも対応しています。
ウェブやDTPに使用できるロイヤリティフリーの画像を無料でダウンロードできる「PhotoXpress」を紹介します。 PhotoXpress PhotoXpressはFotoliaが提供するサービスで、現在約35万枚の画像があり、今後増やしていくとのことです。 画像を探すには22のカテゴリから見つけるのと、キーワードを入力して検索して見つける方法があります。
960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。
実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティスをDev Snippetsから紹介します。 Styling your Lists: 20+ Brilliant How to's and Best Practices
ポスターを貼るセロハンテープのようなPhotoshop用のブラシをRozairoから紹介します。 tape brushes シンプルなものやクロスしたものなど全部で8種類のPhotoshop用のブラシ
スクリーンショットをプロダクトの写真などと一緒に300dpiで出力する際にぼやけてしまう場合、スクリーンショットがシャープになるようにする方法をTurbo Photoから紹介します。 ビフォーとアフター Step 1: Capture the screen スクリーンをキャプチャします [Ctrl]キーを押しながら、[PrtSc](プリントスクリーン)キーを押します。 アクティブなウインドウだけをキャプチャしたい場合は、[Ctrl]+[Alt]と[PrtSc]キーを押します。 Step 2: Paste in Photoshop Photoshopにペーストします Photoshopを起動し、新規ドキュメントを開きます([Ctrl]+[N])。Photoshopはキャプチャに合わせたサイズで開きます。 スクリーンショットをペースト([Ctrl]+[V])します。 Step 3: Chang
各種チュートリアルをはじめ、写真画像やベクター素材、アイコン、フォント、カラーなどウェブ制作に役立つウェブデザイナーのための検索サイトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く