2006年10月アーカイブ

24のファンです。シリーズ6のプロモがネットで見れることができます。ついでのCTUの着信音やパロディ版なども紹介。息抜きにどうぞ。

3年前から「24」のファンになって毎シリーズを見ています。「24」についていえば「ハマる」「百聞は一見に如かず」「観ればいい」といったところですか。とりあえず、注意する点は時間を決めないと夜更かしする羽目に。

eiga.com [ニュース&噂]より

そんな「24」シーズン6予告編がネットに登場したとのことです。24ファンの方はどうぞ。

このコンテンツはMacromedia - Flashで制作されています。
ご覧いただくにはMacromedia - Flash Player(無償)が必要です。

「24」シーズン6予告編はこちらからFOX Broadcasting Company: 24


インタラクティブなテーブルです。こんなテーブルがあれば、デザインの仕事も楽しくなると思います。息抜きにどうぞ。

面白いテーブルを見つけました。想像力を豊かにでき、且つすぐに形に表現できるテーブルです。こんなテーブルがあると仕事が面白くなるなぁ〜。息抜きにどうぞ。

'Smart' table could boost brainstorming - tech - 09 October 2006 - New Scientist Techのエントリーより。


Blue Eye table - La table scanner
Uploaded by yom_

このコンテンツはMacromedia - Flashで制作されています。
ご覧いただくにはMacromedia - Flash Player(無償)が必要です。

上部からとテーブルからのスキャナー機能が装備されている。アニメーションも表現できるからスゴイ。

del.icio.usにブックマークするとApple iPod 80GB ブラックが当たるコンテストという面白いマーケティングがありましたので紹介。

Del.icio.us User To Win 80GB Apple iPod On November 22nd, Enter This Contestというエントリー。

Del.icio.us Userでこのエントリーをブックマーク登録することでApple iPod 80GB ブラック が当たるコンテストに自動的に参加できるというもの。

Apple iPod 80GB ブラック MA450J/A
アップルコンピュータ (2006/09/13)

コンテストはNovember 22, 2006, at 3pm ESTとあるので、こちらの時間で14時間後の2006年11月22日の夕方5時までとなり、当選者が発表されます。

試しにブックマークしてみました。こんなマーケティングもあり?どこまでブックマークユーザーが増えるのでしょうかね。気になります。

試したい方はこちらのエントリーをdel.icio.usにブックマークしてください。

Del.icio.us User To Win 80GB Apple iPod On November 22nd, Enter This Contest
http://mostlysavingmoney.com/2006/10/delicious-user-to-win-apple-ipod-on-november-22nd/
del.icio.us
http://del.icio.us/

NTTフレッツ光プレミアムへ乗り換えしました。切り替えにあたって気づいた点や気をつける点を情報として残しておきます。

本日からネット接続回線を光に変えました。今までは住んでいる地域の都合上Yahoo!DSLでした(ADSL8Mよりも遅い接続環境)。接続価格を比べてみて光とそれほど変わらないことを確かめて申請。回線工事までに時間がかかるとのことでしたが、1か月ほどで本日回線工事着工、開通となり、晴れて光で接続しています。

比べてみると速さが全く違います。YouTubeなどのV読み込みもスムーズでストレスなく見ることができます。光の速さに驚いているところです。

とりあえず、光プレミアム切換えで気づいた点や気をつけることなど簡単にまとめてみました。今後、NTTフレッツ光プレミアムへのネット接続切り替えや新規接続を検討している方は参考にしてみてください。(戸建住宅ファミリータイプのみ)


Firefox 2.0にアップデートしました。対応エクステンションやショートカットなどの情報を紹介しています。

Firefox2.0が正式リリースされて、気になるのは以前のバージョンでのエクステンション対応状況です。下記のブログにてエクステンションの対応などを確認し、導入しているエクステンションの状況を把握した後、とりあえずアップデートしました。

使ってみた感は、以前のバージョンよりも早く動作するように思えました。今後もさまざまなエクステンションが対応してくると思われますので別段アップデートしても心配ないかと思う。

ちょっとショートカットなどが変わってきていますので、Windouwsユーザーの方には、面倒さを感じます。

Firefox をダウンロード!!

とりあえず、自分が使っているエクステンション(主に気になったのは、googleサービス関連)での対応をまとめてみました。ついでにショートカットも少し書きとめておきます。(尚、ショートカットは導入しているエクステンションにより異なってきます。各エクステンションで個々に設定もできますが、面倒なので個々の設定を抜きで。)


Flashクリエイターやディレクターの方にはおススメのWeekly Top 40 Website Design Chartsの紹介です。何かインスピレーションを掴むのみ役立ててください。

