これは絶対覚えておいた方がよいシルエットの素材集。 85サイトのフリーかつハイクオリティなシルエット素材集が物凄い勢いでまとまっています。 覚えておくと色々な場面で使えることは間違いなさそう。 人型だけじゃなくて、動物や昆虫・植物などそろってます。 リンク先は以下のURLから参照してください 85 Free High Quality Silhouette Sets | Graphics
第 6 回目は「CSSを使った見栄えの良い表組み(table)」です。 Web サイトのレイアウトがすべて table でコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。 本来の「複数のデータを表示・比較の際にわかりやすいよう見せる表組み」のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる 線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>本体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条 承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<
Photoshopは便利なソフトウェアである反面、あまりにも便利なので思わずやってしまいがちな間違い、誤用、乱用といったものもあります。これらのことをしてしまっているからといって嘲笑の対象になるというのではなく、こういうミスを犯しがちなのでPhotoshop初心者・初級者は気をつけましょうというポイントのリストになっています。 どれもこれもPhotoshopをマスターしている人から見れば当然のことばかりなのかもしれませんが、誰でも一番最初には「初めて」のときがあったことも事実なので、これらの間違いを犯しているユーザーを見かけたら、相手の心を傷つけないように注意しながら、上達を促してあげると良いのかもしれません。 Photoshopでやってしまいがちな12個の間違った使い方は以下から。 12 Common Photoshop Mistakes, Misuses and Abuses | Th
2008.04.18 プロと素人くさいデザイン テーマ:ビジネス・起業に関すること。(19535) カテゴリ:Webデザイン ただいま、自社サイトの制作を少しづつ進めてきて、 ようやく、自社サイトが形になってきました。 まだまだ完成ではありませんが、100%はありませんので、 時間をかけてこのサイトを作り込んで育てていきたいと思っています。 その中で、ひとつ、バナーをご紹介してみます! このふたつ、違いが分かりますか? 本来なら、製作途中のものは公開しませんが、自社サイトですので、 アップをしてみます。 製作途中はこのようにバランスが悪いな、と思うところを 全体のバランスを見ながら整えて仕上げていきます。 このふたつのバナーは、配色・内容・角ゴシック・サイズ もほぼ同じですが、 プロっぽい 素人くさい こんなにも印象が違っています。 この違いが分からなければ、大変申し訳ないのですが、 デザ
非推奨HTMLタグ・属性をCSSで書き換えろ! HTML4.0/4.01では、色やフォント・配置といったデザインやレイアウト関連のタグや属性の使用を推奨していません。これらは「非推奨タグ・非推奨属性」と呼ばれ、今後はスタイルシート・CSSで代替していく必要があります。 非推奨なタグ よく使われているベスト5 現在でも依然として使われることが多い以下の5つのタグは、上記の「非推奨タグ」に該当します。今後は使用を控えるのが賢明です。<font>, <s>, <strike>, <u>のスタイルシート・CSSでの書き換え方法については、「テキストタグの書き換え」のページで解説しています。 非推奨属性 その1 ~背景・画像・段落等~ 今後は使用を避けるべき主な属性の一覧表です。デザインに関する属性はすべてスタイルシートで代替していくことになります。画像タグの書き換え方法については、「画像タグの書
<table width="400" border="0" cellspacing="0" cellpadding="0" bgcolor="#333333" align="center"> <tr><td><table width="100%" border="0" cellspacing="1" cellpadding="2"> <tr><td width="15" align="center" bgcolor="#CCCCCC"> </td> <td bgcolor="#EFEFF2" width="385"> タイトル </td> </tr></table></td></tr></table> <table width="400" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF7F7F" align="center"
すみません、昨日今日とだらだらしてしまって、すっかり資料の公開が遅くなってしまいました><2007年9月8日にノッキングオンさんにて行なわれたデザイン勉強会で、私がお話したことの資料を公開いたします。「デザイナーでない人のためのレイアウト入門」(pdfファイル・約41MB)当日お見せしたものから不要なアニメーション部分を取り除き、1ページ説明を追加してあります。このpdfだけでは当日お話したことがカバーし切れていないのですが、 そこは素晴らしき「ついったったー」の皆さまにより、完璧フォローされておりまする!(皆様に大感謝!!!)デザイン勉強会まとめサイト(by woopsdez嬢)デザイン勉強会のまとめをするよ!(by hamashunさん)「デザイン勉強会」に参加してきました!(その2)(by necozeさん) あ、あと、まとめサイトから、floralさんが録音してくださった音声データ
アウトラインフォントと違って、少し手間(?)のかかるのがビットマップフォントです。 でも、小さくて可愛いフォントが多いのもビットマップフォントなのです(*´∇`*) このフォントはアウトライン化されていないので、ギザギザとした感じに見えます。 またビットマップフォントは必ず「このサイズで使って!」と指定してあるので、そのサイズ、もしくは指定されたサイズの倍数で大きさを指定します。 ビットマップフォントをキレイに見せるためのものなので、必ず守って使いましょう。 サイズは「ピクセル」で指定。 フォントの大きさを指定するとき、ほとんどのペイントソフトは「ポイント」単位で指定するようになっています。 しかし、この「ポイント」はWinとMacでは表示される大きさが違います。 (Winの解像度=96dpi、Macの解像度=72dpiと違うために起こる現象です。) これでは正しい大きさを指
jpeg及びgifで文字を表示する場合、 どれくらいのピクセルならきれいに表示されるのでしょうか?
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く