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

星の数ほどあるたくさんのjQueryのプラグインから、目的にあったものを探すのはなかなか大変ですよね。そんな時に役立つ便利なサイトをまとめました。 まずは手前ミソで自分がまとめたものから。 これは本当に多大な労力と実際の動作確認もしているので自信をもってオススメできます。 jQueryのプラグイン100選 -2013年総集編 日々チェックしているスクリプトから厳選して一年単位でjQueryのプラグインをカテゴリごとに選出しています。プラグインの半分近くは個別に記事も書いてあります。 jQueryのプラグイン100選 -2012年総集編 jQueryのプラグイン100選 -2011年総集編 jQueryのプラグイン100選 -2010年総集編 jQueryのプラグイン100選 -2009年総集編 jQueryのプラグイン100選 -2008年総集編

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

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

先日仕事用のMacBookPro15インチを購入しましたが、自宅で使う際は画面が小さすぎるので27インチのiMacを外部ディスプレイとして使うことにしました。 iMacがケーブル1本でMacBookProやMac miniの外部ディスプレイになります。 Macに搭載されているターゲットディスプレイモードにより、iMacをケーブル1本で他のMacの外部ディスプレイにすることができます。新しい27インチの外部ディスプレイを買うのは勿体ないので、iMacのこの機能を使って外部ディスプレイとして使うことにしました。 対応しているiMacがこちら。DisplayPortかThunderboltが搭載されている以下のiMacならターゲットディスプレイモードを使用することができます。 iMac (21.5-inch, Late 2011), iMac (21.5-inch, Late 2012), iM

離婚回避マニュアルを購入しようとしているなら、こちらのリンクをよく確認したほうがいいです。 このWEBサイトで、女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～の購入によって一体何ができるのかを、よく理解してから購入されることをおすすめします。 また、レビューや口コミが掲載されていれば、それもよく確認しましょう。 次の女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～に関した情報も購入の参考になるかもしれません。 販売商品名称：女性が書いた男性のための離婚回避マニュアル～妻と絶対に離婚したくないあなたへ～ 教材説明：画期的な究極の離婚回避マニュアルをご紹介します。絶対に離婚したくない夫に徹底的な女性目線でお伝えする、離婚回避バイブルです。市販のマニュアルの多くは、男性が男性目線で書いたものであり、「妻の感情」をまったく無視しています

しかしこのTime Machine、バックアップ中はMacが結構重くなってしまうのです。4コアのCPUを搭載しているiMacに外付けハードディスクを直付けしているような環境ならそんなに気にならないのですが、MacBook Airから無線LAN経由でTime Capsuleへバックアップしている場合などは、かなり重くなります。重すぎて作業が快適にできません。 そこでオススメしたいのが、今回紹介するTimeMachineEditorです。 ダウンロード こちらのページからダウンロードすることができます。 設定 TimeMachineEditorを起動すると、設定ウィンドウが表示されます。設定のタイプは「インターバル」と「カレンダー」の2種類。 インターバル 「インターバル」では、バックアップの間隔を指定することができます。Macの標準だと1時間おきになってますので、そんなに頻繁にバックアップし

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

1月に体壊して入院していたので、その間に結構アプリを買い漁っていて、Macアプリがこんなにも毎日感動を与えてくれるのか！と改めてMacアプリケーションの素晴らしさを実感してました。 普段仕事ではWindowsなのであまりマニアックなアプリは知りませんが、プライベート仕事するには十分な、主にWebディレクター、デザイナー向けのアプリを紹介したいと思います。 ブラウザ、FTP、メーラーなどは特に言及するまでもないと思うので省略します。またメジャーどころが多いので、マニアックさには期待しないで下さい。 まとめたのは以下の項目です。 費用・見積もり作成 アイデア発想 アイデアメモ・日記 情報収集 制作スケジュール管理 個人スケジュール管理 制限時間管理 タスク管理 デザインクリップ 画面キャプチャー撮り スクリーン採寸 ワイヤーフレーム作成 作業効率アップ クロスブラウザチェック ソース差分チェッ

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

おヒマな方へ Macを使うディレクターが抑えておきたい便利ツールまとめ こんにちは。企画部のこんどうです。 今日は、普段使っているツールの中でも、 これは便利だなあと思うものをあらためて紹介したいと思います。 Quicksilver 言わずと知れたユーティリティソフトウェア。 アプリの起動やフォルダを開くのを、キーボードだけで簡単シンプルにできる。 finderをひらいて検索してみたいな操作が省けて超速い。 Trigger機能も便利過ぎて泣けてきます。 http://www.blacktree.com/?quicksilver KeyRemap4MacBook テキスト入力時のカーソルの移動をとても速くできる。 これやるともう前の状態に戻れない。もう亀にはなりたくありません。 http://pqrs.org/macosx/keyremap4macbook/ The Hit

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