dIke: 2008年3月アーカイブ

• [CSS]マージンとパディングの使い分けをおさらい | コリス
  http://coliss.com/articles/build-websites/operation/css/901.html
  いまさらかよって思う方がほとんどかもしれませんが、何せ自分、本格的にスタイルと見詰め合えてるのが最近になってようやくという感じなもので（笑）新人への教育のためにもしっかり勉強しておこう。
• FancyForm - Javascript checkbox replacement
  http://lipidity.com/fancy-form/#example
  フォームの装飾系です。チェックボックス自体は-9999に吹っ飛ばして、labelのclassを切り替えているらしい。outline-color: invert; outline-style: none; outline-width: 0pt;はlabelのエリアと思わせないためのテクって感じでしょうか？こういうのって何かリスキーに思えて敬遠しがち。
• jQuery maphilight documentation
  http://davidlynch.org/js/maphilight/docs/
  このエフェクトはいい感じですねー。ただのクリッカブルマップより数段わかりやすい。

• Actionscript.org Macromedia Flash Resources and Tutorials
  http://www.actionscripts.org/showMovie.php?id=459
• Flashで本をペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」:phpspot開発日誌
  http://phpspot.org/blog/archives/2007/03/flashuidynamic.html
• Sample Book
  http://youmos.com/sample/dynamic_page_flip/v1/
  本をめくった感じのエフェクトを探していて見つけたものたちです。本格的にやろうと思うとかなり難しい感じ。。。結局マスクでそれっぽくやるものしか理解できなかった。こういったエフェクトをわかりやすくまとめているブログなどはないだろうか？てか、そういうものを自分が造っていけばいいのか（笑）

• internet Adventure™ 〔iA〕｜セガから新型Webプラットフォームが登場！
  http://ia-world.jp/
  このサービスは気になりますね。実際に存在するサイトと連動させることが可能なため、さまざまな活動が期待できそう。
  ベータテスターは抽選形式のため抽選に通る必要があります。通らないかなぁ。
  こういうゲーム業界からのWebへの参入は面白いですね。
• アップル「Safari 3.1」Mac/ Windows版をリリース、最速をアピール | パソコン | マイコミジャーナル
  http://journal.mycom.co.jp/news/2008/03/19/004/index.html
  会社でも自宅でも何故か起動しようとすると即効で落ちてしまう。。。だれか原因を教えてください。。。
• ソーシャルグラフについて - antipop
  http://d.hatena.ne.jp/antipop/20070819/1187527599
  セマンティックへの潮流でもありますね。徐々にサイトが意味を持ち始めている。でも早くトレンドができないと好き勝手な仕様が生まれる懸念も。
• japan.internet.com Webテクノロジー - ヤフー、みんなの Blog をつなげる「Yahoo！ログール」を公開
  http://japan.internet.com/webtech/20080318/4.html
  先日ログールのことを書きましたが若干誤解していました。ソーシャルグラフ的なノリもあるようです。お詫びの意味もこめて張ってみようかな。

• @nifty：デイリーポータルZ：どうでもいい写真を「Ｎｕｍｂｅｒ」っぽくする
  http://portal.nifty.com/2008/03/23/a/
  筆者には失礼だが、Numberのレイアウトと比べると差が歴然。Numberのタイポグラフィって非常によいんですねー。
• よりよいWebデザインにするための配色のセオリー :: Love & Design ::
  http://sweetlovexx.seesaa.net/article/90107619.html
  そういや昔はこれ系の配色の本を読んでたなぁ。当時はトーンとかいまいちピンときてなかった（汗）
• PSDTuts - Photoshop Tutorials and Links - Create Spectacular Concept Art in Photoshop
  http://psdtuts.com/tutorials-effects/create-spectacular-concept-art-in-photoshop/
  殺風景な野原とビルをコラージュしてさらに空には惑星を配置したSFな写真の作り方のTips。カラーバランスやトーンカーブなどのお勉強にはもってこいかと思われます。
• Emma Alvarez Site: More Than 150,000 Free Fonts And Dingbats
  http://www.emmaalvarez.com/2008/03/more-than-150000-free-fonts-and.html
  150,000以上のフォント集って。最近フォントが増えすぎてしまった。。。整理しなきゃ。
• DesignPacks.com | Free Image Collections for Web Designers
  http://www.designpacks.com/Image_Catalog/
  フリー素材です。ライセンスはサイトでご確認ください。お金の素材とかいいですね。
• Vintage Logos - a photoset on Flickr
  http://www.flickr.com/photos/mr_carl/sets/72157604144345854/
  レトロなロゴなどの一覧です。
• Adobe Fireworks Tutorials and Downloads - Best of | Tutorials | Smashing Magazine
  http://www.smashingmagazine.com/2008/03/18/adobe-fireworks-tutorials-and-downloads-best-of/
  今後FireworksはWebデザインにおいて標準的なアプリケーションになる可能性もあるので要チェック。

