ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは？ 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは？ 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか？ 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど

2013年3月23日 Wordpress 私はブログを読んで、感動した！ためになった！わからない、助けて！という事があれば、ほぼ確実に名前＋写真入りコメントを残しています。ブロガーの皆様、いつもありがとうです。そんなわけで、コメントしやすい入力フォームには「おっ！」と感動してしまう事も。今日はそんなちょっと便利なコメント欄に使えるプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ 1. Akismet 特徴 WordPressに標準インストールされているスパム対策プラグイン。導入するとスパムコメントが劇的に減ります！設定も簡単なので必ず使用してほしいプラグインのひとつ。 導入方法 AkismetのWebサイトの「Get Started」から登録。無料プランでOK。 外観＞Akismet設定 からメールで送られてきたAPIキーを入力 2. Disqus Comment Sys

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ インターネットで誰でも自社サービスを簡単に世界に売り込めるようになったと言っても、サイト制作や広告宣伝にはお金がかかり、SEOするにしても外注すればお金がかかる（＆結果の保障なし）だったりするわけです。同じく0から始めたシリアルアントレプレナーの筆者が、そんな悩めるあなたにお金が無くとも実践できるネットマーケティングの手法を21も紹介してくれました。これを読めば「お金が無くて自社サービスを十分に売り込めない」なんて言い訳は通用しなくなるかもなので、ある意味覚悟して読むべきかも？ — SEO Japan あなたも自分の会社をオンラインで売り込もうとしている？というか、やっていない人なんていないので

CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ

俳優。1981年生まれ。香川県三豊市出身。2001年「仮面ライダーアギト」でデビュー。 「ＧＯＯＤ ＬＵＣＫ！！」、「流星の絆」、「カンナさーん」、「僕らは奇跡でできている」や 大河ドラマ「龍馬伝」「花燃ゆ」、主演作「タイムスクープハンターシリーズ」など数々のドラマや、 「ＣＡＳＳＨＥＲＮ」、「ＤＥＳＴＩＮＹ鎌倉ものがたり」、「ＯＶＥＲ ＤＲＩＶＥ」、 「スマホを落としただけなのに」などの映画に出演。各社ＣＭも含め多方面で活躍中。 近年は連続テレビ小説「まんぷく」、大ヒット映画「キングダム」に出演。 「うどん県」の副知事として広報活動に携わっている。 1958年生まれ。ミュージカル、ストレートプレイ、オペラ、歌舞伎など、 ジャンルを越える演出家として国内外で幅広い舞台づくりを精力的に手掛ける。 朝日舞台芸術賞、手がけた作品が文化庁芸術祭賞、トニー賞４部門でノミネート されるなど、国際的にも

自分で料理を作ったとき、「味はおいしいのに、なんだかパッとしない」と思ったことはありませんか？もしかすると盛り付けが原因かもしれません。今日は、見た目を華やかにする、料理の盛り付け方を紹介します。 ■ ポイントは“バランス”――盛り付けの基本 ▽ http://www.rikenvitamin.jp/wakame_channel/kitchen_column/kit20.html 最初に紹介したいのは、器ごとの盛り付け方を解説したこちらのエントリーです。盛り付けで気をつけたいのは、料理と器のバランスです。握りこぶしを器に当てて盛る量をイメージしておくと、バランスよく盛り付けられます。 また、器の大きさや種類によっても、盛り付け方は変わってきます。平皿なら、中央部分に寄せて盛り付け、余白を残しましょう。深いお皿の場合は、高さが出るように盛り付けるのがオススメです。 ■ 高級感あふれる盛り付け

2011年10月11日22:41 by tkfire85 金スマで紹介された「人生がときめく片づけの魔法」が本気ですごい！ カテゴリ管理人　雑談 tkfire85 人生がときめく片づけの魔法posted with amazlet at 11.10.11近藤 麻理恵 サンマーク出版 売り上げランキング: 10 Amazon.co.jp で詳細を見る ↓最新記事はこちらからご覧いただけます。 Blogで本を紹介しちゃいます。 先日、金スマ(ＴＢＳ系　金曜日のスマたちへ)の中で紹介されていた片づけ術がすごいです。放送でもかなりの反響があったようですが、放送後、その極意を知りたいと思い本書を手に取りました。今まで常識とさせてきた片づけ術を根本から変えるような、著者であるこんまりさんの片づけ術はすごいです。家からゴミ袋が何袋もでるのは当たり前。放送では芸人のはなわさん、南海キャンディーズしずちゃん、

by massdistraction 「テスト前や大きな仕事の前になると部屋の掃除を始めてしまう」という現象、「あるある」と思った人は多いのではないでしょうか。自分もそうなので人のことを笑えないわけですが、コトノハで取られたアンケートでもその数は決して少なくないようです。これは目の前のことに集中できずに他のことをしてしまっているということ。 テストを「悪い点でもいいや」、仕事を「そこそこできているからいいだろう」と先送りし、「本当に集中しなければいけないときにはやるから」と自分に言い訳しているのかもしれませんが、そんな気持ちでだらだらやってきて、まさにその「集中しなければいけないとき」に対応可能なのでしょうか。「集中しろ！」と言われて集中できるのなら、その人は最初から集中できる人です。問題は、そうではない人が多いということです。 by mikede1973 しかし、いつまでも「だって集中で