WEBサイトデザインチャート40です、毎週チャートが変動します。Flashで作成されたWEBサイトばかりです。Flashクリエイターにはいい素材やアイデアが拾えると思います。ディレクターの方にもお勧めです。

下記画像クリックでアドレス表示されます。

designchart_png
DesignCharts // Weekly Top 40 Website Design Charts
http://designcharts.com/

何かいインスピレーション掴んでください。

世界的に有名な広告代理店Leo BurnettのWEBサイトがすごかったので取りあげてみました。他のWEBでは得られなかったエクスペリエンスを体験することができます。

エージェント(広告代理店)のLeo BurnettのWEBサイトがすごかったので一度ご覧になってみてください。さまざま視覚表現訴求が施されています。ちょっとしたこれまでにWEBで得られなかったエクスペリエンスを体験できるので訪れてみるといいですよ。WEBでここまでプレゼンできるとスゴイですね。

leoburnet_png

世界的に有名な広告代理店Leo BurnettのWEBサイトです。

Big Ideas come out of Big Pencils:
http://www.leoburnett.com/

画像をクリックすると元に戻ります。


わからない英単語を辞書検索するのにAnswers.comサイトが便利です。Firefox向けにもエクステンションが公開されています。Answers.comエクステンションの使い方を紹介しています。

Going My Way: 英語のわからない単語は英語で調べるのが上達の近道、Alt+クリックでanswers.comでの検索結果を表示する1-Click Answersで紹介されていたAnswers.com for Firefox (for Windows, Mac and Linux) Answers.com for Firefox (for Windows, Mac and Linux)を導入してみましたが、【alt】+【1Click】で新しいウインドウでの辞書検索結果が表示できませんでした。

私のデスクトップ環境は、WindowsOS XP-SP2-Firefox1.507です。

早速調べてみることに。

answerfirefox_png

FirefoxでAnswer.comの辞書検索結果を表示するにはAnswers.com for Firefox (for Windows, Mac and Linux) Answers.com for Firefox (for Windows, Mac and Linux)を導入することで簡単に表示できるようになります。

エクステンションをクリックして設定を覗いてみると、書かれていました。

最新ブラウザでAnswers.comの検索結果を表示するには、【alt】+【1Click】ではなく、【Ctrl】+【alt】+【1Click】で表示されるようになります。


Ajaxでよく使われるprototype.jsを使ってサイドメニューの折りたたみ表示をする紹介です。簡単なスクリプトで実行することができます。

サイドメニューを折りたたみ形式に変えたかったので、いろんな方法を探してみましたが、prototype.jsを実装していることもあって簡単にできないものかと思い。試してみたら実行できましたので紹介します。

prototype_png
Prototype JavaScript Framework: Class-style OO, Ajax, and more
http://prototype.conio.net/

画像をクリックすると元に戻ります。

トップページにて最近のコメント・トラックバックを表示していますが、それほど重要性がまだないようなので、非表示にすることにしました。クリックの頻度が薄いコンテンツを折りたたみ表示にすることでトップページを少しすっきりさせることができます。


埋め込み画像のHTML生成でHighslide JS用のアトリビュートを追加するようにカスタマイズする方法を紹介しています。このカスタマイズで簡単にHighslide JSを使った画像表示が可能となります。

前回のHighslide JS-サムネール画像を拡大表示するスマートなjavascriptを紹介したエントリーで記述していたように、Movable Type(ムーバルタイプ)の埋め込み画像(ファイルのアップロード)作業にてHighslide JS用のアトリビュートを追加するようにカスタマイズできましたので紹介しておきます

images/mthighslide_png-image

画像をクリックすると元に戻ります。

Highslide JSのMovable Type(ムーバルタイプ)への導入はHighslide JS-サムネール画像を拡大表示するスマートなjavascriptのエントリーをご覧ください。

このカスタマイズをすることでMovable Type(ムーバルタイプ)で簡単にHighslide JSを使えるようになります。

今回このカスタマイズでmixiにてヒントをくださいました。ナカヤマ様・きりり様この場を借りてお礼申しあげます。ありがとうございました。


ブログなどでソースコードを公開する際に役立つJavascript-dp.SyntaxHighlighterの紹介です。各プログラムコードで特定要素のカラーを変えて表示することができます。

毎回私がソースコードを表示するのに使っているJavaScript- dp.SyntaxHighlighterの紹介です。無料でソースが公開されていますので、自由に使うことができます。

syntax.gif

Yahoo! UI Library: Grids CSSにて、このJavaScriptを使っていましたので使うことにしました。MTなんかでは、公開するソースによっては行番号などの指示をする場合などがありますので何かと便利だと思われます。


