１ピクのラインにこだわったデザインスタディ
ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに１ピクセルのラインを使用したデザインスタディをSpoonfed Designのエントリーから紹介します。
YouTubeのHD化(1280×720)仕様やダウンロード方法まとめ :教えて君.net
15日にお伝えした、YouTubeが1280×720pxのHD動画に対応した件だが、記事執筆段階でダウンロード方法などが確立されておらず、また、速報性を優先したため「fmt=○○」絡みのYouTubeの仕様などがイマイチ伝わりづらい記事になってしまった。「なんか凄いとか言ってるけどよく分からん」「どうやって落とすの？」という方向けに、最新のYouTube仕様とダウンロード方法などをまとめる。 YouTubeは、ある動画に対し、「高画質版」「iPhoneでそのまま見れる版」など様々なファイルを用意している。これがいわゆる「fmt=○○」だ（URLの最後にそれを付加することで、どのファイルを再生に利用するか指定する）。先日までの段階でも「fmt=6による高画質なFLV」「fmt=18によるiPhone互換形式」などが明らかにされてきた。これに加え、新たにfmt=22のHD動画が登場した！……
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
もう使えない！？SEO知識 2008 αSEO
これまでは通用したけれども、今は通用しない、「もう使えない知識」を株式会社アイレップ SEM総合研究所所長の渡辺隆広が語ります！新しい知識を学んで、検索エンジンの日々の変化をキャッチアップしてサイト運営に活用していきましょう！ スパム行為をすると、Googleから突然削除される？ ある日突然、検索エンジンの検索結果から自分のサイトが消えてしまった時、「スパムと判定されたのでは？」と考える人は少なくありません。しかし大抵の場合、スパム（＝あなたが何か検索エンジンに対して悪さをしている）のではなく、全く別の理由（＝スコアリングの変更などによるもの）である場合がほとんどです。また、Yahoo!はともかく、Googleは事前の警告なく突然スパムと判定して削除をしてくることはありません。 幸いなことに、Googleは事前にサイト管理者に対してガイドラインに違反している旨を通知してくれます。具体的な違
Netscape 4.x における日本語フォントによるスタイル無効化の回避
Netscape4.xはスタイルシートの実装が中途半端でバグがたくさんありますが、 その中でも代表的なものが「スタイルシートでフォントの指定をすると、そのスタイルすべてが無効になる」というものです。 回避するにはスタイルをクラス指定にして同じクラス名で何度もスタイル指定を上書きするなどがありますが、 実はもっと簡単な方法があります。 実はN4のこのバグは「スタイル属性に日本語の文字が使われている」ためだと考えられるため、 日本語フォントを英語で指定してやったところ、見事(?)スタイルが有効になりました（それでもフォントの指定は無視されたままですが）。 こんなかんじです <span style="font-family:ＭＳ 明朝;font-size:36px;color:red">これは36pxで赤色の明朝体の文字です</span> これは36pxで赤色の明朝体の文字です <span st
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
Lucky bag::blog: 個人的に気に入ってるユーザースタイルシート
今んとこ、ガチで不動のレギュラーメンバーな自分のユーザースタイルシートを晒してみる。userstyles.org で見つけたやつとか、自分で書いたやつとか。ちなみに、ユーザースタイルシートの管理は Firefox の 拡張 Stylish で。 livedoor Reader 用 各記事タイトルの下にある"元記事"って部分を URI に置き換えて表示 @-moz-document domain("reader.livedoor.com") { div.item_info { text-indent: -3em; } div.item_info a { visibility: hidden; } div.item_info a::after { visibility: visible; content: attr(href); } } Gmail 用 迷惑メールの未読数を見えなくしてボールド
[CSS]よく使用するクラスをまとめたスタイルシート -Toolbox CSS
CSS-Tricksのエントリーから、異なるサイトにも利用が可能な、よく使用するクラスをまとめたスタイルシート「Toolbox CSS」を紹介します。 <textarea name="code" class="css" cols="60" rows="5"> .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .layoutCenter { margin: 0 auto; } .textCenter { text-align: center; } .textRight { text-align: right; } .textLeft { text-align: left; } </textarea>
覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草？ Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記（改訂版） Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.keiyu.com/doc/pdflink.htm
Googleが教えるSEOでやってはいけない30の事 - 海外のSEO対策・SEOツールをわかりやすく解説するブログ