タグ

2011年10月12日のブックマーク (9件)

  • Chromeをメインブラウザにするための絶対はずせないエクステンション vol.1 - iTea3.0

    @torizoです。 今回はChromeをメインブラウザにするための絶対にはずせない超オススメエクステンションを紹介します。

    Chromeをメインブラウザにするための絶対はずせないエクステンション vol.1 - iTea3.0
  • これまでと一味違った写真を撮りたいときに参考になる「ボケ」の作例トップ25

    多用しすぎると自己満足にしかならない写真の「ボケ」ですが、その効果を最大限に活かすと、ただのスナップ写真では表現しきれない、味のある写真を撮ることができます。 写真共有サービスのFlickrにはボケにこだわった写真を撮るグループが多数存在し、まだ写真を始めたばかりの人からプロのカメラマンまで、数多くの人が山ほどの写真をアップしています。その中から、評価の高い写真を集めてみました。なかなか狙ったような写真が撮れていないという人は参考になるはず。 1:甘そうなカップケーキ by De Vetpan 2:ホノルル市街地を見下ろしての1枚で、「God of This City」という題がつけられています。 by Jeremy Snell 3:霧の向こうにたたずむ鹿 by andrew evans. 4:サンフランシスコの街角 by De Vetpan 5:飛沫を浴びるカップルの人形 by PNik

    これまでと一味違った写真を撮りたいときに参考になる「ボケ」の作例トップ25
  • Web制作における文章の可読性について考える |https://wp.yat-net.com/name

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

    Web制作における文章の可読性について考える |https://wp.yat-net.com/name
  • コメント欄で使える10のWordPressプラグイン

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

    コメント欄で使える10のWordPressプラグイン
  • 【特集コラム】親父にフィギュアSNS「fg」をやらせてみた | vsmedia

    またまた中の人の実家ネタです。私の実家が秋田県の農家で環境がいろんな意味でヤバイ件は先のコラムで書いたとおりですが、ぶっちゃけインターネット環境もかなりヤバイです。まず… ・光回線使用不可 「利用してはいけない」という意味ではなく地形的な問題で個人では「 利用できない」という意味の「不可」です。また自治体レベルの環境整備も全く行われていません。 ・SoftBankの携帯使用不可 これまた地形的な問題でアンテナが全く立ちません。 もちろん3Gも繋がったり切れたりで不安定。というかほぼ切れっぱなし。 ・その結果、家ネットはADSL、携帯はDoCoMo or au 今時ADSLって…しかも家のPCのスペックも相まって激遅… 私は携帯電話はSoftBankのiPhone1台のみで、外出時はこれでメールもTwitterもFacbookも全部チェックしているので実家に帰った時点でもう音信不通です。 こ

    【特集コラム】親父にフィギュアSNS「fg」をやらせてみた | vsmedia
  • 保存版!CSS3セレクタの説明書

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

    保存版!CSS3セレクタの説明書
    j_zero24
    j_zero24 2011/10/12
  • いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!

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

    いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!
  • 第17回 アニメーションの基礎 | gihyo.jp

    こんにちは、太田です。3回ほどJavaScriptの基礎的な内容が続いたので、今回はグラフィカルなアニメーションについて解説します。グラフィカルなJavaScriptというと、難しい・応用的なイメージがあるかもしれませんが、JavaScriptでのアニメーションとはすなわちCSSを段階的に操作するということで、そのポイントを抑えれば中身は単純なものです。 アニメーションの前提知識 HTMLにおける通常のアニメーションを構成するのは、「⁠特定の要素」に対して、「⁠そのCSSプロパティ」を「ある時点からある時点まで」の時間の中で、「⁠ある値からある値に操作」する、といった要素です。 特定の要素と、CSSプロパティについては問題ないと思います。問題となるのは「時間と値の操作」です。 まず、単純にインクリメントするだけというサンプルを見てみましょう。 良くないアニメーション var y = 0;

    第17回 アニメーションの基礎 | gihyo.jp
  • こんな青春送りたかったって思わせる画像:ハムスター速報

    こんな青春送りたかったって思わせる画像 Tweet カテゴリ画像系 9:1:2011/10/10(月) 01:55:43.35ID:pTaso15r0 2:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 01:40:50.47ID:reOr0QX30 おいやめろ やめてください 4:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 01:44:41.88ID:v2lQngPr0 貼るな! ちょっと涼しくなってきたからって感傷的になってんじゃねえよ! 以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 01:47:38.96ID:NBWBAe+f0 8:以下、名無しにかわりましてVIPがお送りします:2011/10/10(月) 01:53:09.72ID:yFJ2/UiSO >>5 うわー うわー(´;ω;`)