ブックレビュー-100の悩みに100のデザイン 自分を変える「解決法」 (新書) -いろんな要素を見つけることができる本です。おススメです。

昨日本屋にjavascript関連の書籍を探しにいった際に、こちらの100の悩みに100のデザイン 自分を変える「解決法」 (新書) を購入しました。読んだ感想は、自分のライフスタイルをデザインで脳内改革するような感じのことが書かれています。

100パターン用意されていますので、結構自分に当てはまるポイントがいくつかあって面白かったです。

ブックレビュー

書かれていることについてすべてをうのみにするのではなく、何かのきっかけづくりにはつながるような要素がいくつかありますので、ちょっとした意識改革をしたい方にはおススメの本です。

また、これは読んでみて思ったのですが、100項目すべてがテキストとデザインで問題定義と解決法の提案が紹介されています。ある意味これからのWEB標準に向けて、わかりやすいコンテンツを作るにもいい素材になるかもしれないです。

それから、最近自分の中でも興味のあるマインドマップ作成の補助的なデザインにも役立ちそうな要素も持っています。

違った意味でも使えるかと思いました。視点を変えてみるといろんなデザイン発想の要素が見つかるかと思います。


javascriptでスタイルシートを置き換える手法を使ってレイアウトを変更するサイトの紹介です。ブラウザの表示幅を取得し、その値からレイアウトコラムを変更しています。

ブラウザの表示幅を取得して、そこからスタイルシートを置き換えるjavascriptです。800ピクセル以上で4コラムのレイアウトで表示されますが、表示幅が800ピクセル未満になると1コラムレイアウトに代わります。アクセシビリティには、とてもいい手法だと思います。

ブラウザの表示幅によって変化するレイアウト

今後こういったアクセシビリティを考えての、javascriptを使ったスタイルシートの置き換え手法は増えてくるのかも。DOMの属性を変えることで実現しているようです。(只今勉強中)

興味のある方は、一度覗いてみてください。


サムネイル画像を拡大表示するjavascriptのHighslide JSの紹介です。カスタマイズ性にも優れています。表示がスマートでおススメできるjavascriptです。

サムネールをクリックすると同一ウィンドウ上に画像を表示するというjavascriptでLightbox JSLightbox が有名かと思います。以前からあまりスマートではないと思っていたら、スマートにしたタイプのHighslide JSが公開されていましたので紹介します。

highslide.gif

Highslide JS-サムネールをクリックすると同一ウィンドウ上に画像を表示します。サムネイル画像をワンクリックで拡大画像表示、そして拡大画像をワンクリックでサムネイル画像に戻します。とってもスマートです。Lightbox JSよりも若干ストレスなく画像表示できます。


Highslide JS - JavaScript thumbnail viewer
http://vikjavev.no/highslide/
  • IE 4.0・Netscape 4.79には対応していませんが、その他の最新ブラウザには対応しています。

  • 拡大された画像の下にキャプションをいれることも可能です。

  • 拡大画像の外枠の指定も4パターンの中から好きなパターンを選べます。

  • JavaScriptがオフの場合は、そのままイメージ画像が拡大表示されます。

  • 拡大された画像をドラッグドロップで好きな位置に移動できます。

Highslide JS実装サンプル

実際に実装してみるとこんな感じになります。

Highslide JS

Highslide JSのサンプルです。そのまま画像をクリックすることでサムネイル表示に戻ります。

拡大画像の縁をホワイトボーダーで10ピクセル指定・影を付けたパターンです。

この画像をドラッグ&ドロップで好きな位置に移動できます。

角丸表示をする方法を紹介しているエントリーをリストアップしているサイトがありました。要素別にリストアップされています。角丸表示をするときにあらゆるシーンを想定してブックマークしておくといいと思います。

角丸表示する方法もいくつかあります。そんな方法を紹介しているエントリーを一挙に集めたサイトがありましたので紹介しておきます。

roundlink.gif

CSS Rounded Corners 'Roundup'というエントリーです。紹介されているリストは、javascript制御か否か・使用する画像数・リキッドレイアウト(サイズ可変)可能か横幅サイズ指定タイプなどさまざまなパターンを考えてきれいにリストアップされています。今後のさまざまなシーンで使うことを想定してブックマークしておいた方がいいとおもいます。


ブログでのトラックバックURLや記事のテキストリンクを簡単に取得できるようにすることで知識の共有や被リンクを向上させることができます。表示する方法を紹介しています。

