寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
House of Buttons
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Submissions welcome.
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
はてブのiPhone記事ホットエントリー・トップ100を調べてみました - もとまか日記
先日、以下のような記事を書きました。 「読まれるiPhoneブログ」にするためのヒント この時、以下の疑問が湧いてきました。 「はてブのiPhone記事ってどういう内容が多いんだろ？」 調べてみたら面白くて便利な記事ばかりなので、「トップ１００」として、まとめてみました。 抽出条件・2010/9/13 4:00時点（集計作業はその前日）のまとめです。・iPhone関連「記事」であること（サイト、ブログ等は除外）。・タイトル、タグに「iPhone」が含まれていること。・順番は「集計時点のはてブ数」の昇順です。・時期欄は該当記事掲載時の最新機種（iPhone）です。・手作業なので漏れはあるかもしれません。ご了承ください。 iPhone記事ホットエントリー・トップ100（2010/9/13 4:00時点）No記事名（リンク）はてブ数集計時点時期1iPhoneと過ごした500日まとめ(67,695
RedLine Magazine : CSS セレクタ総復習 （2010年5月版）
CSS セレクタ総復習 （2010年5月版） CSS3のプロパティにも興味津々なのですが、その前にまずセレクタを全部まとめて総復習しておこうかな、と。本来1ページに書くべきではない内容量なので読み込み遅いと思います。ごめんなさい。 Selectors Level 3 http://www.w3.org/TR/css3-selectors/ 選択子 http://zng.info/specs/css3-selectors.html (日本語訳) ※下記内容で、サンプルページを用意したセレクタもあるんですが、当然、各セレクタに対応しているブラウザとそうでないブラウザがあります。対応していないブラウザでサンプルページを見ても再現できません。 目次 * (汎用選択子) E (型選択子) E[foo] (属性選択子) E[foo="bar"] (属性選択子) E[foo~="bar"] (属性選択子
ロゴデザインのインスピレーション向上に役立ちそうなサイトいろいろ
ロゴデザインのインスピレーション 向上に役立ちそうなギャラリー等の まとめです。ロゴデザインで困る事 が多いようでしたらギャラリーなど で制作例を見ればアイデアが浮か ぶかもしれません。 ロゴデザインのインスピレーション 向上に役立ちそうなギャラリー等の まとめです。ロゴデザインで困る事 が多いようでしたらギャラリーなど で制作例を見ればアイデアが浮か ぶかもしれません。 個人的な備忘録も兼ねてまとめます。順不同です。 logopond とにかく大量のロゴがあります。現在18000ほど。 logopond logofaves サムネイルが大きいのが嬉しい。 logofaves logomoose こちらもサムネイルが大きいです。ブログ形式でアワードなども開催。 logomoose creattica 有名なギャラリーサイトのロゴカテゴリ。他に、名刺や広告デザインなども。 creattica
Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
Webプロデュースに役立つ10のツール、2010年版
外資系企業を相手にしているとコミュニケーション能力と同じくらい評価の対象になるのが"Preparedness"（事前準備）という点です。ミーティングに出席する際は事前に議題を全て網羅し、データを準備することは当たり前。顔合わせの段階でも具体的なインプットを求められます。日本特有の正確な回答のために「持ち帰る」という考え方は基本的に嫌われ、時間を短縮するために個人の能力の範囲内での即答が求められます。初めてのミーティングでも具体的な提案が出来るよう、汎用的な資料はもちろん欠かせません。しかし、それ以上にクライアントのビジネスに直結するデータを基にした考察、提案がクライアントの心を掴みます。価値を感じてもらう為にはクライアントの現状を把握し、提案する事で「自身で判断が出来る人材」としての信頼を得ることが重要です。 先ず知るべきは消費者の声。その商品やブランド、またはカテゴリー全体についてどのよ
知らない人は損してると思うMacの使い方 :【2ch】ニュー速クオリティ
Speech機能、マウスオーバーで使える辞書機能、Sound FlowerとAU Labで、AU-Pluginsを使って遊べる、録音できる、Quartz Composer、SafariでファビコンをDockにドラッグでジャンプ台のアイコンが作れる、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パスワード認証
http://www.highfloater.com/
基礎文法最速マスターランキング
CSSの知識をもっと深める30+2の小技テクニック集｜Webpark
perl の CGI や PHP でよく出力する Content-type ヘッダ一覧 (MIME-type) | perl/CGI | 阿部辰也のブログ――人生はひまつぶし。
バナー広告デザインまとめ - DesignWalker
数学教材の部屋 - コンパスだけの作図とかあるよ
見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
Photoshopでつくるタイポグラフィのチュートリアル -Part19
パスワード認証
