TRANS - 英語圏から学ぶ、body要素に対するfont-size指定方法のまとめ
YUI Fonts CSSのfont-sizeで悩み始めてから、font-sizeってどういうのがいいのだろう、と考えていました。そこで、英語圏ではどういうふうに指定しているのが多いのだろうと、いろんな記事を読み漁ってみました。いろいろなやり方はあるにせよ、5つくらいのパターンに分けられるんじゃないかなと思うので、まとめておきます。 font-size: 100%; 主に、body要素に用いられるもの。font-sizeを100%で指定しておいて、font-sizeの指定はユーザの好き好みに合わせるというもの。ユーザビリティに配慮したり、ユーザスタイルシートを生かして読んでほしい場合はこの指定が多いようです。 font-size: 100.01%; 最近ちょくちょく見掛ける、body要素に対して100.01%を指定するというもの。これは、Re: WSG Setting Up Font Si
これで完璧！ロゴデザインのためのお役立ち資料まとめ | P O P * P O P
これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな～り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo （ロゴの重要性） Logo Design Software （デザインのためのツール） Logo Design Tutorials （チュートリアル） Logo Fil
コーディングコンテスト開催決定なのっ！
（4/5に仕様部分修正有り） 以前のエントリーで脳内妄想を炸裂させていた、コーディング大会の件が正式に開催される事が決定となりました。 今回、名称は取りあえずコーディングコンテストで。 何かソコで悩むのに疲れた… 取りあえず、サブタイトル的に勝手につけたのが、 コーディングコンテスト Vol.1 ～Coder's High～ という感じです。（今つけた） と、まぁその辺はどーでもいいっすが今回のコンテストは、CSS Nite LP, Disk 3 "Coder's High"との連動企画として動く事になりました！ 連動だからってLP3に参加しないといけないとか、そういう事はありません。 スイッチの鷹野さん、CYBER@GARDENの益子さん、後デジパの中の人で仕様決めに関するディスカッションをして、ある程度仕様が固まったのでご連絡いたします。 最終的に変更が加わる可能性もありますので、その
窓の杜 - 【NEWS】好きなテキストエディターでHTMLタグ入力補完を利用できる「HTMLAssistant」
さまざまなテキストエディターでHTMLタグ入力補完機能を利用できるようにする支援ソフト「HTMLAssistant」v1.06が公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「HTMLAssistant」は、タスクトレイ常駐型のHTMLタグ入力支援ソフト。普段利用しているさまざまなテキストエディター上で、HTMLタグの入力補完を実現できるのが特長。 本ソフト起動中に任意のテキストエディターで“<”を入力すると、HTMLタグの要素や属性の候補リストがキャレット位置にポップアップ表示される。このとき、1文字入力するたびに該当するHTML要素が絞り込まれていく仕組み。また、属性に関してもキャレット位置の要素に対応する候補のみに絞り込むことが可能。 本ソフトは多くのテキストエディターに対応して
後悔しないために知っておきたい『面接でやってはいけない10のこと』 | P O P * P O P
街ではリクルートスーツをよく見かける昨今。就職活動の時期ですね。 そこで今回は「面接でやってはいけない10のこと」という記事をご紹介します。就活生だけでなく転職を考えている方にも参考になるTipsですよ。 人材派遣業界のジャーナリストを9年間務めたMatt Krumrieさんの記事です。 » Ten Things Not To Do In An Interview 面接でやってはいけないこととはどのようなことでしょうか。以下よりご覧ください。 携帯の電源はきっておきましょう。マナーモードもいけません。バイブが震えだすと自分の集中力が途切れてしまいます。 タバコの匂いはさせないようにしましょう。もしあなたがタバコを吸っていたとしてもばれないようにしましょう。「直接お客様とやりとりする仕事」の面接では特に気をつける必要があります。 前職の上司や同僚に関して悪口を言うのはやめましょう。面接では正
今すぐ自分に自信を取り戻すための7つのTips | P O P * P O P
読むとなんだか元気がでてくる記事がありました。 「すぐに自信を取り戻すための7つのTips」という記事です。人間誰しも落ち込む時はあります。そのような時のために自分をちょっと元気付けてくれるTipsはいくつか知っておきたいものです。 » 7 Helpful Tips To Immediately Increase Your Confidence 一体、どうすれば自信はつくのでしょうか。下記よりどうぞ。 「もし最悪の事態になったらどうしよう・・・」。そのように人間は起こっていない問題をついつい心配してしまいます。しかし、人間のエネルギーは一定です。心配事にエネルギーを無駄使いするくらいならば、もっと生産的なことにエネルギーを使いましょう。 何か初めてのことに取り組む時には「それは過去にすでにやった」と想像してみましょう。そして、目をつぶって、「これから取り込むことをうまくやっている」シーンを
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
Web 2.0時代の新しい名刺「MiniCards」--ブロガーらの間で人気
ニューヨーク発--Web 2.0には実はサイズがあり、縦28mm×横70mmの長方形をしているなどと、考えたことがあるだろうか。 実はこれ、新興企業のMOOが発売している「MiniCards」のサイズだ。このカードは、数世紀にわたって利用されてきた名刺に新たな意味を加え、Web 2.0時代を生きる人たちの「さりげない交流の手段」に変えようとしている。 米国時間3月27日と28日の2日間にわたって当地で開催された「Virtual Worlds 2007」や、3月上旬の音楽見本市「SXSW」、ゲーム業界のイベント「Game Developers Conference」（GDC）、テクノロジ業界の「Technology, Entertainment and Design」（TED）カンファレンスといったマニアの集まるイベント、あるいはここ数カ月に開かれたブロガーが多く集まる会合の場では、多くの参
【2ch】ニュー速クオリティ:ラブホとかビジホで焦った事を赤裸々に語るスレ
12 和菓子職人(大阪府) 投稿日：2007/03/25(日) 15:58:30 ID:P5lT5aQD0 ?2BP(3220)
【2ch】ニュー速クオリティ:いま女性の間では恋に受身の“恋愛マグロ男”が大人気。内気な人見知り男子もモテモテ
1 ゴーストライター(東京都) 投稿日：2007/03/27(火) 21:45:30 ID:XOZ0Rwuj0 ?PLT(10100) ポイント特典 あなたは恋に受身の“恋愛マグロ男”ですか？ http://news.livedoor.com/article/detail/3095259/ 恋愛の主導権が女性に移りつつある。告白にはじまり、デートプランを考えるのも、 はたまたセックスに持ち込むのも女性。現代の女子をここまでたくましく突き動かしてい るのは“恋愛マグロ男”と呼ばれる男性が急増しているからだ。恋愛のすべてのことに受 け身で、女性のアクションに身をゆだねているマグロ男。あなたの周りにも思い当たる人がいるのでは？ 恋愛マグロ男は、実は３つの種類に分けられるという。今この記事を読みながらハッと した男性、自分に一番当てはまるのはどのタイプ？ まずは女性にとって、
【2ch】ニュー速クオリティ:【ゲーム】鳥肌が立ったこの場面、この曲
エストポリス伝記２ アイリスとの会話で命がけで彼女に訴える主人公。 その時、突然稲妻のように流れる「地上を救うもの」
- heartbreaking.
ゆきまろ/誰だよ何度も何度も何度もアクセスしてんのは･･･ 脚立/誰だよ何度も何度も何度もアクセスしてんのは･･･ Unknown/誰だよ何度も何度も何度もアクセスしてんのは･･･ Unknown/寒い･･･ Unknown/なんで？ Unknown/ウゼえ Unknown/なんで？ Unknown/なんで？ Unknown/なんで？ Unknown/なんで？
Web サイト制作時の参考文献リスト
完全に自分用メモ代わりですが、Web サイト制作時に参考にする機会の多いドキュメントをまとめてみました。とりあえずは仕様書関連のみ。 英語で書かれたドキュメントばかりを並べてもなんなので、参考までに日本語訳されたドキュメントも私が知っている範囲内で併記してみました。ただし、日本語訳は完全に原文との整合性を保障するものではありませんので、あくまで参考までにご利用ください。 HTML 関連 HTML 4.01 Specification -W3C Recommendation （日本語訳） ISO/IEC 15445:2000(E) ISO-HTML （日本工業規格 JIS X 4156:2000） ISO-HTML: Entities, element types and attributes (DTD) W3C から勧告されている、HTML 4.01 の仕様書に関しては現状、(X)HTML
ディアボロの大冒険 紹介＆攻略
装備ディスク 従来の不思議のダンジョンシリーズと大きく違うのは、装備品であれば攻撃／防御／能力のどれに装備するのも自由という事。数多くのディスクを装備できるぞ。 各スタンドにはそれぞれ得意分野、攻撃力・防御力といった数値に加え、様々な特殊能力がある。長所と短所を見極め、局面に合わせて装備したい。 ”発動”せよ！ ディスクには発動というコマンドが備わっており、それを使うことで様々な効果が生み出せる。発動にはディスクの＋の数値が必要だ。＋の数値が無い状態で発動したディスクは消滅してしまうぞ。 防御に秀でたザ・フールのディスク。発動することでワープが可能だ。 攻撃・防御の基本的性能はないが便利な能力ディスク。パール・ジャムは食料品代わりとしても有効に使える事だろう。 ディスクを合成してパワーアップ！ ディスクの能力は合成も可能だ。十分に鍛えられ、合成されたディスクはあらゆる局面に対応して君の身を
ニコニコこめんと
<script type="text/javascript" src="http://nikoniko-comment.com/scripts/index.php" charset="utf-8"></script> ↑ タグをブログに貼り付けてください
CSSの記述テクニック 階層宣言コーディング - 3ping.org
2007-04-02追記 この記事は2007年4月1日にエイプリールフールネタとして書かれたものであり、紹介しているCSSの宣言ブロック内にセレクタを記述する方法は不正な書式であり無効です。 検索・他の記事から訪れた人は勘違いしないように注意してください。 CSSの記述はセレクタを並列に定義していくので、視覚的に構造を表すことができません。ここで定義グループごとにファイルを分割して管理したりする方法が有効になるのですが、これもXHTML文書の構造を頭にいれておかなければならないし、文書とビジュアルの結びつきをきちんと設計しなければ分割する意味がなくなってしまいます。 今日は、これらの弱点を埋める「階層宣言コーディング」という記述方法を紹介します。 次の記述は単純に文脈セレクタを使った記述です。 p.caution { color: red; font-weight: bold; } div
My Life Between Silicon Valley and Japan - 「好きを貫く」のはそんなに簡単なことではない。意識的で戦略的でなければ「好きを貫く」人生なんて送れないよ。
「直感を信じろ、自分を信じろ、好きを貫け、人を褒めろ、人の粗探ししてる暇があったら自分で何かやれ。」を書いてから二週間。休暇で海外に出ていたのでしばらくこのブログを更新できなかったが、その間の膨大な反応も、帰国してから全部読んだ。 僕の本やブログをずっと読んでくれている人には「言わずもがな」かもしれないけれど、あの短いエントリーを単体で読むだけだと誤解を招くだろう部分が「好きを貫く」ことの難しさ、厳しさだ。 人生の幸福とは「好きを貫いて生涯を送ること」だと僕は思っている。「好きを貫いて生涯を送ること」は素晴らしいことだ。人からどう見えるとか、他人と比較してどうこうという相対的基準に左右されるのではなく、自分を信じ、好きを貫く人生を送ること。本当の幸福とは、そういう心の在り様にこそあると、僕はそう信じているから、若い人達に、そんなに簡単に「好きを貫く」ことを諦めてほしくない。でも「簡単だから
SEO対策ツールまとめ[to-R]
SEO対策ツールまとめ よく使うSEO対策ツールのまとめ。 他にもいっぱいあると思うけど個人的に愛用しているもののみピックアップ。 キーワードアドバイスツールプラス Yahoo!JAPANでキーワードが何回検索されたか調べるツール(2007年4月時点のデータ) キーワード出現頻度解析 そのページにおけるキーワードの比率を計算できるツール。 検索エンジンランキングチェッカー 検索エンジンでの順位をチェックできるツール。 何がすごいかって言うと検索結果が記録されていきます。 Google, YST キーワードチェックツール GoogleとYSTの辞書にキーワードがどのように登録されているかチェックするツール。 XML Sitemap Generator Google sitemapを自動で作ってくれるツール Statsaholic 今までのAlexaの順位遷移を比較できるツール robots.
![SEO対策ツールまとめ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
下り最速！YouTubeからさくさく動画をダウンロードできる『Orbit』 | P O P * P O P
ストライプジェネレーター5つ - DesignWalker
【2ch】ニュー速クオリティ:
http://news4vip.livedoor.biz/archives/50946726.html
http://news4vip.livedoor.biz/archives/50948134.html
【2ch】ニュー速クオリティ:
Mixiのプロフィール写真にいかが？ 似顔絵ジェネレーター 9サイト - DesignWalker