Movable Type(ムーバルタイプ)でトラックバックURLを簡単に取得できるようにする方法と各個別エントリーのテキストリンクを簡単に取得できるようにする方法の紹介です。

Movable Type(ムーバルタイプ)でトラックバックURLを簡単に取得できるようにする方法

S i M P L E * S i M P L Eさんのブログで紹介されていたて小技(トラックバックがしやすくなる小技 | S i M P L E * S i M P L E:)がかなり使えるものでしたので、情報の受け流しになりますが紹介しておきます。

この小技、FirefoxならびにIEで試してみましたが、簡単にリンク選択ができるので便利です。テキストエリアに表示されている内容がワンクリックで簡単に選択できるという小技です。URLをコピーするための選択の手間が省けます。


磁性流体(Ferrofluid)アートの紹介です。

ちょっと面白いアートを見つけましたのでご紹介。磁性流体(Ferrofluid)アート。

磁石に引き寄せられる不思議な液体を使ってのアートです。YoutubeにVがありましたので紹介しておきます。

Protrude Flow

音に反応して磁性流体(Ferrofluid)がさまざまな動きを見せます。何かに使えるかも


Nintendo Wiiの体験映像をサイトにて公開しています。CMにユーザーエクスペリエンスを導入するのはいいですね。WEBでのマーケティングにも使えそうなネタです。

昨日からNintendo Wiiサイトにて体験映像が公開されています。

Nintendo Wii
wii.com
http://wii.com/

こういったユーザーエクスペリエンスを利用したCMはいいですね。欲しくなっちゃいました。


オランダ-PHILIPS(フィリップス社)のリビング製品がすごかったのでエントリーにて紹介しています。実際の製品プレビューVもありました。

つい先日光で起こす目覚まし時計 - GIGAZINEのエントリーで太陽光で体が目覚めることを応用して開発した目覚まし時計を紹介していました。他にもいろんなリビング家電が開発されているみたいでして、PHILIPS(フィリップス社)のプレスページを覗いてみると、他にも面白いものや体に優しいものなどが紹介されていました。

PHILIPS(フィリップス社)のプレスページ

実際の製品を紹介しているVもありました。ぶっちゃけすごいです。

子供のお絵かき用のマジックブラッシュセット・音楽に合わせスペクトリアムを使ってムードを演出するシステム・ムードに合わせて光の色やペンダントの背景を変えることができるライト・タッチセンサーリモコンで自由に光の色を変えれるライトなどいろいろとあります。


投稿者のコメントだけをハイライトにする方法を紹介しています。Compare Pluginを使って条件分岐することで可能です。

Movable Type Compare Plugin(プラグイン)を使って投稿者のコメントだけをハイライトにする方法の紹介です。

Movable Typeプラグイン

百式の管理人さんが運営している他のブログでコメント欄を読みやすくする方法 | S i M P L E * S i M P L Eより

37signalsのブログ、Signal vs. Noiseのコメント欄はその記事を書いた投稿者のコメントだけをハイライトしてくれます。37signalsのブログ、Signal vs. Noiseのコメント欄はその記事を書いた投稿者のコメントだけをハイライトしてくれます。

ブログで議論がもりあがってくると全部のコメントを読むことがつらくなります。そういうときは全部のコメントを読むのではなくて、投稿者がそもそもどういうことを意味していたのかを知りたい場合が多いですよね(でもない?)。

そうしたときにこのテクニックは有効ですね。どなたかMovableTypeで実装する方法を教えてください・・・。

確かにコメントが多数寄せられるサイトには、いいアイデアだと思いました。

私もコメントしていただける方の情報というのは、自分のエントリーした内容に+αの要素を与えてくれる場合が多いと考える方なので、自分のコメントと差別化(メリハリをつけたい)したいなんて思い、同じMovableTypeなので今後のことも考えて「投稿者のコメントだけをハイライトにする方法」素人ながらいろいろと考えて、探してみました。行き着いた方法は、Compare Plugin for Movable Typeを使って実装することで可能という一つの答えが見つかりました。


WEBデザインのインスピレーションを掴む時にベースカラーからWEB配色の参考になるCSSギャラリーサイトをまとめてみました。お役立てください。

WEBデザインでベースカラーを基にさまざまなWEBデザインパターンを参考にしておきたいものです。今回は、数あるCSSギャラリーサイトの中でカラーでWEBサイトを分類表示できるサイトを選んでまとめてみました。

配色で選べるCSSギャラリーサイトまとめ

以下のサイトの中を使えば、配色の参考になると思います。


インスピレーションを掴むのに最適なサイトです。また、デザイナー探しにもいいかと思います。ディレクターのお仕事をされている方にはクリップしておくサイトです。

