高精細のグランジ風のペーパーのテクスチャ素材がまとめてダウンロードできるパッケージをArbenting Freebiesから紹介します。 6 Free High-Res Grungy Paper Textures ダウンロードできるテクスチャ素材は6枚がセットになっており、フォーマットはJPEGで、サイズは2336x3504と高精細なものとなっています。 グランジ風のペーパーのテクスチャは、こってりしたグランジ風ではなく、控えめな感じです。
高精細のグランジ風のペーパーのテクスチャ素材がまとめてダウンロードできるパッケージをArbenting Freebiesから紹介します。 6 Free High-Res Grungy Paper Textures ダウンロードできるテクスチャ素材は6枚がセットになっており、フォーマットはJPEGで、サイズは2336x3504と高精細なものとなっています。 グランジ風のペーパーのテクスチャは、こってりしたグランジ風ではなく、控えめな感じです。
アローやアイコンを添えたり、グラデーションを適用したものなど、さまざまなデザインのボタンを集めた「Button Design Showcase」を紹介します。 Button Design Showcase Buttonには現在24個登録されています。 Elements of Designは、以前紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のサイトで、久しぶりに訪れてみたら、カテゴリが増えていたので、他のも紹介します。 ブログのコメント用フォームのデザイン集 ブログのコメントのデザイン集 ボタンのデザイン集 カレンダーのデザイン集 カルーセルのデザイン集 コード表示のデザイン集 言語選択のデザイン集 Emailのサインアップフォームのデザイン集 エラーメッセージのデザイン集 動画プレイヤーのデザイン集 フッタのデザイン集 フォ
写真の主題を引き立たせるために使用される「ボケ」をウェブデザインにとりいれるためのスタディをPSDFanから紹介します。 Inspirational Examples of the Bokeh Effect 以下、各ポイントを意訳したものです。 ボケとは ボケの実例 デジタルアートでのボケ ウェブデザインでのボケ ボケのチュートリアル ボケとは ボケとは、写真撮影の際にレンズを利用して光の焦点をぼかしたものです。このボケは、レンズによってもさまざまなものを楽しむことができます。 通常、ボケは主題を引き立たせるために使用されるもので、主題以外のものをぼんやりとさせます。 ボケの実例 写真撮影でのボケを実際に見てみます。
シンプルなものからグランジ風のものまで揃った、ポラロイドのフレーム素材をAmEeR-Saから紹介します。
オンラインストアでの注文やフォームなどで、ユーザーの進捗を明示するプログレストラッカーの概要や特長、実装例、よくある間違いなどをSmashing Magazineから紹介します。 Progress Trackers in Web Design: Examples and Best Practices 以下はそのポイントを意訳したものです。 1. プログレストラッカーとは? 2. プログレストラッカーとパンくずの相違点 3. プログレストラッカーの活用 4. プログレストラッカーのベストプラクティス 5. プログレストラッカーの実装 6. プログレストラッカーのよくある間違い 7. プログレストラッカーのショーケース 1. プログレストラッカーとは? プログレストラッカーとは進捗を明示するもので、複数のステップがあるプロセスを完了するためにユーザーの手助けとなるものです。 オンラインのプロダ
HTML5を使用した、JavaScriptでOggフォーマットのオーディオファイルをコントロールするスクリプト「jai」を紹介します。 jai - javascript audio interface 「jai」は、「JavaScript Audio Interface」の略で、グラフィカルなインターフェイスには画像を使用せず、canvasによってレンダリングされています。 対応する音声ファイルはOggフォーマットで、コーディックには「 Ogg Vorbis audio codec」が使用されています。 プレイリストはスタイルシートでデザインされたリスト要素で、下記のような書式になります。 <textarea name="code" class="html" cols="60" rows="5"> <li> <a href="@F1LT3R - Cryogenic Unrest.ogg">
昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン 3. 美しいコントラスト 4. インパクトのあるイラスト 5. 充実したコンテンツ 6. インフォメーション 7. メディア ハブ 8. 新鮮なコンテンツ 9. インフォグラフィックス 10. ビジュアル的なアクセント はじめに 魅力的なフッタは、サイトのユーザーに永続的でポジティブな印象を与えることができます。 フッタのデザインと機能性の両方にフォーカスをあてることで、サイトのフッタを魅力的に
再生や一時停止、停止などコントロールも可能な、背景画像をアニメーションさせるスクリプトをajaxBlenderから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../jani.js"></script> </textarea>
汚した感じのグランジデザインにはまりそうなストロークを描くPhotoshopのブラシをBlog.SpoonGraphicsから紹介します。
ペイントブラシで一つ一つ描かないで、簡単に水彩画のエフェクトが楽しめる無料のPhotoshopのブラシをSix Revisionsから紹介します。
なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか? Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。 Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors 下記は、各ポイントを意訳したものです。 ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションの使用の注意点 使用は、より繊細に よくある間違いと解決方法 おわりに ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションは、スペースに錯覚を生じさせるための基本的なテクニックです。 Mac OS Xのドックを例にとると、輝いたテーブルの上に各メニューのアイコンが浮き上がっ
『こういう言葉を書きたいと思えるような』をキーワードにした審美的なデザインフォントを配布している「Typing Art」を紹介します。
Pantoneが2010年、セレクションしたカラーは、熱帯の空と海を思わせるトルコ石の「ターコイズ」。 Color of the Year for 2010: PANTONE 15-5519 Turquoise 穏やかなブルーと爽やかなグリーンがあわさったターコイズは健康で安心なイメージを与え、慈悲とヒーリングを象徴する色として親しまれています。 ターコイズは男女の区別無く、ファッションでもインテリアにも最適なカラーです。 使い方としては、ブラウンを加えて少しエキサイティングにしたり、レッドを加えてピンク系にしたり、深いブルーを加えて海色にしたり、グリーンを加えて生き生きさせたり、イエローグリーンで新鮮なトレンドをつくりだすことができます。
WordPressの各エントリーに編集ボタンを付けたり、シングルクォートの自動置換を無効化するなど、使いやすくするための15のスニペットをForTheLoseから紹介します。 15 Useful WordPress Tricks to Make Your Theme Even Better 古いエントリーのコメント入力をクローズ 古いエントリーにはスパムコメントがつくので、コメント入力をクローズにします。 function.phpに下記を記述します(例:1ヵ月以上前)。 <textarea name="code" class="html" cols="60" rows="5"> <?php function close_comments( $posts ) { if ( !is_single() ) { return $posts; } if ( time() - strtotime( $
ウェブサイトの背景などに適した繊細なライト グランジのテクスチャ素材をDesignM.agから紹介します。 Freebie: Clean Grunge Texture Pack ダウンロードできるテクスチャ素材は8枚あり、解像度は2448x3264pxと高解像となっています。 テクスチャの利用は個人でも商用でも無料で利用ができるとのことです。 ただし、再配布や販売は禁止となっています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く