Mac OSの使い方「これだけ知っていれば困らない」という基本的な知識から、実践的なテクニックまで、皆さんの“Macの使い方”に役立つ情報を中心にお伝えしていきます。
お金も時間も有限なもの。だからこそ、いかに効率的に使うか? が重要です。では、ヒトがある対象を知覚し、それが何であるかを判断したり、理解したりするプロセス「認知」も有限だということをご存知でしょうか? ライター兼ストラテジストのSebastian Marshall氏は、できるだけこのパワーを温存しつつ、より多くのことを成し遂げるための前提として、「認知コスト」を詳しく解説。何かをやろうとするときの精神的な負担は一体何なのか? そもそもコストってどういうこと? 何かやろうとするときに支払うべき代償とは? といった疑問について、カバーしています。 Marshall氏は、「認知コスト」を次の7つに分類しています。 1. 活性化エネルギー(Activation Energy) 活動をスタートさせるとき、より多くの意志力やエネルギーを費やします。必要な活性化エネルギーは時が経つにつれて調整され、ルー
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
なかなか珍しいなと思ってご紹介。 はてブやLivedoorクリップ、Buzzurl などなど、国産のソーシャルブック マークサイトのアイコンを専門に配布 するsbm-gardenというサイト。個人 でも商用でも利用可能だそうです。 国内でこの手のアイコンを配布するサイトは、殆ど見かけないので覚えておいて損はないかも。これからまだまだ増えてくれそうですしね。 Good Design Webの方のサイトですよ。はてなブックマーク、LivedoorクリップやBuzzurl、Yahoo!、Newsing、Niftyクリップなどのアイコンのセットです。商用も無料で使えるそうですよ。 例えば以下のようなアイコンが配布されています。 Freehand_Cube 手書き風の3Dアイコン。 Wood_Convex 木目アイコン。 OldPaper グランジ。 Square_lightgray シンプル。 O
水平方向に長いコンテンツをスムーズなアニメーションで横スクロールさせるjQueryのプラグインを紹介します。 X-Rhyme.js [ad#ad-2] デモページが少し分かりにくいのですが、左に配置された四つの矩形がナビゲーションで、そこをクリックすると、コンテンツを横スクロールで表示します。 デモページ:「Work」をクリックしたキャプチャ 横スクロールの操作は、マウスホイールにも対応しています。 JavaSciprt スクリプトのオプションでは、ナビゲーションのセレクタ、スクロール時のスピード・アニメーションを変更することができます。 $('.horizontal_items_container').xrhyme({ navigationSelector : '.anchor a', anchorMode : true, wheelSpeed : 0.7, animationTime
CSS: Elastic Videos これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例。 ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。 解像度の違う、iPhone等でも動作を確認しているそうで、どんな環境でも動画をページにフィットさせたい用途に有用です。 通常サイズ。ブロックいっぱいに広がる動画 幅をiPhoneなみに小さくしてみた例。動画も縮んでます。 IEでも動くみたいです。 これは覚えておいたほうがよさそうです。 関連エントリ フリーで新しめのXHTML/CSSで書かれたサイトテンプレート45 ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ56 Ajaxスタ
Windowsのみ:ラップトップPCやネットブックでは、バッテリーが気になるもの。では、どのアプリが貴重なバッテリーを消費しているのでしょう? これを一目瞭然にしてくれるWindow向けガジェットが『PwrDrain』です。 Photo by Hillwalker PwrDrainは、もっともパワーを消費しているアプリやタスクを表示してくれるガジェットです。リアルタイムにバッテリー使用量も教えてくれます。いわばPCの「パワーメーター」です。 同種のパワーメーターは、バッテリー残量を表示するというものがほとんどですが、PwrDrainは、パワー消費を表示するのが特徴で、たとえば、省エネモードからハイパフォーマンスモードに切り替えると、計測針が移動します。何がバッテリーを食っているのか、一目でわかるのは便利ですね。 PwrDrainは、HTML/CSS/JavaScriptで書かれたオープンソ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く