ドットインストール代表のライフハックブログ
コントラストはカラーだけではありません。 ユーザーに伝えたい重要なエレメントを適切に目立たせる4つのコントラストを紹介します。 Fully Understanding Contrast in Design [ad#ad-2] 下記は各ポイントを意訳したものです。 コントラストとは 1. カラーのコントラスト 2. サイズのコントラスト 3. シェイプのコントラスト 4. ポジションのコントラスト おわりに 通常、コントラストがテーマに扱われる時は初心者向けのものが多いでしょう。例えば書籍では、『ブラックとホワイトがコントラストをもっており、レッドとオレンジはそうではありません』と書いてあります。初心者向けの本では、コントラストはカラーのことだけが触れられており、サイズやシェイプについては触れられていないでしょう。 アマチュアのデザイナーとプロのデザイナーを区別する最も容易な方法は、コントラ
infinite, circular jQuery carousel --- CarouFredSel 2.1.3 どんなHTML要素もカルーセル化してしまえるjQueryプラグイン「CarouFredSel」。 指定した要素以下に<div>や<img>を単に並べるだけでカルーセル化してくれるプラグインです。 少ないスペースで多くのコンテンツを格納するのに便利です。 横だけでなく、縦スクロールもオプションで指定することが出来ます。 ページ下部にexamplesが多数紹介されているので他にも色々な機能があることを確認できます。 関連エントリ 関連アイテムを出す場合等に使えそうなjQueryカルーセル「bxCarousel」 JavaScriptで実装するクルクル回転する3DカルーセルUI実装ライブラリ 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル
こんにちは、太田です。前回は__proto__を使ってJavaScriptにおけるプロトタイプについて解説しました。今回はそこから発展して継承の方法を学びます。 JavaScriptにおける継承 まず、目標とする形を確認しておきましょう。やはり、前回同様Google ChromeのデベロッパーツールかSafariのウェブインスペクタのコンソールにて、次のコードを実行してみてください。 dirによるElementの解析 dir(document.createElement('span')) 実行結果は次の通りです。 図1 Chromeでの実行結果#1 こちらの通り、WebKitではspan要素はそれ自身にいくつものプロパティを持っています。もっと下のほうを見てみると、 図2 Chromeでの実行結果#2 さらに、span要素にも__proto__があり、それはHTMLElementのprot
電子書籍関連の流れを加速させたり、タブレット型パソコンへの認知度をグンと高めたApple社のタブレットタイプな携帯情報端末「iPad」。ノートパソコンやデスクトップパソコン、スマートフォンらとは違う、微妙な立ち位置にあることから、多種多様な使い方が模索され、提案されている。【iPad向けインベーダー登場】のようにテーブルの上に置き、テーブル型ゲーム筺体代わりに使うというのもその一例。今回紹介するiPadのケースたちも、その「使い方」を提案したものともいえる。さて、いかなる独創的な提案がなされているのだろうか(【oddee.com】)。 「BookBook for iPad」。直訳すると「iPad用本本」と良く分からない名前になる。実はこれ、以前マッキントッシュのシリーズの一つ、MacBook向けに発売された同様のケース「BookBook」のiPad版。特徴はといえば「盗難防止(古い本と勘違
シャープは米国時間9月21日、カリフォルニア州を拠点とするソーラープロジェクトデベロッパーのRecurrent Energyを3億500万ドルで買収すると発表した。ソーラーモジュールの生産を行うシャープはこの買収によって、企業などの組織において大規模な太陽光発電施設を開発する手段を得ることになった。Recurrent Energyは2000メガワット級の案件を保有しているという。 シャープで海外担当の副社長を務める濱野稔重氏は、「シャープはデベロッパーとしてのRecurrent Energyのノウハウを活用して、ソーラー電池およびモジュールの開発や生産から、発電所の開発と販売まで、ソーラー発電分野のトータルソリューションを提供することを目指す」としている。
円柱型のデジタルサイネージ「プラズマチューブアレイ」(PTA)が9月22日、東京メトロ銀座駅に登場した。 PTAは、富士通フロンテックと篠田プラズマが共同開発したもので、自在に折り曲げられるディスプレイとして建物の円柱に設置できるのが特長だ。アサヒ飲料が展開する缶コーヒー「WONDA」のキャンペーンとして、9月22日から26日まで設置される。 PTAは、直径1mmのガラスチューブと樹脂フィルムで構成されたフィルム型デバイス。富士通フロンテックでは、「自発光式としては、世界で初めて建物の円柱に取り付けられるフルカラーの曲面ビジョン」としている。 今回のキャンペーンでは、PTAモジュール2枚で構成された縦2m横1mの変型約88型ディスプレイを採用している。ディスプレイには、商品のCMやオリジナル動画を放映する。アサヒ飲料では、今回の広告展開により「ワンダ モーニングショットの話題喚起を図りたい
by Pandiyan 「部屋の片づけをしなくちゃ、と思っていてはや4ヶ月」であるとか、「メールを見なくちゃいけないなと思いつつ忙しくて放置していたら、緊急の案件が飛んできていた」など、日々の生活の中で「やりたいのに手が回らないコト」が発生する場面は山のように存在し、なかなかすべての事柄をカンペキにこなすことは難しいものです。 そんな自分に対して自己嫌悪に陥る気持ちも分かりますが、落ち込んでいるよりは少しずつでも前に進んでいきたいもの。「やりたいのに手が回らないコト」を少しずつ減らして、キチンとしていくための5つのアドバイスを紹介します。 アドバイスの内容は以下から。How to Build Self-Discipline - by Dumb Little Man 1:自分を責めるのをやめる by Venn Diagram 「やりたいのに手が回らないコト」があることに対してイライラし、それ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
100 Most Useful Free Photoshop Brushes for Web Designers | DJDESIGNERLAB - Find All Your Design Inspirations From This Laboratory 種類が様々なPhotoshopブラシ色々。 次のような、まとまりはありませんが便利そうなブラシが大量にまとまっています。 ↑は妙にリアルでブラシとして使ってみるのも面白そうですね。 関連エントリ クリエイティブでカッコいいPhotoshopブラシセット50 ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 非常に美しい光などのPhotoshopブラシいろいろ 超かっこいいフラクタルのPhotoshopブラシ30
前の記事 現実世界で再現したスーパーマリオ8選 超音波で脳を制御:米軍の研究 2010年9月14日 サイエンス・テクノロジー コメント: トラックバック (0) フィードサイエンス・テクノロジー Katie Drummond アリゾナ州立大学の神経科学者William Tyler氏は、数年前から、米陸軍研究所から資金提供を受けて神経科学技術の研究に取り組んできたが、今回、その研究が米国防総省の国防高等研究計画庁(DARPA)の目に留まった。DARPAは、非侵襲的脳刺激法を改良する研究として、同氏の研究所に『Young Faculty Award』賞を授与したのだ。 すでに科学者たちは最先端の脳刺激法を考案し、パーキンソン病や鬱病などの疾患の治療に利用している(日本語版記事)。だが、現在の脳深部刺激療法には、電極や電池を体内に移植する侵襲的手術が必要だ。また、外部からの超音波刺激は、通常は「
キーワードを入力してウェブサイトがずらっと表示される検索エンジンなのですが、そのウェブサイトが全てミニマルなウェブサイトのみという「Mini-www」を紹介します。 Mini-www Search Mininimal Web [ad#ad-2] ここでいう「ミニマル」とはsmall, lightで、複雑さは最小限、フォーマットも最小限、広告も最小限のものと定義付けしています。 検索結果に表示されるページは、その通りに極シンプルなページのみになっていましたw インデックスされているページには、GoogleのPageRank(PR)と同様に、MiniRank(MR)がつけられており、それに伴い上位に表示している、とのことです。 MiniRank(MR)の説明
ロゴデザインがしたい。 そんなときに参考になるのが、「Eight Helpful Rules for Logo Designers」。ロゴをデザインするときの8つのルールです。 印象的なものが揃っていますね。 より少ない色、より少ないフォント 一般的なフォントを使う。ArialやTimes New Romans、Helveticaなど シンプルな形が美しい ハイライトやグラデーション、シャドウを使わない 美しいロゴは、どんなメディアで使われても美しい 白黒でも美しく見えるのがよいロゴ メッセージを伝えるために、シンプルな構成がマスト 覚えやすいロゴにすべき。ナイキやコカコーラ、オリンピックのロゴなど Logo pondやLogospireなど、インスピレーションになるようなサイトもいくつか紹介されています。 ロゴデザインをするときの参考にしてみてはいかがでしょうか? Eight Helpf
アクションゲームをプレイすることにより、人は早い判断ができるようになり、その判断の正確さは損なわれないということが、ロチェスター大学の認知科学者たちの研究により明らかになりました。 ビデオゲームなら何でもよいというわけではなく、例えばFPSの「コール オブ デューティ」のような、展開の早いアクションゲームが効果的とのことです。 詳細は以下から。Video Games Lead to Faster Decisions that are No Less Accurate : University of Rochester News カレントバイオロジー誌に発表される予定の、ロチェスター大学の脳と認知科学の教授Daphne Bavelier博士らによる研究では、アクションゲームに、人の判断を早めるトレーニング効果があることが明らかになりました。 アクションゲームをプレイすることにより、人は周囲で
前の記事 iPod Nano腕時計のいろいろ:10ドルの自作品も 豪華なプライベートジェット、内部を拝見:ギャラリー 次の記事 統計よりも「1人のストーリー」が有効な理由 2010年9月17日 サイエンス・テクノロジー コメント: トラックバック (0) フィードサイエンス・テクノロジー Jonah Lehrer 米軍のヘリコプターで救済されたパキスタンの洪水被害者たち。画像はWikimedia [チリの鉱山で起きた事故は、人々の高い関心をひきつけている。一方で、パキスタンの洪水は、大規模な被害であるにもかかわらず十分な関心が喚起されていない。その背景についての考察。] 筆者の著書『How We Decide』[邦訳は一流のプロは「感情脳」で決断する(アスペクト刊)]から、ある研究を引用しよう。(人間の判断や意志決定について研究する非営利機関Decision Researchの創設者である
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Full Page Image Gallery with jQuery | Codrops 大迫力のページをフルに使ったイメージギャラリー実装デモ。 jQueryを使って画面を最大限に使ったギャラリーの実装コード例とコードのダウンロードが可能です。 フルサイズなので、写真の迫力が出せて、更に所々がJavaScriptによってアニメーション付きでクールに動作します。 コードはそれほど複雑なものではなく、カスタマイズ等も簡単そうです。 関連エントリ これはいい!iPadテーマのjQuery画像ギャラリー PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 超カッコいいApple風スライドショーギャラリー作成チュートリアル JavaScript製の画像スライダー・ギャラリーいろいろ
最大7チャンネル分のテレビ番組を24時間×30日間以上(約500GBの外付けハードディスクを使用した場合)録画し、iPhoneやiPad、パソコンを使って視聴できるというのがこの「ガラポンTV」です。 録画番組の字幕データを使った検索も可能で、さらに各番組の何分あたりとかそういう情報にもウェブページのURLのようなアドレスがURIとして割り当てられるため、TwitterなどでそのURIを明示すればガラポンTVユーザー同士で番組について共有して語るのも簡単にできるそうです(共有するのはあくまでもURLのみ)。 価格などの詳細は以下から。GIGAZINE読者向け割引プランも用意してもらいました。 全TV番組録画ガラポンTV発売! http://garapon.tv/garapontv.html 今回予約が受付されるのは「ガラポンTV初号機」で、予約内容は以下のような感じです。 販売価格:300
一見するとジェットコースターのようにうねっている物体にしか見えませんが、何とこれはベンチ。イギリスに存在するこのベンチは300人もの人々が座ることが可能な程長く、またこのように特徴的なデザインをしています。 見た目はスタイリッシュなものとなっているようなのですが、座り心地にはやや不安の残る斬新なデザインとなっています。 さまざまなアングルからの長い長いベンチの写真たちは以下から。Dezeen ≫ Blog Archive ≫ The Longest Bench by Studio Weave これがイギリス1長いベンチ。主な材料は浜辺に打ち上げられた固い流木で、カラフルなステンレススチールの棒をたくさん使って座面を作りあげています。 なぜかぐるりと円を描いている部分も。見た目にはかっこいいですが、座れる部分はちょっとしかなさそう。 しかしこの部分はごく一部で、浜辺の先の先まで続いているので
前の記事 萌え系シューティング・ゲーム『ぎゃるがん』レビュー 顔認識AR技術のPolar Rose社、Apple社が買収 次の記事 「ノートPCや3D TVをiPadが喰う」:米国販売店 2010年9月21日 IT コメント: トラックバック (0) フィードIT Charlie Sorrel Photo: Yutaka Tsutano/Flickr 『Wall Street Journal』(WSJ)の報道によると、米Best Buy社[世界最大の家電量販店]の最高経営責任者(CEO)であるBrian Dunn氏は、同店におけるノートパソコン売上げのおよそ半分が『iPad』に置き換わっていると述べた。また、3Dへの切り替えを各社が必死に後押ししているテレビも、小さなiPadによって販売が減速しているという。 Dunn氏は、大きめの製品はおおむね販売が鈍っており、iPadや『Kindle』
Best Lightweight PHP Frameworks of 2010 | Webification 軽量なPHPフレームワーク2010。cakephpやsymfony、Zendと色々ありますが、どれも多機能故の重さ等もあります。 あまりに重くて1台あたりで捌けるトラフィックが少なくなり、サーバ台数を増やさなくてはいけなくなる場合もありますね。 そういうわけで、軽量(1MB以下)で開発中のフレームワークの特集があったのでご紹介。 そんなに多機能じゃなくてもいいので、それなりに便利に使えるかもしれないフレームワークを知っておいてもよさそう 関連エントリ PHPフレームワークの学び方 PHPで、どのフレームワークが一番? PHPフレームワークのベンチマーク比較
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
致命的なエラーがシステムで発生し、復旧不可能な状態になること。Windowsの「ブルースクリーン」やMacOS X以降で標準実装する「パワーボタンマーク」などと同じ。システムの電源を切って強制終了し、再起動するしかない。システムの起動途中でカーネルパニックが発生した場合には、根本的な解決を図るまでシステムを再起動できない。 カーネルパニックが発生すると「Kernel panic」の文字列、発生したエラーの内容、システムがメモリー上に書き出したダンプ情報の一部などが、ディスプレイの画面に出力される。根本的な解決を図るには、これら情報を手掛かりにして検証を進める。ハードウエアに起因するケースがほとんどである。詳細を調査するには、メモリー上のダンプ情報を採取するツール「diskdump」や「netdump」、「kdump」などを使う。 カーネルを再構築したときにシステムの起動途中で発生することが
There’re thousands of incredible Textures are all over the internet. So, you have vast amount of textures available, you can now add dirt, rust, floral effect, swirls, mold, oil stains in your artworks and photos to give them an aged, damaged, dreamy or any look you want. This Showcase of high Quality Texture can be very useful to be able to make your own textures in Photoshop. You can easily cust
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く