インスピレーションを掴むのに最適なサイトを見つけました。The FWA: Favourite Website Awards

かなり質の高いサイトやフォトグラフなどを見つけることができます。ある意味デザイナー探しでも役立てるサイトです。ディレクターの方にはいいサイトです。国内の方で何名かいいお仕事されている方たちがいます。

insp.gif

(今回は、Diggっぽくしてみました。DiggのフォントはこちらのFFF Forward Font DownloadからDLできます。Mac・Win可)

Firefox 2.0(RC2)公式リリースされました。ブックマークや閲覧履歴には一切影響ありませんが、拡張機能やその他のアドオンがの一部に、動かなくなるものが出てくる可能性があります。

Firefox 2.0(RC2)公式リリースされたみたいですね。下記のアドレスからDLできます。いくつかの新機能と改良がされています。試してみたい方はどうぞ。

firefoxオフィシャルリリース

Firefox の先のバージョンから受け継いだ拡張機能やプラグイン、テーマがすべて適切に動作するわけではないことにご注意ください。

Firefox 2 RC 2 のインストール

Firefox 2 RC 2 をインストールすると、すでにインストールされている Firefox が 上書きされます。ご注意ください。ブックマークや閲覧履歴には一切影響ありませんが、拡張機能やその他のアドオンがの一部に、動かなくなるものが出てくる可能性があります。Firefox 2 RC 2 は、Firefox 2 の最終リリースが公開されたあかつきには、自動的に最終リリースへとアップデートされます。

(引用:Mozilla Firefox 2 RC 2 リリースノートより)
Mozilla Firefox 2 RC 2 リリースノート
http://www.mozilla-japan.org/products/firefox/releases/2rc2.html

はてなユーザーでMovable Typeでブログを構築している人にAddToHatenaBookmarkプラグインは使えます。

はてなユーザーでMovable Typeでブログを構築している人に便利なプラグインがあるのを見つけた。

Movable Typeプラグイン

AddToHatenaBookmarkプラグイン

エントリーを公開したときに、そのエントリーをはてなブックマークにポストするプラグイン。Movable Type 3.2以降(日本語版)でしか動作しません。また、はてなのアカウントが必要です。

このプラグインは、公開状態のエントリーを更新したり、新規に公開状態のエントリーを追加したときに、そのエントリーをはてなブックマークの自分のブックマークに追加するものです。

自分のブログをはてなブックマークで宣伝できるという一次的なメリットに加え、みんなでこれをやれば、はてなブックマークの検索機能をブログ検索機能として利用できるという二次的なメリットもありそうです

このプラグインを入れておけば、何かといろんなメリットがあるようなので実装することに。

MovableTypeからGoogle Blog SearchにPING送信する方法を紹介しています。簡単です。

MovableTypeでGoogle Blog SearchにPING送信する方法は、【更新Ping/トラックバックの設定】の欄に

http://blogsearch.google.com/ping/RPC2

上記のアドレスを追加するだけです。

mtgoogleping.gif

GIGAZINE-Googleのブログ検索にPingを送るというエントリーをみてこのブログもGoogle Blog Searchに反映されるようにPingを送ることに。


XHTML+CSSテンプレートが簡単に作成できるmarkupmakerの紹介です。WEB制作での作業効率を向上することができます。

WEB制作でデザインが決まったら、今度はdivブロック要素にレイアウト割りします。各ブロック要素のセレクタ名を決めた後、このmarkupmakerを使えば、簡単にvalid XHTML文書を作成することができます。

XHTML+CSSテンプレートが簡単に作成できるmarkupmaker

各ブロック要素のセレクタ名を階層順に入力することで構造化されたXHTML文書とCSSコードが生成されます。あとは、コンテンツを入れ込んで、各ブロック要素でのCSS設定を行えばいいだけになります。

XHTML documentタイプも選択できます。かなり作業効率を向上することができると思います。かなり便利なツールです。


ユニクロUSのサイトがシンプルでカッコイイです。フラッシュを使っています。

先月の11日にNYにユニクロUSがたちあがりました。下記画像がNYでのユニクロのロゴ。

uniqurologo.gif

(画像Uniqro.comより)

同時にサイトも立ち上がっています。ユニクロのUSサイトがカッコよくていいです。とてもシンプルでフラッシュでの演出がいいです。javascriptでフラッシュを読み込ませているようです。参考にどうぞ。以下のアドレスから


LEDランプを内蔵したボトルキャップです。このキャップを装着することで普通のボトルがランタンに切り替わります。キャンプや釣りにはおススメのガジェットです。