ジョブス、ジョブズと両方でてますが、関係者情報によると正しくはジョブズらしいのでこちらで統一します。AOLのニュースもジョブスだったんだけどなぁ〜 自分自身も顧客の商品開発に少しは携わる人間で、自分の立案でヒットした商品はジョブズと比較すると市場で数億単位のマーケットのものが何個かくらいなのでカスみたいなものだが、ジョブズ語録から非常に響くものがあるので本日はそれを紹介してみたい。 トヨタ、ホンダなどの自動車メーカー以外の日本のメーカー、特に黒モノメーカーが海外メーカーに全く太刀打ちできなくなったと言われて５年くらいもたつが、ウォークマンで世界を凌駕したソニーをはじめ、IT関係、家電系は特にその兆候が痛々しい。ネット上でいろんな討論があるが、要は現在の日本の家電(特に黒モノ)メーカーはマーケティング力がめちゃくちゃ弱い、ということは間違いないように感じる。シャープのガラパゴスの惨敗なんてそ

面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ

ネットで本を探すとき、真っ先に利用しがちなのがAmazon.co.jpです。でも、ほかにも書籍を検索できるWebサイトはたくさんあります。思いついた文章を入力するだけで検索できたり、絵本や美術書などの目的に特化していたりと便利な使い方ができるサイトも。はてなブックマークで見つけた、7つの書籍検索サイトを紹介します。 ■ とにかく見つける！ 図書館蔵書検索サイト 最初に紹介するのは、図書館の蔵書を検索するサイトです。「貸し出し状況を確認できる」「絶版本を見つけやすい」などの特徴があります。 ▽ カーリル | 日本最大の図書館蔵書検索サイト はてなブックマークニュースでも何度か紹介している「カーリル」は、全国5,000館以上の図書館や図書室の蔵書を検索できるサイトです。図書館での貸し出し状況も確認できます。さらに「カーリルアカデミア」では、700館以上の大学図書館の蔵書も併せて検索できます。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

jQueryでマウスオーバーすると全体的にピカーンってなるやつ マウスオーバーは普通同じ大きさの画像を切り替えたりしますが、他の要素の背景画像を変えることで派手なマウスオーバーにすることができます。 投稿日2011年10月11日 更新日2011年10月12日 準備 htmlは特に変わったことはしません、適当な要素にクラスを割り当てます。 html <p class="button"><a href="#">ボタン</a></p> その他マウスオーバーしたときの大きめの画像を用意します。 ここでは「bg.jpg」という名前で1000×1000の画像を使用します。 bodyのbackgroundを指定する方法 一番単純な方法はボタンをマウスオーバーしたときbodyのbackgroundを変更する方法です。 jQueryでimageとpositionの設定をしますので、cssでその他の設定をして

朝出社してチェックしたメールを一生懸命フォルダに仕分けしている /.Jer にはいささか残念なお知らせだが、「フォルダ分けよりも検索機能を利用したほうがメールを速く探し出せる」ことが分かったそうだ (BoxFreeIT の記事、本家 /. 記事より) 。 IBM が 354 人の電子メールユーザを対象に行った調査研究によると、ファイリングされたフォルダ内を探すよりも検索機能を使った方がメールを素早く探し出せるとのこと。フォルダ内検索は平均 58 秒だったのに対し検索機能は平均 17 秒しかかからず、また検索の成功率にはほぼ違いは無かったそうだ。昨今送られてくるメールの多さでは仕分け作業に 1 日 20 分以上かかることも珍しくもなく、メールのフィルタリングを自動化し検索機能を利用することによって少なくとも 1 週間あたり 1 時間は無駄な時間を節約することができ、生産性もあがるという。 検

1：以下、名無しにかわりましてVIPがお送りします：2011/10/10(月) 19:32:30.92ID:WKVFtnuu0 こんな感じの 2：以下、名無しにかわりましてVIPがお送りします：2011/10/10(月) 19:35:39.71ID:WKVFtnuu0 3：以下、名無しにかわりましてVIPがお送りします：2011/10/10(月) 19:36:38.70ID:gi1qSk5L0 うおっびっくりしたー 心臓止まりかけたわ… 4：以下、名無しにかわりましてVIPがお送りします：2011/10/10(月) 19:38:10.74ID:WKVFtnuu0 5：以下、名無しにかわりましてVIPがお送りします：2011/10/10(月) 19:40:30.01ID:WKVFtnuu0 6：以下、名無しにかわりましてVIPがお送りします：2011/10/10(月) 19:42:16.27