• Googleにおけるユーザーエクスペリエンスのデザインガイドライン10か条 | IDEA*IDEA
  http://www.ideaxidea.com/archives/2008/03/google10.html
  「Googleにおける」ってのがポイントであり、いかなるサイトでもってものではない。しかしながらそのエッセンスは十分に参考になるものと思います。あなたがもしもコテコテのデザインを下のであれば「それは本当に必要か？」と問いかけてみると良いかもしれませんね。
• newsing（ニューシング）、フルリニューアルしました！ ｜ 近江商人JINBLOG
  http://ceonews.jp/archives/2008/03/newsing_12.html
  リニューアルのポイントを紹介してくれています。気になったのは「ザッピング」。情報サイトならこの辺の仕組みが重要なようだ。ここのブログもそうだけど、立ち返った参照が可能なものにしていきたい。
  あと、ビジネスマンとして「おもてなし」という言葉には引かれた。この心意気って大事だと思う。
• なぜ、ウェブマーケティングに電話が必要なのか?――ウェブ電話の活用 | Web担当者Forum
  http://web-tan.forum.impressrd.jp/e/2008/03/24/2755
  すべてのサイトに必要なものではないが、どのようにして成り立っているか？需要がどこにあるか？は把握しておいたほうがよさそう。
• web制作者向け、無料で擬似デュアルモニターを実現させる方法『Synergy編』*ホームページを作る人のネタ帳
  http://e0166.blog89.fc2.com/blog-entry-435.html
  会社のパソコンがデュアルモニタだったらなぁと激しく思う今日この頃。てか左と右にデュアルモニタがあったとして、それぞれのモニタ上でファイルを保存したらそれぞれのハードに保存されることになるのかな？
• 「すぐに行動を起こす習慣」Lifehacker の Gina Trapani の場合 | Lifehacking.jp
  http://lifehacking.jp/2008/03/gina-trapani-interview/
  やっぱメモって重要ですよね。あとで～、とか思っても忘れちゃうんですよね。自分も1ヶ月前から思ってことなどをメモに取るようにしたのですが、徐々に頻度が落ちてきましたが（汗）会社で自分の光景を見ている人は「何やってんだ？」って感じだろうな。ま、気にしない気にしない。
  

• Luxa - Photoshop Tutorials, Videos, Brushes, Tips & Tricks
  http://luxa.org/brushes
  かなりきれいなブラシです。ブラシって使ってると作ってみたくなるなぁ。
• Abduzeedo - graphic design | design inspiration | tutorials
  http://abduzeedo.com/
  なるほどなやり方が掲載されてます。Fireworks使ってるあたりも渋い。ってかCS3以降はWeb系ならFireworksが必須か？？
  
• 写真素材 [フォトライブラリー]
  http://www.photolibrary.jp/
  その名のとおり写真素材集。
  

• ICC ONLINE | ICC マッシュアップ・アート・コンテスト
  http://www.ntticc.or.jp/Exhibition/2007/mashup/award/index_j.html
  まだちゃんと見てないけど面白そう。
• DESIGN SHOWCASE
  http://www.designshowcase.jp/
  プロの仕事がここに！
• 読者モデル百式！彼を釘付けにさせる！100勝負服
  http://www.campuspark.net/cp_se2/
  ま、ほとんどが所属でしょうが。
• 春だ！一番！OCN！｜CMスペシャルコンテンツ
  http://www.ocn.ne.jp/haru2008/special/index.html
  こいつらキモイな（笑）
• CanCam&AneCan：SUPER☆KAWAII☆REVOLUTION
  http://cancam.tv/content/08skr/index.html
  どんだけのクオリティのものが22日くるか見もの。期待しないほうがいいかな？

• にゃあプロジェクト - ウェブログ - 関連記事 : flash (まとめ)
  http://www.project-nya.jp/modules/weblog/details.php?blog_id=541
  AS2.0ではありますがわかりやすく解説しているサイトでお世話になってます。
• marumushi.com
  http://marumushi.com/
  有名な方らしい。ロジカルな考え方があこがれる。
• ClickPopMedia » Blog Archive » Physics in ActionScript 3: Box2DFlashAS3
  http://www.clickpopmedia.com/2008/03/17/physics-in-actionscript-3/
  これもロジカルな動き。なごんじゃいます。
• Adobe - EDGE Now! - Flash Player Installation
  http://210.170.58.174/
  expressInstallって便利だな。案件でも使ってみるかな。
• FLIP!
  http://www.colorflip.com/
  こういうめくる感は是非やってみたい。表示されてるMCを一枚絵のように扱うことできるのかな？ひとつのMCにぶち込んでこの効果をつければいけるかな？そんな単純じゃないか。

• 地球上の水と空気を1カ所に集めるとこうなる - GIGAZINE
  http://gigazine.net/index.php?/news/comments/20080317_all_water_air/
  こう見ると少ないものですね。人なんてもっと小さい存在ですね。
• 文藝春秋｜梅田望夫著「ウェブ時代　５つの定理」｜講演会録
  http://www.bunshun.co.jp/umeda_web/umeda_lecture01.htm
  これは是非読んでおこう。高校生の感想は笑った。