ちょっと面白いものを見つけました。ボトルをランタンなどに変えることができるキャップです。キャップに内蔵されたLEDライトを使ってボトルに光を照射することでランタンに切り替わります。

キャップにて光の調整もできるようです。これがあれば、キャンプや釣りといった時に役立つと思います。釣り好きな私としては備えておきたいガジェットです。

firefly.jpg

価格は$21.95です。そんなに高くない買い物ですね。早くどこかの国内メーカーにて生産して欲しいです。


ロシア発-カラーパレット提供サイトDailycolorschemeの紹介です。パレットの共有はできませんが、さまざまなデザインに関連付けたパレットパターンを提供してくれます。さまざまなファイル形式でパレットデータをDLできるのが魅力です。

ロシア発、カラーパレットを提供してくれるDailycolorscheme。このサイトは、カラーパレットの共有こそできませんが、このサイト管理者の作成するパレットを簡単にDLすることができます。パレットは、デザインする媒体に関連付けて毎日エントリーがあります。配色に関する提案サイトとしてとらえればいいと思います。

dilycolorschime.gif

DLできるデータ形式は、フォトショップ・イラストレーター・HTML・CSSファイルなど5種類のファイル形式にてDLできます。RSSフィードを取り込んでおけば、毎日いろんなカラーパレット情報を確認することができます。さまざまなファイル形式でデータをDLできるのが魅力です。


IE・Firefoxで同時に表示確認・CSS編集ができるフリーソフトCSSvista の紹介です。Windows XPのみつかえるソフトです。

ブラウザからCSSを編集・表示確認できるソフトはFirefoxであれば、Web Developer Toolbarを使えば可能でした。今回見つけたCSSvistaは、IE・Firefoxで同時に表示確認・CSS編集ができるフリーソフトです。但しWindows XP onlyです。

CSSvista IEでCSS編集ができるフリーソフト

これを使えば、WEB制作の作業効率を向上することができると思います。Windows XPのみでインストールには、Microsoft .NET Framework Version 2.0が必要になります。導入してみたい方は以下のアドレスからどうぞ。



Adobe After Effectsの動く背景を作成するチュートリアルです。よくMTVなのでVJがVの紹介をしている時に、クロム背景が動いているその背景の作り方を説明しているVです。

以前のAdobe After Effectsのライトサーバーチュートリアルのエントリーで紹介したVの制作者がまた、新しいVをリリースしました。

今度は、Adobe After Effectsで動く背景を作成するチュートリアルです。よくMTVなのでVJがVの紹介をしている時に、クロム背景が動いていると思います。その背景の作り方を説明しています。

affect.png

それにしても毎回、手が込んできています。独自でVを作成したい方には、おススメのチュートリアルですね。


テクノラティプロフィール

WEBデザイナーが知っておくべきFireFox Extensions 20というエントリーを見つけました。20のエクステンションの中から自分なりに必要であると思われるエクステンションをまとめてみました。

deliciousにて20 FireFox Extensions That Every Web Designer Should Know Aboutというエントリーを見つけた。WEBデザイナーが知っておくべきFireFox Extensions 20

firefox20.gif

WEBデザイナー志望のわたくしとしては逃せない気になるエントリーでしたので、早速確認。

Yahoo! UKが選ぶ ベストサイト100!自分の興味のあるカテゴリで海外からの最新情報を入手するならYahoo! UKが選び出したベストチョイスサイトを見てみるといいと思います。

ちょっと面白いリンク集を見つけました。Yahoo UK選ぶ100サイト。少しの間ネットサーフィンも楽しくなるかな。特に女性の方にはおススメです。/p> Yahoo! UKが選ぶ ベストサイト100

ファッションはじめガジェットなど自分の興味のあるカテゴリーコンテンツで海外からの最新情報を入手するなら、Yahoo! UKが選び出したベストチョイスサイトを見てみるといいです。ネットサーフィンにマンネリ化を感じている方には、少しは楽しくなるかと。


Ajax表示を試しに行ってみました。今回は、prototypeベースのRicoを使ってのコンテンツをアコーディオン形式にて表示する方法を紹介しています。実際にアコーディオン表示しています。

Ajax-全く勉強してなく詳しくはわかりません。勉強しなければならないと思いつつ置き去りのままです。ですがその機能的な部分に惹かれてつい使いたくなってしまいます。

ricotop.gif

今回はprototypeベースのRicoを使ってコンテンツをアコーディオン形式にていくつかに分けて表示してみることにしてみました。

このブログも情報コンテンツ部分が多々あるので、ゆくゆくはAjaxを導入しようと考えています。今回はエントリーにて試してみることに。実際にアコーディオン表示を使うのは初めてです。うまく表示されていればいいですが。


