メインビジュアル、キービジュアル、タイトルバナーとか呼ぶのでしょうか。 ＷＥＢサイトのメインになるイメージ画像のデザイン集。メインイジュアル制作の参考に。 サイトイメージを端的に表現したもの、コンバーションに直結しそうなものを中心に集めてみました。
WEBデザインのメインビジュアルまとめ
メインビジュアル、キービジュアル、タイトルバナーとか呼ぶのでしょうか。 ＷＥＢサイトのメインになるイメージ画像のデザイン集。メインイジュアル制作の参考に。 サイトイメージを端的に表現したもの、コンバーションに直結しそうなものを中心に集めてみました。
最近のウェブサイトで見かける背景のスタイルとトレンドのまとめ
Hannah & Jeremiah 洋服や髪型にもトレンドがあるように、ウェブデザインにもトレンドがあります。そして背景は特にトレンドがあります。上にあげた例のいくつかの写真やイラストの背景はシャープで分かりやすいですが、いくつかは解釈することが難しいものもあります。ソリッドな背景は人気が高く、ぼんやりとしたブラーな背景もあちこちで目にするでしょう。また、ブラックやホワイト（時代遅れな使い方ではなく）だけでなく、単一のカラーの背景で奥行きをコントロールしエレメントを目立たせるように使っているサイトもあります。そして、パターンやテクスチャもよく機能する背景で、これは最近形の大きさが変化したように思われます。パターンは大きいけれど、繊細なテクスチャのように低いコントラストのアイテムを使っています。 1. シャープなイメージ 背景にシャープで強いイメージを使うことは定番と言っていいでしょう、ポイ
厳選！驚くほどデザイン性の高い無料のブログテンプレート５５個 | バズ部
ブログのデザインは、読者に与える第一印象に大きな影響を与える。どれだけコンテンツが優れていても、デザインが悪ければ台無しになってしまう。一方、質の高いコンテンツと好印象を与えるのブログデザインが組み合わさると、読者の記憶に残るブログになる。 だからこそ、ブログのデザインに悩んでいる方は多いのではないだろうか？しかし、実は、ブログテンプレートを使うと、あっという間に質の高いブログデザインを作ることができる。 そこで、本日は、驚くほどデザイン性が高く、無料で使えるブログテンプレートを厳選して５５個ご紹介する。 あなたの気に入るものが、きっとあるはずなので、ぜひ使ってみよう。 Exhibition デモ ｜ ダウンロード Palladiumize デモ ｜ ダウンロード Architekt デモ ｜ ダウンロード ※有料版はレスポンシブデザイン対応 Grid Portfolio デモ ｜ ダウン
同人作家のための文字組解説冊子をC82で無料配布します | 日本同人誌デザイン協会
文字組を、すべての人に。 TYPESETTING CHEAT SHEET FOR DOUJIN CREATORS 「わたし文字組はちょっと……」 そんなあなたのためのチートシートができました。 同人誌づくりにおいて、文字を置く作業が苦手、イマイチうまく決まらない……。そんな経験をお持ちではないですか？ もしかしたら、その悩みは文字組みをちょっと意識するだけで解決できるかもしれません。 jaddaはこの夏、そのような悩みをお持ちの同人作家の方へ向けて、デザインの最も基礎的な知識である文字詰め・文字組みをできる限り簡潔にまとめたチートシートを制作しました。文字組は非常に奥が深い世界ですが、普通の人が普通に実践できるように、押さえておきたいポイントのみに絞って解説しました。 本誌はコミックマーケット82にて無料で頒布します。サクッと読んで、サクッと実践してみてください。 Illustration
テキストをさり気なく飾る！ベクター飾り罫6セット100個以上（AI）
Photoshopgraphics.comさんで無料配布中の飾り罫を6セット紹介。 比較的シンプルなテキストデコレーションが多めなのがうれしい。 セットには飾り罫以外（月桂樹、カットライン、シンボルなど）が少し含まれます。 極力少なめに使うのがポイントだそう・・ set01 ファイル形式：AI Download link set02 ファイル形式：AI Download link set03 ファイル形式：AI Download link set04 ファイル形式：AI Download link set05 ファイル形式：AI Download link set05 ファイル形式：AI Download link
これは使って見たい！高品位なクラシック･リボンのWEB素材3セット（商用可・PSD）
シンプルでセンスのいい、３種類のリボンセットを紹介。 オールpsdファイルなのでフォトショップで簡単に編集出来るのがいい！ まずはこちら 落ち着いたトーンが魅力的。ちょと分かりにくいですが、それぞれテクスチャが異なります。ブラック以外はファブリック系、ブラックのみレザーになってます。 スクリプトフォントがよく似合ってます。 Psd Ribbon Classic Set – Psd Web Elements – Pixeden ファイル形式：PSD（6色） ライセンス：商用OK（添付ファイルを良くお読み下さい） www.pixeden.com 先程と基本的に同系統のデザイン。但し、配色がパステル調（蛍光色）でかなりビビット。 Invent Classic Ribbons – Inventlayout.com – Download free PSD ファイル形式：PSD（5色） ライセンス：基
Facebook for WordPress ver1.0 の設定方法 | MubzLive
セルフホスト型の WordPress ブログエントリーを Facebook のタイムラインへ反映することがおざなりになって久しく、少しきになっていたので、この際、WPプラグイン、Facebook for WordPress ver.1.0 をインストール・設定してみました。 設定の手順は大きく３つのブロック。 プラグインのインストール Facebook のアプリ取得 プラグインの設定 参考までに、それぞのれ行程の手順を下に記しておきます。 また事前に。毎度のことなんですがインストールや設定やの実行は自己責任でどうぞよろしくおねがいします。ちなみに、正式な手順や方法に関しては、下記のURLから情報を収集できますよ。 Facebook for WordPress – Facebook開発者 http://bit.ly/LrRthh では、本題。 １．プラグインのインストール まずは、WordP
Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ:phpspot開発日誌
Ajax Style Loading Animation in CSS3 ( no Images ) - nikesh.me Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ。 マシンにもよるかもしれませんが、なんともなめらかに動作してくれます。 デモページ 画像サイズは最近のブロードバンド環境では微々たるものとはいっても、ピュアCSSのバイト数にはかなわないと思います。 ページ表示速度を考えるならば、ここら辺もチューニングしてもいいのかも。 ただし、CSS3が必要なので非対応ブラウザは動きません。 早くCSS3がどこでも使える時代になってほしいですね。 関連エントリ 画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」
画像単体表示時に各ブラウザが適用するスタイル
ブラウザで画像ファイルを単体で開いたとき、ブラウザによって表示の仕方が違っていたのが気になったので、画像表示ページのCSSを調べてみました。 なかなか面白かったですし、何かの参考になるかもしれません。 Google Chrome & SafariChrome 20.0.1115.1 dev-mとSafari 5.1.5で調査。 画像は表示領域の左上にぴったりと表示される。画像が表示領域内に収まりきらない場合は縮小して全体表示。スタイルは各要素にstyle属性で直接指定されます。 body { margin: 0px; } img { -webkit-user-select: none; cursor : -webkit-zoom-in; /* 縮小表示時 */ }FirefoxFirefox 12.0とAurora 14.0a2 (2012-05-01)で調査。 表示領域は暗い感じに塗りつ
ITクオリティ Webデザインのサイドやコーナーを飾る無料のダークリボンファイル
今すぐ使えるようなものではないかもしれないが、その時がきたら必要になりそうなパーツとしてご紹介。 サイドリボンや、コーナーリボンなどのリボンセットです。 覚えておいて損はないかもしれませんね。 Dark Ribbon Set | Best PSD Freebies
Photoshopで色を変えやすい格子柄のパターンを作る方法 – creamu
今までレイヤーを2つ重ねてマスクしたりしてチェックパターンを作っていたんですが、うまくいったのでメモ。 上記のようなパターンを1レイヤーで作るには、以下のようにします。 黒と透明のパターンオーバーレイを乗算に設定 カラーオーバーレイで、つけたい色を選び、スクリーンに設定
iPhoneでサイトを表示したときのフォントに関するデフォルト値 « WEBサイト更新・管理代行 / スマートフォンサイト制作 / CMSサイト制作Grand License |
iPhoneでサイトを表示したときに、 デフォルトの状態でのフォントサイズ、フォントタイプ・・・ 行間とか・・・・ どうなっているのでしょう？？？という話しです。 mobile Safariのデフォルトといったほうがよいでしょうか。 ■フォントサイズのデフォルト CSSで特に指定してない場合はデフォルトは16pxで表示されます。 只、iPhoneの向きを変えるとサイズが自動調整され多少変わる場合があります。 この自動調整をさせたくない場合はmobile safari独自CSSで対応します。 例えばbodyに 以上のようなcssを使うことによって自動調節の回避ができます。 ■フォントタイプのデフォルト 日本語の場合は「ヒラギノ角ゴシックProN W3」がデフォルトのフォントになります。 日本語で明朝体は使えません。 半角英数字のデフォルトは「Times New Roman」で
Creating Efficient Docs with API Documentation Tools | AppMaster
Flexibility and scalability have become an integral part of modern systems, and application program interfaces (APIs) play an essential role in providing such features. It is important to build efficient APIs to provide modern web services. Since coding and development are all about the team's efforts, it is important to use reliable API documentation tools to keep thorough records and ensure the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
takashi178.me
知ってるといつか役に立つ！？CSS3を使った次世代表現をjsdo.itからいろいろ
Free-Style – ALL FREE
http://webdesignmatome.com/webdesign/js_anim
バナー作成に困ったときにみるバナーまとめサイト
無料イラスト・フリー素材なら「イラストAC」
http://joelb.me/scrollpath/