• 日本企業のウェブの申し込みフォームに多くの不備----フォレスターのアナリストが指摘：ITpro
  http://itpro.nikkeibp.co.jp/article/Interview/20080317/296396/
  Webの悪しき文化の一つでしょう。

• アドビが「Flash Lite」をマイクロソフトにライセンス供与:ニュース - CNET Japan
  http://japan.cnet.com/news/media/story/0,2000056023,20369585,00.htm
  これまでのMSならSilverlightに固守していたのでは？最近のMSの動向は気になります。
• 中国からYouTube.comにアクセスできず--チベット暴動と関係か:ニュース - CNET Japan
  http://japan.cnet.com/news/media/story/0,2000056023,20369516,00.htm
  これを見て思ったのは日本の若年層へのサイト閲覧規制です。確かにWebには有害なものもありますが、それと同じくらい大人にとって不都合な真実も埋もれているってことですね。ネガティブ方向でのベクトルは縮むでしょうが、ポジティブ方向のベクトルまで縮んでしまっている気がしてなりません。
• GoogleのAdobe買収はあり得るか - ITmedia News
  http://www.itmedia.co.jp/news/articles/0803/17/news023.html
  さすがにこれはないでしょ。
• シニア層の約3割がコミュニティサイトを利用--SNSよりブログやQ&Aコミュニティが人気:リサーチ - CNET Japan
  http://japan.cnet.com/research/column/insight/per/story/0,2000091177,20369441,00.htm
  シニア層のネット利用率はどうなのでしょう？趣味はオンライン、健康などはオフラインってのは有効な情報ですね。
• japan.internet.com Webマーケティング - Google、DoubleClick 買収後初の広告製品を発表
  http://japan.internet.com/wmnews/20080317/12.html
  どのような使われ方をするのでしょうか？ディスプレイ広告は制作会社敵には金も取れるしプラスに働くはず。
• OpenIDの認知率は12％、利用意向は55％／ウェブサイトの会員登録に関する調査 | Web担当者Forum
  http://web-tan.forum.impressrd.jp/e/2008/03/18/2829
  Yahooでの利用率などはどうなのでしょうか？新規参入するサービスでこれを利用した場合の効果なども気になるところです。
• ヤフー、無料ウェブ解析ツール「Yahoo! ログール」公開:マーケティング - CNET Japan
  http://japan.cnet.com/marketing/story/0,3800080523,20369643,00.htm
  対象者は個人か？ブログパーツとしての配布。そして、、、この、、、ネーミング。。。2000年前後のネーミングセンスだ。。。
  

• 画像とかの横にあるテキストを上下中央に｜CSS HappyLife
  http://css-happylife.com/log/css-template/000349.shtml
  こういう使い方を思いつくのがすごいですな～。
  実際に試してないのでなんともいえませんが、配置の仕方によっては他の要素に影響を与えたりって事も無きにしも非ずかなと。
• 【CSSハック】 MacIEで一部セレクタが効かないバグについて - / placeindasun.com
  http://blog.placeindasun.com/archives/2007/05/24_2304.php
  最近はMacIEを要件からはずすことが多いですか、こういったことにもケアしながらコーディングするのがこだわりってものですね。過剰品質といわれればそれまでですが。
• jQuery lightBox plugin
  http://leandrovieira.com/projects/jquery/lightbox/
  最近jQueryを使用する機会が多く、その中でオーバレイを表示させる必要があり、こちらを参考に勉強させてもらいました。明日はどうにかNS7用に-moz-opacityでfadeIn()できるようにがんばりたい。curCSS()への追記かな？？？
• [jQuery] $(function)はonload後には効かない Kawa.netブログ（川崎有亮）/ウェブリブログ
  http://kawa.at.webry.info/200801/article_15.html
  初期化はこうやるのねー。
  

エクセルのデータを見やすくする5つの簡単なテクニック | コリス
http://coliss.com/articles/software/899.html

条件付書式に数式を使えると色々できちゃいますよねー。
今回の情報で、自分のどうでもいい出欠用EXCELがよりゴージャスになりそうな予感。

今日はビジネス系のネタはこれだけー。

ActionScriptとJavascriptで連携するために用意されているExternalInterfaceですが、本日はこれに3時間ほどはまりました（汗）
事象としては、Firefoxで「○○is not a function.」というエラーが返ってきてActionScriptで定義した関数がコールできないという症状です。

Photoshopで使用できるブラシやアクションの紹介です。
（ライセンスについては飛び先でご確認あれ。）

かっこよかったりかわいいイラストやアートの紹介です。

ビジネス用のドキュメントの作り方や、なるほどと思わせるちょっと変わった手法などの紹介です。

かっこよかったりかわいいアイコンやボタンやロゴなどの小物たちです。
（中にはフリーなものもあるかもしれませんが著作権には十分に注意してください。）

かっこよかったりかわいかったりするサイトを紹介します。