国内の自動車メーカーの中で唯一ユニークなデザインをしている光岡自動車からスーパーカー「オロチ」が発売されるようになりました。

国内の自動車メーカーの中で唯一ユニークなデザインをしている光岡自動車からスーパーカー発売されるようになりました。その名も「オロチ」。名前だけでなくそのフォルムもエキゾチックさがあります。だれがデザインしたんでしょう?

国内スーパーカー 光岡自動車 オロチ

(画像光岡自動車から)

価格は1050万円で只今予約受付中です。国内大手自動車メーカーもこの車の開発に携わっているとか。


J-WAVE Brandnew J が無料で聴けるインターネットFMラジオ放送を開始しました。

Going My Way: 仕事中にもいい音楽を聴きたい、J-WAVE Brandnew J 正式オープンのエントリーからの受け流しになりますが、J-WAVE Brandnew Jがストリーミング配信を正式に開始しましたね。

Brandnew J

当サイトからもおススメということで紹介しておきます。左部バナーをクリックするとJ-WAVE Brandnew Jへ飛びます。Windows Media Playerでの配信です。

今現在の住まいが兵庫なので、今までKissKobeを聞いていましたが、こちらに転向です。いい感じのナンバーが流れますね。Great!


何かインスピレーションを掴むのに役立ててください。インダストリアルデザインを紹介しているサイトです。

WEBサイトのデザインばかりみていても何も浮かばないときに、身近にあるデザインをみて何か得てみてください。 モチベーションを維持できるかも。それとも何かいいインスピレーションをつかめればいいかと。息抜きにどうぞ

Core77 - Design Event Photo Galleries:
Core77 - Design Event Photo Galleries:
http://www.core77.com/gallery/photos_search.asp?context_id=1&album_id=27
インダストリアルデザインを集めて紹介しているサイトです。

What are your Favorite Thingzというサービスを使って自分のお気に入りサイトやページなどをきれいに整列表示・サムネイルリンクを生成できるサービスの紹介です。

Diggからのネタで自分のお気に入りサムネイルをサイドバーに簡単に表示できるサービスを見つけました。What are your Favorite Thingz?というサービス

What are your Favorite Thingz?

これを使えば、自分のお気に入りをカテゴリー毎にまとめてサイトトップページにサムネイル表示することができます。ただ、サイトのデザインとマッチするかが問題。サイドバーの横幅が220px以上必要です。

試しに自分の好きな自動車メーカーのサムネイルリンクを作ってみました。


都会での折リたたみバイク”A-bike”が英国WEBにて販売されています。販売価格は199.99ポンド。

以前コンパクトなBikeを探している人に | A-Bikeのエントリーで紹介したバイクが英国のWEBサイトから販売されているみたいです。 Diggでもかなり人気のエントリーに上がっています。

A-bike

以前のモデルから若干デザインが変わりました。
実際の販売価格は199.99ポンド。日本への送料が65ポンド。
円に換算してみると、6万円弱です。WEBからの注文だとバッグがついてきます。


宇宙旅客サービスVirgin GalacticのSpaceShipTwoデザインを紹介しています。Vもありますがとても精巧に作られています。

VirginグループのVirgin Galacticが発表したSpaceShipTwoのデザインです。 インテリアテイストのあるデザインですね。

Virgin GalacticのSpaceShipTwoデザイン

(画像:Virgin Galacticより)

このスペースシップの名前は、"VSS Enterprise"
チケット代金は、$200,000(円換算で2,358.8 万円)

Virgin Galacticによると、すでに118カ国より、2万8千人が予約登録を済ませたそうだ。

(引用クラブツーリズムが英Virgin Galacticと提携、弾道宇宙飛行を国内販売へ [MYCOMジャーナル]より)

実際のフライトイメージのVもりーリースされています。フラッシュで作られているらしいのですが、スゴイです。


Adobe After Effectsのライトサーバーチュートリアルです。やはりSTAR WARSの人気はすごいですね。

Adobe After Effectsのライトサーバーチュートリアル

Adobe After Effectsでのライトサーバーの作り方を解説しているVがありましたので紹介しておきます。

affect.png

かなり手が込んで作られているVです。Adobe After Effectsユーザーにはいいチュートリアルと思います。


APPLE iPHONEに関するエントリーやチュートリアル、世界のプロダクトデザイナーが自分のiPHONEデザインを投稿しているライブラリーの紹介です。

APPLE のiPHONEのデザインライブラリーです。 世界中のデザイナーが自身で考えたコンセプトデザインを投稿しています。 さまざまなデザインを見ることができます。

