by D. Sharon Pruitt 自分の持っている知性やクリエイティビティを天性のものであり、自分の力ではどうにもならないものと考えている人も多いのですが、それこそが人の限界を決める思い込みであり、「成長する思考態度」を持つと人は自分の知性や能力を伸ばしていくことができる、ということが、スタンフォード大学の教授である心理学者のCarol Dweck博士の行った20年にわたる研究で明らかになっています。 Fixed vs. Growth: The Two Basic Mindsets That Shape Our Lives | Brain Pickings http://www.brainpickings.org/index.php/2014/01/29/carol-dweck-mindset/ この、自分の成長を自分自身で邪魔してしまう「固定された思考態度」と、「成長する思考態度」

「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報

「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という本人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し

AJAXによって複数の好きな画像を一気にアップロードし、それをフォトギャラリーとしてページに埋め込んで表示できるのがこの「dfGallery 2.0」。フルスクリーンモードにすることもでき、FlickrやPicasaのアルバムと連携可能で、カスタムテーマとマルチスキンによって見かけやレイアウトを大幅かつ自由に変更可能で、さらに管理用のコンソール画面、複数のギャラリーセットとアルバムのサポート、BGMの再生なども可能です。これだけ高機能であるにもかかわらずフリーでの利用（Apache License 2.0）が可能となっており、あらゆる局面で利用可能となっています。 実際の動作デモやインストールとカスタム方法を解説したムービーの再生などは以下から。 dfGallery 2.0 - Free Flash Gallery | Dezinerfolio 上記ページからこの「dfGallery 2.

向かって画像の左が元画像で、右が今回紹介する効果を加えたもの。よくあるような光が差す効果ですね。これをPhotoshopで実現するにはどうすればいいのか？という方法を画像付きで紹介しているものを見つけました。マスターしておくといろいろと応用が利きそうです。 解説は以下から。 Rarindra style workflow...: Retouching Forum: Digital Photography Review 要するにレイヤーマスクを駆使しているだけなのですが、その使い方が基本中の基本と言ってもかなり秀逸。 ちなみに以下のような画像の場合はまた手法が違っており、前景の人物と背景とを分離してコントラストなどを調整することによって、背景に強烈な光が当たっている感じを出しているそうです。こっちは見た目よりも簡単にできそうです。 fotocommunity: "iqra"

ドラムマシンとは、要するにドラムパートを自動的に演奏させるための電子楽器の総称。フリーソフトでもいろいろとあるにはあるのですが、中でもこの「Hydrogen」はオープンソースで開発されており、Windows、Mac OS X、Linuxで動作可能。サウンドのサンプルとして「.wav」「.au」「.aiff」の各形式に対応しており、FLAC形式による圧縮も可能。パターン数には制限がなく、マルチレイヤーをサポート。作成した曲はWAVE形式かMIDI形式で出力可能です。 詳細は以下から。 Hydrogen - advanced drum machine for GNU/Linux http://www.hydrogen-music.org/ ソングエディタ部分 パターンエディタ メインミキサービュー ダウンロードは以下から。 Hydrogen - advanced drum machine fo

Erin Catto氏の作った物理シミュレーションエンジンのライブラリである「Box2D」をFlashで利用できるようにしたものがこの「Box2DFlashAS3」、オープンソースで提供されています。 実際にどれだけ威力があるかというのはデモを見ればわかるほどの出来栄えで、ピタゴラスイッチ風なものとか、ドミノ倒しとか、いろいろなことができます。 デモのFlashとダウンロードは以下から。 デモは以下から。左右の矢印キーで次のデモに移動することができ、「R」キーを押すとリセットされます。 Flash Physics Engine Box2DFlashAS3 1.4.2 http://box2dflash.sourceforge.net/ 例えばコレは1つめのデモ。橋の上に物体が乗ってます。 マウスで橋をつかんでふりまわすと、上の物体は四方八方に飛び散ります 次はピタゴラスイッチ風 ドミノ倒し

SEO対策にかかる「時間」と「コスト」を大幅に削減させるSEO対策ツール「DoctorSEO」から、30種類以上のSEOツールが無料公開されています。 検索エンジンでの順位確認、リンクの状況の確認、HTTPのレスポンスヘッダ表示、Google・Yahoo・MSNの各検索エンジンについて検索文字列を入力し、検索結果(SERP:Search Engine Result Page)を1つの画面に表示するなど、非常に多彩な機能が山のようにあります。 アクセスは以下から。 SEOツール：検索エンジン対策総合ツール「DoctorSEO」| SEO診察室 用意されているツールは以下のようになります。 SEOクイックレポート URLとキーワードを指定して、いくつかのツールをまとめて実行し、結果をレポート風に表示してくれます。 ページ比較レポート URLで指定した2つのページについて、現在の状態をまとめたレ

ブログやページ上に連絡のためにメールアドレスを表示しておきたいけれども、そうすると今度はスパムメールを送信しまくるためのメールアドレス回収ボットの餌食になってしまいかねないし、だからといって画像で表示すると利便性が低下するのでなんだかな～、と悩んでいた人に朗報です。 この「emailProtector.js」を使うと、クリックすればちゃんとメールソフトが起動するタイプのリンクを作成することができ、しかもその文字列は暗号化されているのでボットには回収されないという仕組み。なかなかよくできてます。 ダウンロードと使い方は以下から。 Email Protector 実例は以下のページの「Click to email me」をクリックすればわかります。また、この「Click to email me」のリンクURLをコピーするか、直接ソースを見れば暗号化されているのがよくわかります。確かにコレならス

