タグ

2012年3月20日のブックマーク (26件)

  • 池上彰さんに学ぶ、読みやすい文章を書くための六か条 - 『伝える力』- 池上彰 著 - 靴ひも

    衝撃を受けた。 何に衝撃を受けたかというと、書の内容にというわけでもない。 池上彰さんの文章の「読みやすさ」にだ。これは「分かりやすさ」ではなく、あくまでも「読みやすさ」だということを強調しておく。読書スピードが遅く、一冊読み終わるのに一週間はかかる人間が、一時間半程度で読み終わってしまった。もちろん、これには書の内容の面白さも関係しているだろうが、僕にはどうも池上さんの書く文章には「読みやすい文章」を書くための法則があるんじゃないかと思えた。 書で池上さんが達成しなければいけないミッションは何か。 それは「伝える力」を「伝える」ことにある。つまり、途中で読者に投げ出されてはミッションを達成できない。必ず最後まで「読ませなければならない」。となると、当然「分かりやすく」「読みやすい」文章を書かなければなりません。では一体どんなことに注意すれば良いのでしょうか。

    cumacuma
    cumacuma 2012/03/20
    あとで参考。
  • デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17

    よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の1つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見

    デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
    cumacuma
    cumacuma 2012/03/20
    "文字の上下間隔に比率を持ち入る場合は、以下のどれかを指定します。 .golden-ratio { line-height:1.61; /* 黄金比 */ } .yamato-ratio { line-height:1.41; /* 大和比 */ } . platinum-ratio { line-height:1.73; /* 白金比 */ } "
  • オナホール体験レポートのオナホねっと

    cumacuma
    cumacuma 2012/03/20
    よく出来てる。
  • キーワードウォッチャー

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。

    cumacuma
    cumacuma 2012/03/20
    キーワード調査ツール。
  • Google 広告 - 新規顧客の獲得、売上増加に活きるデジタル広告

    この特典の利用規約: 特典は予定提供数に達し次第終了します。 特典の対象者は、Google 広告の新規広告主様で、請求先住所が日国内にあるお客様に限られます。プロモーションの特典はお 1 人につき 1 回のみご利用いただけます。 この特典のご利用手順: この特典に関連付けられたボタンかリンクをクリックすると、アカウントにプロモーションの特典が自動的に適用されます。プロモーションの特典は、初めて作成した Google 広告アカウントで最初の広告インプレッションが発生してから 14 日以内に適用される必要があります。 プロモーションの特典がアカウントに適用されるのは、最初の登録プロセスで、お支払いプロファイルと有効なお支払い方法を追加いただいた場合のみです。 Google 広告クレジットの獲得方法: プロモーションの特典が Google 広告アカウントに適用されてから 60 日以内に、キャン

    Google 広告 - 新規顧客の獲得、売上増加に活きるデジタル広告
    cumacuma
    cumacuma 2012/03/20
    検索ボリュームや関連するキーフレーズ、月ごとの検索ボリュームの傾向などを知ることが出来ます。
  • タイトル決めテクニックの基本6ヶ条。WEB屋が知っておくべき最低限のこと。 - ジャスウィル社員ブログ

    愛知県名古屋市の大学向けシステムパッケージ販売、開発、導入をしている、IT企業で働く社員たちのお話です。 ブログやWEBサイトでコンテンツも充実し、さらにSEO対策を行っているけど、アクセス数が思うように伸びないことはありませんか? そのような場合、タイトル(キャッチコピー)の改善を考えてみてはいかがでしょうか。 タイトルはSEO対策で最重要ポイントの1つにあげられますが、SEO以外の観点から見ても、とっても重要だったりします。 なぜならば、タイトルは最も露出の高い部分であり、人々はタイトルだけを見て、クリックするかどうか判断する傾向があるからです。 例えば、検索エンジン(google, Yahoo)の検索結果に表示されるのはタイトルであり、 ソーシャルネットの代表格「Twitter」もタイトルを引用してツイート(情報発信)され、 さらに爆発的なアクセスが期待できる「はてぶ」もタイトルがホ

    cumacuma
    cumacuma 2012/03/20
    "3.自分に関係があると思わせる   Before)自動車保険をお考えのあなたに After )初めて買った車の自動車保険をお考えのあなたに" "6.ストーリー Before)年収1000万を稼ぐ After )元ニートが年収1000万を稼ぐまでに、
  • WordPress アイキャッチのサイズを幾つかに使い分ける - WANZ STYLE – blog - -

    WordPressのアイキャッチ画像機能、サイト内の各部位でサイズを使い分けられたら良いなぁ~。と思ったので調べてみる。割と簡単に実装できました。 まずアイキャッチの機能を実装させるのに、functions.phpに以下のコードを追加。 add_theme_support( 'post-thumbnail' ); set_post_thumbnail_size( 200, 200, true ); 2行目の数字が自分で決めたデフォルトサイズ。これで、テンプレート内の何処かに以下を記述すれば、縦200px、横200pxのアイキャッチ画像が表示されます。 <?php the_post_thumbnail(); ?> 次に別サイズを設定します。先ほどfunctions.phpに追加したコードに以下を追加。 add_image_size( 'hoge-post-thumbnail', 100, 1

    cumacuma
    cumacuma 2012/03/20
    アイキャッチの機能を実装させるのに、functions.phpに以下のコードを追加。 1add_theme_support( 'post-thumbnail' ); 2set_post_thumbnail_size( 200, 200, true );
  • WordPress「アイキャッチ画像」を使うための準備 | Travelogue

    ワードプレスのバージョン3には「アイキャッチ画像」という機能があります。 これは、ひとつのエントリーに対し、アイキャッチ用の画像をひとつ設定して表示できる機能で、アイキャッチという言葉からも連想できるように「ユーザーの目を引く役割」に期待して利用するのが一般的かと思います。具体的には、一覧ページで記事タイトルに対してひとつずつサムネイルを表示させるような使い方でしょうか。 この機能を利用できるようにすると、エントリーの個別ページで使用している画像の中からアイキャッチ用の画像を選べるようになり、アイキャッチ用の大きさの画像は自動的にワードプレスが書き出してくれますし、一覧ページのレイアウトも最初に決めた規則性に従って綺麗にまとめておくことができて便利です。 このページではアイキャッチ画像を使えるようにするためのカスタマイズ方法を紹介します。 なお、別エントリーで「アイキャッチ画像」投稿時の手

    cumacuma
    cumacuma 2012/03/20
    アイキャッチ画像を使えるようにするためのカスタマイズ方法
  • WordPressのアイキャッチ画像の使用方法【基本&応用】│でろぐ

    WordPressのアイキャッチ画像の使用方法【基&応用】 2010年10月1日 (金) WordPress3になって使えるようになった新機能で「アイキャッチ画像」が便利なんですが、ちょっとつまづいた点があったのでメモ。 まずアイキャッチ画像が何に使うものかですが、個人的な解釈では「エントリ用のサムネイル」が一番分かりやすい使い方ではないかなと思います。(異論は認めますw) ブログに彩りを加える要素として使えるこのアイキャッチ画像はWodpressを更新したらデフォルトでは投稿タグの下に表示されるようになります。 こんな感じで表示されるようになります。 のはずですが、例外があります。それは テーマにアイキャッチ画像を使いますよという宣言がないとアイキャッチ画像の枠自体がエントリ画面に表示されない という点です。 こないだ作った子供の遊び場でもアイキャッチ画像の設定を使って作ったんですが、

    WordPressのアイキャッチ画像の使用方法【基本&応用】│でろぐ
    cumacuma
    cumacuma 2012/03/20
    "テーマにアイキャッチ画像を使いますよという宣言がないとアイキャッチ画像の枠自体がエントリ画面に表示されない"
  • かちびと.net

    Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.

    かちびと.net
    cumacuma
    cumacuma 2012/03/20
    アイキャッチ画像の使い方。
  • 半角スペースのススメ

    アルファベットで表される単語の前後には必ずスペースが存在します。このスペースがあることで、それがひとつの単語であることが分かります。 This is a pen. が Thisisapen. となっていると、なんのことだか途端に分からなくなります。 ここでもうひとつ重要なの...

    cumacuma
    cumacuma 2012/03/20
    "どうもアルファベットの文字というのは、単語の前後にスペースが入ることを前提にデザインされているみたいで、スペースがないと妙に詰まった感じになってしまいます。 試しにやってみましょう。 * 今日はApple Storeへ
  • HTML5ホームページテンプレート無料配布 [Cool Web Window]

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

    cumacuma
    cumacuma 2012/03/20
    "興味深いのは、サイト自体のアクセス数が倍増えるとAdsense広告のクリック数は倍以上に増えるということです。つまり、サイトのアクセス数が増えるほど、クリック率が上がるということ。"
  • ふわふわ。り 【free web graphic】

    ふわふわ。りは、下記アドレスに引っ越しました。お手数をおかけしますがブックマークの変更をお願いします。 http://fuwa2li.websozai.jp 2021.04.13

  • HTML5ホームページテンプレート無料配布 [Cool Web Window]

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

    cumacuma
    cumacuma 2012/03/20
    Cargo Themeを利用する。
  • Mozilla Re-Mix: [Delicious]ブックマークを簡単に検索できるFirefoxアドオン「del.icio.us IncSearch」

    「Delicious」にとりあえずブックマークする習慣が付いていると、いつのまにか恐ろしい量のブックマークが存在していることがあります。 このようなことはオンラインブックマークならではの現象ですが、いざ大事なブックマークを参照しようとしたとき、探すのに思わぬ手間がかかったりすることもありますね。 そんな「Delicious」ユーザーにおすすめのFirefoxアドオンが「del.icio.us IncSearch」です。 「del.icio.us IncSearch」は、Deliciousに登録された自分のブックマークをインクリメンタルサーチできるというもので、デフォルトの検索機能と比べて、非常に簡単にブックマークを探し出すことができるというアドオンです。 アドオンをインストールしたら、ツールバーに配置できる専用のボタン、  または、ツール→[del.icio.us IncSearch]を実

    cumacuma
    cumacuma 2012/03/20
    "「del.icio.us IncSearch」は、Deliciousに登録された自分のブックマークをインクリメンタルサーチできるというもので、デフォルトの検索機能と比べて、非常に簡単にブックマークを探し出すことができるというアドオンです。"
  • HTML5ホームページテンプレート無料配布 [Cool Web Window]

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

    cumacuma
    cumacuma 2012/03/20
    "Flashを使用してアイキャッチ画像を切り替えているWebサイトをよく見ます。 でも、Flashだとソフトや知識が必要で敷居が高いですよね。 jQueryを利用して簡単に画像やテキストを自動で切り替える方法を紹介します。"
  • Add-on Compatibility Reporter :: Add-ons for Firefox

    After installing the Add-on Compatibility Reporter, your incompatible extensions will become enabled for you to test whether they still work with the version of Firefox or Thunderbird that you're using. If you notice that one of your add-ons doesn't seem to be working the same way it did in previous versions of the application, just open the Add-ons Manager and click Compatibility next to that add

    cumacuma
    cumacuma 2012/03/20
    新ver.未対応アドオンを強制動作。Mozilla が作成したアドオン。
  • BunBackup

    BunBackupは簡単高速に大事なファイルをバックアップするためのソフトです BunBackupは、Windows2000/XP/Vistaで動作するフリーソフトです

    cumacuma
    cumacuma 2012/03/20
    フォルダー単位のバックアップツール。最低限バックアップしたいフォルダとバックアップ先フォルダを選択するだけで、新しいファイル、更新されたファイルだけをコピーすることができる。
  • home of the nerd cave | taskbar shuffle and more

    Important Update: Webs has been shut downWe're undergoing some changes at VistaPrint to bring you even better services, and that means Webs.com is evolving too. But don't worry, we're with you every step of the way to make this as smooth as possible. For any of the following services, here is what you need to know:WebsitesStarting on August 31,2023, your Webs.com website will need to be moved to a

    cumacuma
    cumacuma 2012/03/20
    タスクバーのウィンドウ(ボタン)入れ替え。
  • WordPressのアイキャッチ画像を複数サイズ表示させる – Simple Colors

    WordPressで表示されるアイキャッチ画像のサイズを、表示する場所によって変えたいケースが出てくることもあります。たとえば、トップとカテゴリー等のアーカイブ表示とかとか。 そんな場合でも、大して記述することもなく簡単に実装することが出来てしまいます。 実を言えば、アイキャッチ画像(投稿サムネイル)も単なるメディアのアップロードされた画像でしかありません。 つまり、メディアにて異なる画像サイズが生成されるようにしておき、表示するときには、追加設定したサイズの画像を表示してあげればいいのです。 画像サイズの追加方法は、画像アップロードで作成される画像の種類を追加するにて紹介してあります。 たとえば、横160px、縦120px、トリミング有りの large_thumbnail というサイズを追加するには、 add_image_size( 'large_thumbnail', 160, 120

    cumacuma
    cumacuma 2012/03/20
    "たとえば、横160px、縦120px、トリミング有りの large_thumbnail というサイズを追加するには、 add_image_size( 'large_thumbnail', 160, 120, true ); となります。"
  • はじめてアイキャッチ画像を使う人が知っておきたい6つのルール | Sabakura Blog

    Warning: Declaration of FEE_Field_Terms::wrap($content, $taxonomy, $before, $sep, $after) should be compatible with FEE_Field_Post::wrap($content, $post_id = 0) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0 Warning: Declaration of FEE_Field_Tags::wrap($content, $before, $sep, $after) should be compatible with FEE_Field_Terms::wrap

    cumacuma
    cumacuma 2012/03/20
    ・長方形&大きめ ・横長&大きめ ・正方形&小さめ ・記事内容のイメージ写真・イラスト ・サイトや画面のキャプチャ ・ロゴ画像などのワンポイント
  • 2u WEBデザイン.com

    This domain may be for sale!

    cumacuma
    cumacuma 2012/03/20
    昔よく参考にしていたサイト。
  • さくらのレンタルサーバ

    レンタルサーバなら「さくらのレンタルサーバ」! 月額換算でわずか131円、缶ジュース1分のお値段で使える格安プランから、ビジネスにも使える多機能&大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。

    さくらのレンタルサーバ
    cumacuma
    cumacuma 2012/03/20
    Webデザイン解説系フォーマットの中で最も記事への導線が分かりやすい。個人的にタイトルが複数行にまたがるのは好きじゃない。
  • Webデザインにおける、1pxへのこだわり

    ☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです^^ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ~」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

    Webデザインにおける、1pxへのこだわり
    cumacuma
    cumacuma 2012/03/20
    "1pxで質感が全然変わるよ"
  • 100均で買った方がコスパの良い物100撰 ニュー速VIP底辺。・゚・(ノД`)・゚・。

    2 : 以下、名無しにかわりましてVIPがお送りします: 2012/03/05(月) 21:31:08.29 ID:y2RowrHQ0 [1/1回発言] 電池 3 : 以下、名無しにかわりましてVIPがお送りします: 2012/03/05(月) 21:31:19.60 ID:c+Z9RIFG0 [1/1回発言] 電子レンジでパスタ茹でられる奴 31 : 以下、名無しにかわりましてVIPがお送りします: 2012/03/05(月) 21:43:27.51 ID:3EZnApgb0 [1/1回発言] >>3 情強は50回くらい買ってる 2 : 以下、名無しにかわりましてVIPがお送りします: 2012/02/29(水) 22:46:36.46 ID:bwVhtCnU0 [1/1回発言] 毛抜き 3 : 以下、名無しにかわりましてVIPがお送りします: 2012/02/29(水

    cumacuma
    cumacuma 2012/03/20
    画像なしだったら見る気がしなかった。 ~選はその理由もなしにテキストを並べるだけなので、まず見にくい。参考にしようとも思わない。
  • HAIR SALON mitsuru + nuance

    下町情緒溢れる根岸の大通りから一歩入った静かな住宅地で、長い歳月を積み重ねてきたHAIR SALON mitsuru。激しく移り変わる時流のなか、私たちはいつもお客様ひとりひとりに向かい合い、ライフスタイルを通してその方にとっての最良のヘアスタイルを提案することを心がけてきました。そしてさらに今、表参道HAIR SALON nuanceと力を合わせ、最高の技術はもとより、慌ただしい毎日を過ごされている近隣のお客様に心休まるメニューをご用意いたしました。温かみのある木をあしらった店内、やわらかな自然光が差し込む落ち着いたサロンでお客様ひとりひとりの「自分」を引き出すことができたら・・・それは私たち mitsuruの大切な想いです。

    cumacuma
    cumacuma 2012/03/20
    ヘッダ画像とロゴ部分の組み合わせ。