デスクトップ向けページの横幅をまとめた一覧表です。188の企業や組織について、業種ごとにまとめました。 レスポンシブWebデザインのページ(表中の赤字)は、「ブレイクポイントの最大値」と「コンテンツの横幅」のうち、大きい方を採りました。 2015-07-18

いくつか知っておいた方が、必要な時に 探しやすいと思ってメモします。Webサイト のデザインをヘッダーやフッターなど、 パーツ別に収集しているギャラリーサイトが いくつかあるのでまとめます。 そんな大量に有るわけではないですけど。パーツのデザインはいつも迷うのでこの手のギャラリーはいくつあっても結構重宝しますよね。 ブブンデザインアーカイブ 国内でおそらく唯一のパーツ別デザインギャラリーです。ナビゲーションやフッターなどで探せて、収集しているサイトも国内メインなので参考になるのでは。 ブブンデザインアーカイブ MephoBox ヘッダーやフッター、ナビゲーションやフォームデザインだけでなく、404やカレンダーなど全てのコンテンツをカテゴリにしてパーツデザインを収集しています。おすすめ。 MephoBox Pattern Tap こちらもナビゲーションやボタン、フォームデザインなどに分けてデ

PhotoshopのPSDファイルをそのままFireworksで開くとビットマップ形式となってしまい、レイヤー情報やベクターデータは破棄されてしまいます。 そこでレイヤー情報やベクターデータを保持したままPSDファイルをFireworksで開くには、Illustratorを使用します。 PSDファイルを一旦Illustratorで開きます。 開いたときに出てくる「Photoshop読み込みオプション」の画面で、「レイヤーをオブジェクトに変換」を選択します。 このファイルをaiファイルとして保存します。 保存したaiファイルをFireworksで開きます。 開いたときに出てくる「ベクトルファイルオプション」の画面で、「レイヤーを保持する」を選択します。 これでPSDファイルをFireworksで開くことができます。 IllustratorのaiファイルをFireworksで開く方法 Phot

PDFにちょっとした修正を入れたり、EPSファイルにして印刷に使いたいときなど、体裁そのままにアウトライン化したいことがある。 フォントが埋め込まれたPDFをアウトライン化するにはAcrobat Professionalを使う方法があるが、透明のオブジェクトを作って云々と少し手間がかかる。そこでIllustratorを使用した方が簡単にできるが、あまり紹介されていないようなのでその方法を書いておきます。バージョンはCS以降で可能。 【概要】 フォントが埋め込まれたPDFを単純にIllustratorで開く（ファイルメニュー ＞ 開く…を使う）とレイアウトが崩れたり、埋め込まれたフォントが再現されなかったりしてしまうことが多い。 「開く」ではなく、PDFを「配置」することでレイアウトの崩れを防いでアウトライン化することができる。 【方法】 Illustratorで新規ドキュメントを作成。 フ

html5Web フォントは「Web サイトにオリジナルのフォントを埋め込む」ための技術です。現行のブラウザーは全て Web フォントに対応している状況です。そんな状況であるため、絶対にコピペできない文章を作ったったwwww は Web フォントに依存したコンテンツでしたが、特別な配慮はせずに公開しました。しかし、公開後、Web フォントが適用されなかった複数の方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。４種類のフォーマット一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし

はてブたくさんついちゃいました(・∀・) お久しぶりの意匠子です。 先日のHTML５に関する記事がとんでもないブクマ数ついちゃいました。 今の世の中はHTML5旋風吹き荒れてますね！ このような最新情報を集めるのもデザイナーの大事なお仕事！ そこで今回は知らないと人生を損しているであろうデザイナー必見のサイトをまとめました！ 続きをどうぞ！ まずは鉄板サイトから！！ Webクリエイターボックス チュートリアル系の記事が豊富。 まぁWebデザイナーはほぼ100%見てるいると思って間違いなし。 コリス Webデザイナーやマークアップエンジニアで、 このサイトを知らないのはモグリと思われてしまうくらい有名なサイト。 CSS3やJavaScriptの話題が豊富。ちなみに某りすこさんとは関係ありません。 ホームページを作る人のネタ帳 Webデザインを学ぶ人はみんな一度は見たことがあるぐらい有名なネタ

2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB

Design あなたのデザインに刺激を与えるサイト30選『30+ Sites To Help Inspire Your Designs』 Webデザインの参考になるサイトはないだろうか。 そんなときにおすすめなのが、『30+ Sites To Help Inspire Your Designs』。あなたのデザインに刺激を与えるサイト30選だ。 以下にいくつかご紹介。 » AndyBudd.com 印象的なCSSサイトを数百集めているサイト » BestWebGallery.com たくさんのスタイリッュなサイトが見られて刺激をもらえる » CSSBased.com 1500を超えるCSSベースのデザインサイト » CSSBeauty.com 月に一回更新されるサイトギャラリーやニュース、お知らせなど » CSSClip.com 1700以上のサイトが掲載されていて、評価したりコメントをつけ

WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が１０倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が