経営者レベルでの意志決定から日常のお買い物まで幅広く役立つのが今回紹介する方法。4マスの図を描いてそれぞれに今抱えている仕事などを分類するだけというシンプルな方法ですが効果は抜群です。 そもそも「直観」とは、知識に基づいて推理を用いず直接に対象やその本質を捉える認識能力のこと。「本能」や「直感」とは違って今まで生きてきた経験から得られるという点が異なっています。この「直観力」を駆使すれば、仕事の優先順位をすばやく決定して効率よく処理したり、あるいは複数の製品からどれを選ぶか迷った際の意志決定を素早く行うことができるようになります。 How To Prioritise Quickly And Intuitively | 101 Ways https://www.101ways.com/2007/06/23/how-to-prioritise-quickly-and-intuitively/

ロイヤリティフリーで商用利用も可能なパブリックドメインの写真を数多く取りそろえているのがこの「PD Photo」です。主に風景写真が多く、現時点で3691枚ほど用意されています。検索して探し出すことも可能で、非常に使い勝手がよいです。 アクセスは以下から。 PD Photo - Free Photos And Pictures (public domain, stock pictures, wallpaper, royalty free, clip art, etc) http://www.pdphoto.org/ このサイト、FAQのぺーじによると最初は友人や家族のために写真を公開していたそうですが、そのうち訪問者から「この写真を使ってもいいか？」という問い合わせが多く寄せられたため、パブリックドメインで公開することにしたそうです。ただし、画像によってはパブリックドメインでなかったり、商

16×16、22×22、32×32、48×48、64×64、128×128までの各サイズがそれぞれ600個以上、全合計で3600個ぐらいある無料で利用可能なアイコン集、それが「Crystal Clear」です。クリエイティブコモンズライセンスで提供されており、PNG形式で提供されています。 ダウンロードは以下から。 Everaldo.com : Crystal Icons http://www.everaldo.com/crystal.html アイコンの一覧は以下から見ることができます。 Crystal Clear - Wikimedia Commons http://commons.wikimedia.org/wiki/Crystal_Clear もともとは以下の画像のように、LinuxのKDEのために作られたアイコンセットと言うことで、そのライセンスが適用されているようです。

ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意

クオリティの高い写真は壁紙にしても画面に映えます。というわけで、ハイクオリティな写真の壁紙を扱っているサイトを集めてみました。 詳細は以下から。 美麗な25枚の壁紙写真。 Wallpapers (fondos de escritorio) de fotografias 写真を撮った人の他の作品はこちらから。 ggarfield's deviantART Gallery カテゴリで分けられた自然写真の壁紙集。 Natures Desktop 1600x1200 and 1280x1024 HQ Wallpaper 車やバイクなどの壁紙写真。 Exotic Car Wallpapers: Dieselstation - Fuel For Your Desktop

手持ちの写真にいろいろなフィルムエフェクトを施すことができる無償のプラグイン集です。Photoshop用だけでなく、これ単体でも実行可能ですので、Photoshopを持っていなくても利用できます。 収録されているのは「Black and White」「Contrasting Levels」「Duotone」「Starlight」「Starpoint」「Grain」「Monotone」「Tonal Streak」「Warm Cool」の9種類。どれもこれもシンプルですが既存の写真を簡単かつお手軽にいかにもそれっぽくすることができます。かなり便利です。 詳細は以下の通り。 PixelSampler Details ダウンロードは以下から。Windows版とMac版があります。右下にあるPixelSamplerからダウンロード可能。 TwistingPixels 体験版ダウンロード 「Black

「スライディングドア」と呼ぶ方法で全体をヘッダー、ボディ、フッターの3つに分割して、コーナー部分などはオーバーレイとか使ってみましょう、という方法。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.schillmania.com/projects/dialog/ 使用しているコードと画像のダウンロードはこちらから http://www.schillmania.com/projects/dialog/dialog.zip また、こちらに透過PNGを利用したバージョンもあります。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.s

Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

前回までは主に最初のスタートアップについてでしたが、今回はいよいよ広告をサイト、あるいはブログに貼るという実行の段階です。一番重要なポイントなのですが、大抵収益率の低いケースの場合はこの段階で手抜きをしているケースがほとんどです。極端な話、ここでどういうアプローチを取るかで収益率が違ってくるので、継続的な試行錯誤が必要になってくる場面といえます。 今回はここまで行きます。 ・AdSenseの設定1：サイトに合わせるためのカラーパレット ・AdSenseの設定2：効果的な設定を模索するためのチャネル ・AdSenseの設定3：収益に結びつかない広告を弾くフィルタ ・コンテンツ向けAdSenseの作り方 ・検索向けAdSenseの作り方 ・「このサイトに広告を掲載」表示の停止 とりあえずAdSenseをサイトに貼ってみるところまでとなります。解説は以下を参照。 ◆AdSenseの最適化の前に

GIGAZINEのGoogle AdSenseアカウントを個人アカウントからビジネスアカウントに変更する際に新規申し込み作業をもう一度行ったので、そのときの全作業記録を何回かに分けて公開します。中身はかなり長いのですが、ざっとこんな感じです。 ・申し込みのやり方 ・審査のポイント ・審査通過後の手続き（税務情報） ・収益を振り込む銀行口座の登録 ・AdSenseの設定1：サイトに合わせるためのカラーパレット ・AdSenseの設定2：効果的な設定を模索するためのチャネル ・AdSenseの設定3：収益に結びつかない広告を弾くフィルタ ・コンテンツ向けAdSenseの作り方 ・検索向けAdSenseの作り方 ・「このサイトに広告を掲載」表示の停止 ・Google AdSense狩り対策 アフィリエイトで最も有名なのはお手軽に始めることのできるAmazonなどですが、適切な設定をしてやれば、収