APPLE のiPHONEのデザイン

(画像APPLE iPHONE DESIGNSより)

私はこのデザインがいいとおもいました。

プロダクトデザイナーの方で自分はこんなデザインがいいと思うという方は、投稿してみてはいかがですか?


お洒落なお財布を見つけました。名前は”Wallet 2.0”。国内で取り扱っているところがあるかどうかわかりませんが、デザイン的にもオシャレでしたので取りあげてみました。

お財布もこんなデザインのものに進化するのですかね。お洒落ですね。

お洒落なお財布-Wallet 2.0

素材はシリコンです。調べましたが、国内で取り扱っているところを見つけられませんでした。

製造元か問屋かわかりませんが、詳細はこちら。 バイヤーの方にはいい商材になるのでは?

さまざまなCSSのソースを紹介している456bereastreetでのクリップの中でフレキシブルな角丸ボックス表示について自分なりに理解を深めるための説明エントリーです。

456bereastreet-CSSで様々なクリップを紹介しているサイトです。最近はここのサイトを何度も読み直していろんなCSSを把握しよう頑張っています。

456street.png

つい最近もjavascript制御での影付き角丸ボックスのソースを公開していました。あとは、pullquotatをjavascript制御でブロック要素で抜き出して表示するソースなんかも紹介されています。

456bereastreet

http://www.456bereastreet.com/

こちらのブログもMovable Type[ムーバルタイプ]で構築されています。ページ構成やレイアウト・デザインなど参考にしてみるのもいいかと思います。


ブログやSNSを始めようとおもう方にお勧めの新書の紹介です。自分で何か構築してゆくためのコンセプトを決めるにはどうすればいいかをわかりやすく紹介しています。

先月購入した新書「SNS的仕事術 ソーシャル・ネットワーキングで働き方を変える!」。ちょうど読み終えました。SNS-mixiにも興味があったので少しずつ活用していければと思って購入。

bookreview.png

感想は、これからのブログ・SNSを使って情報発信してゆくために基本となるコンセプトを構築するための前置きや今後の目標設定を確認する意味でいい内容であったと思います。


2006パリモーターショーで公開されたトヨタの2シーターコンセプトカーの紹介です。Vもあります。カッコイイデザインです。

2006パリモーターショーで公開されたトヨタの2シーターコンセプトカーです。

トヨタコンセプトカー

スピードスターとソアラをマッチングさせた感じでかなりカッコいい!ハイブリッドのミッドシップエンジンでの設計。Vもありました。息抜きにどうぞ。


MTのフィードカスタマイズの紹介です。フィードにおいて、本文の後に「続きを読む」リンクを表示させる方法を紹介しています。

フィードにおいて本文末尾に「続きを読む」のリンク表示するカスタマイズです。

Feedカスタマイズ

購読している海外ブログで「続きを読む」リンク表示があり、自分の発信するフィードにも欲しかったのでいろいろと試行錯誤の結果、うまく表示されるようになりました。情報として残しておきます。


YouTubeにいいVがありましたので、息抜きにどうぞ。

なにか良さを感じるVがYouTubeにありましたので、息抜きに。

hugしたい

アメリカ行きたいな〜。hugしたいな〜。


以前まで3つのフィードをつかって情報を発信していた方にFeedBurnerをつかってフィードを一つにまとめる方法をご紹介しています。

この3日間少しずつ情報を探しならが試行錯誤してフィードをカスタマイズすることができましたので情報として残しておきます。

FeedBurnerへリダイレクトでフィードを一つにまとめる

今回のカスタマイズは、今まで発信していたすべてのフィードを前回紹介したFeedBurnerへまとめるです。いくつものフィードを使って(RSS2.0形式・Atom形式・rsd形式にて情報を発信している方はフィードをまとめることができます。但し、レンタルサーバーでブログを公開している方のみできるカスタマイズです。

フィードが追加されていました。それからFeedBurnerのことで一つ報告。いつの間にかlivedoorReaderとGooRSSリーダーへも対応するようになったみたいですね。ワンクリックで簡単に登録できるようになりました。



サービス

AmaPOP - amazon affiliate link generator/アマゾンアソシエイト(アフィリエイト)リンク

AmaPOP - amazon affiliate link generator
手軽にあなたのアソシエイトID入りのアマゾンアソシエイト(アフィリエイト)リンクを作成することができるサービス

人気アクセスランキング

OpenID対応しています OpenIDについて
Powered by Movable Type 4.25

このアーカイブについて

このページには、2006年10月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2006年9月です。

次のアーカイブは2006年11月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。