個人でも商用でも無料で利用できる、ちょっと渋い感じのざらっとしたシームレスなパターン素材を紹介します。 Subtle Distress Photoshop Patterns ダウンロードできる素材のフォーマットは、下記の通りです。 PSD (800x800px) PAT (Photoshop用のパターン素材) 両方ともシームレスです。 アイテムは全部で、10種類。 渋い色合いで、グランジ風のデザインに合いそうです。
個人でも商用でも無料で利用できる、ちょっと渋い感じのざらっとしたシームレスなパターン素材を紹介します。 Subtle Distress Photoshop Patterns ダウンロードできる素材のフォーマットは、下記の通りです。 PSD (800x800px) PAT (Photoshop用のパターン素材) 両方ともシームレスです。 アイテムは全部で、10種類。 渋い色合いで、グランジ風のデザインに合いそうです。
クラシックなネクタイの結び方4種、ちょっと変わった美しいネクタイの結び方6種をまとめたインフォグラフィックを紹介します。 Tie DIY: Every Knot You Need to Know まずは、クラシックなネクタイの結び方4種。 フォー イン ハンド 最も手軽でポピュラーな結び方、別名シンプルノット ハーフ ウインザー フォー イン ハンドよりもフォーマルな時用 ウィンザー フォーマル時の定番、幅広い三角が特徴的 シェル ノット 絹のような厚地のネクタイに最適 ちょっと変わった美しいネクタイの結び方6種。 ボウ タイ タキシードにぴったりな蝶ネクタイ ケルビン ノット 細く左右対称に美しく結べる プラッツ ノット ハーフウインザーより薄く、対称に結べる ニッキー ノット プラッツに似た結び方で、結び目を簡単に調整できる エディエティ ノット 映画「Matrix Reloaded」
以下、ダウンロードできる素材はPhotoshop用のパターン（PAT）で、CS3にも対応しています。 ※CS6でももちろん使えます。 素材は全て個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「license.txt」をご覧ください。
個人でも商用でも無料で利用できる、背景などにシームレスに使える木目の高品質なテクスチャとパターン素材を紹介します。 紹介する木目調の素材は、2種類。 まずは、ナチュラルな木目調の素材から。 Wood Pattern Background 6種類の木目調の素材があり、すぐに利用できるPNGのテクスチャとシームレスに使えるPhotoshop用のパターンがダウンロードできます。
ブラウザのスタイルを初期化するCSSリセットの2012年に人気のあったものと、どのCSSリセットを使えばいいのか判断するポイント、CSSリセットを上手に使うポイントを紹介します。 CSS Reset 下記は各ポイントを意訳したものです。 2012年人気のあったCSSリセット どのCSSリセットを使うべきか判断するポイント CSSリセットを上手に使うポイント 2012年人気のあったCSS Reset まずは、2012年に人気のあったCSSリセット ベスト5！ CSS Reset経由で最もダウンロードされたものです。 Eric Meyer's "Reset CSS" 2.0 コードとドキュメント HTML5 Doctor CSS Reset コードとドキュメント Yahoo! (YUI 3) Reset CSS コードとドキュメント Universal Selector '*' Reset コ
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 個人的に好きなのは最初のPrimeと4番目のVeneraです、ウェイトも揃ってます。
CSSでもJavaScriptでもできるけどどちらを使おうか、CSSとJavaScriptどのように使い分ければいいのだろうか、二つのうまい関係を構築するテクニックを紹介します。 Building A Relationship Between CSS & JavaScript 下記は 各ポイントを意訳したものです。 はじめに スタイルの定義はCSSで：JavaScriptからCSSを遠ざける ユーザエクスペリエンスを犠牲にしないで使い分ける CSSとJavaScriptの使い分けの大切なポイント はじめに JavaScriptには数多くのライブラリ、jQuery, Prototype, Node.js, Backbone.js, Mustacheなどあり、非常に人気が高いです。これらは実際に非常に多く利用されており、時間をかければもっとよい方法があるかもしれないところでもそれらを使ってしま
元となった：Avgrund 作者のメモには、実用のためではなく楽しむ用、とのことで、確かにIEなどの非対応ブラウザではエラーがでるだけです。 「Avgrund Modal」は、非対応ブラウザの処理やより簡単に実装できるように実用化したものです。 Avgrund Modalのデモ デモは全てのモダンブラウザで動作します。 デモページ：IE7で表示 Avgrund Modalの使い方 Step 1: 外部ファイル スタイルシートをhead内に記述します。 <link rel="stylesheet" href="avgrund.css"> 「jquery.js」と当スクリプトを</body>の上あたりに記述します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <
クリスマス・ハロウィン・バレンタイン・母の日・父の日など、イベント用のページ制作に役立つカラースキーム素材を紹介します。 40 Color Swatches - SET 2 カラースキームは全部で、40種類です。 まずは、クリスマスやハロウィン、イースター用のセットはこんな感じです。 クリスマスはサンタやツリーをイメージするものから、雪景色をイメージするものがあります。 バレンタイン・母の日・父の日・セント・パトリックのセット 素材は、Photoshop用の「.aco」、Illustrator, inDesignでも利用できるAdobe Swatch Exchangeの「.ase」が揃っています。 ダウンロードは、Elemental DesignのFreebiesページからです Freebies -Elemental Design カラーパレットの利用は個人でも商用でも無料、とのことです。
ヘッダはウェブサイトやブログに訪れるユーザーが最初に目にするであろう大切な存在です。 ヘッダの可能性をフルに活用する非常に効果的なデザインにする際、アイデアとなる3つのスタイルを紹介します。 How To Design A More Effective Website Header 下記は各ポイントを意訳したものです。 1. シンプルなヘッダ 2. アートを加えたヘッダ 3. インタラクティブなヘッダ おわりに 1. シンプルなヘッダ ヘッダをシンプルにしておくことで、ユーザーにあまりにも多い情報で圧倒させないようにすることができます。シンプルなヘッダで大切なことは、ぱっと見でサイトの雰囲気を伝えることです。 明確 Sailthru 明確なヘッダはユーザーの印象を方向付けるために非常に有用です。Sailthruではグラフィックでビジネスのアイデアをユーザーに伝えています。そのデザインは非常
昨日はJavaScriptを使ってPinterest風レイアウトを実現するスクリプトを紹介しましたが、今日はJavaScript無しでスタイルシートで実現するテクニックを紹介します。 デモページ：幅900pxで表示 実装 HTML HTMLは非常にシンプルで、各パネルをdiv要素で実装し、それらをdiv要素で二重に内包します。 <div id="wrapper"> <div id="columns"> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> ... ... </div> </div> CSS Pinterest風レイアウトをCSSで実現するには、二つの方法が考えられます。 一つ目はfloa
商用利用無料、細かいパターンの繊細なざらっとしたパターン素材 -Arcandres Minimal Patterns
キル・ビル、ターミネーター、スターウォーズなど、映画をオリエンタルな壁画風に表現 -Classic Movies in Miniature Style
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く