色々と使えそうなデータのビジュアリゼーションライブラリ集が２２個まとまったエントリのご紹介です。 FlashからPHPで描画するものや、APIを叩いて表示するものなど、既知の物も含まれていると思いますが、多数のグラフ作成用の仕組みが紹介されています。 Fly Charts マウス位置によって情報がポップアップされたり、タブでデータを区切ったり出来るFlash製のＵＩをしたユニークなグラフ描画ライブラリです。 単純に描画されるグラフ自体もデザイン性があっていい感じですね。 Fusion Charts こちらもFlash型のグラフ描画コンポーネントです。デモページを見ればその多機能さが分かります。 Axiis Flexで作られたデータビジュアリゼーション用フレームワーク。 Stlye Chart 色々な種類のユニークなデータビジュアリゼーションが実現できるライブラリ。 Jfree Chart

プリティなURLを実現するための分かりやすい.htaccessサンプル。 要は、http://site/photo.php?id=hogehoge&page=2 を http://site/photo/hogehoge/page/2/ のようにするためのmod_rewriteの設定になります。 随分前から、その真偽について色々議論されつつもSEOの常識として言われているpretty url。SEO云々もありますが、一目見て分かりやすいという点でも覚えておきたい部分ですが、その実装記述例が公開されています。 いざ実装するとなると参考になる分かりやすいサンプルまでたどり着くのが大変だったりするので覚えておいてもよいかも。 公開されている.htaccessコードは以下で、RewriteRule 部分で正規表現を使ってマッチングさせて、$1 とか $2 とかで値を渡してます。 RewriteEng

テーブルのユーザビリティを飛躍的に向上させる「Chromatable」。 Chromatableはテーブルのヘッダーを固定させ、テーブルの要素にスクロールバーを付けることができるjQueryプラグインです。 普通のテーブル Chromatableで初期化 次のようにスクロールしてもヘッダー位置はそのままで非常に分かりやすい。 実装方法 実装方法も超簡単で、JSコード自体はたったの１行で実装可能。 <!-- ライブラリ読込み --> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.chromatable.js"></script> <!-- 初期化方法１ --> <script> $(document).ready(functio

JavaScriptでJPEGをエンコードするというクレイジーな発想が実現されました。 使い方も非常に簡単で、次のようにオブジェクト指向になっています。 // インスタンス作成 var myEncoder = new JPEGEncoder([quality]); // エンコード実行 var JPEGImage = myEncoder.encode(CanvasPixelArray,[quality]) また、このベンチマーク結果がおもしろいです。Safari・Chrome速いです。 以下のページを参照してください。 A JPEG Encoder for JavaScript [bytestrm]

質感がすごいアイコンを色々と集めたエントリのご紹介です。 次のようにアイコンだけど、アイコンとは言い難い芸術作品が多数掲載されていて見るだけでも楽しいです。 W-shop Icon Archigraphs Collection Icons Archigraphs Cars Icons Icons for Yellow Pages Office Icons こういうアイコンは作ろうと思っても、素人にはなかなか難しいんですよね。 リンク先は以下のエントリを参照してください。 50 (fresh) Beautiful and High-quality Free Icon Sets|Dzine Blog

机上に写真が散らばったようなクールなLightBoxギャラリーのサンプルとプログラムダウンロードが可能です。 CSS3の機能によって画像を回転させたりしていますが、CSS3非対応ブラウザでも動作する模様です。 写真がドラッグ＆ドロップで移動できて、ドロップ位置にドロップするとShareする、というようなことも出来るみたいです。 ダウンロードと詳細は以下のエントリを参照してください。 An Awesome CSS3 Lightbox Gallery With jQuery ? Tutorialzine

ツールチップやインフォボックスを使用して、インタラクティブなコンテンツを作成するチュートリアルをBuild Internet!から紹介します。

twitter facebook hatena google pocket 失速が不安視されるtwitterですが、日本での利用は幅広くなっています。 そんな中、twitterのタイムラインを表示することが、求められています。 今回は手軽にタイムラインを表示できるJavaScriptを紹介します。 sponsors jQuery jqtwitter 特定ユーザーのタイムラインを指定数表示 twitterタイムラインをJavaScriptで表示「jQuery jqtwitter」 Juitter ユーザー、キーワード、@付きなどでタイムラインを表示 twitterをJavaScriptで表示する「Juitter」 monitter 指定キーワードで表示可能（除外も） ただし重い。 twitterタイムラインをJavaScriptで簡単に表示する「monitter」 No Name 特定ユーザ

このブログをリニューアルして思ったこと やっぱりCSS3は便利でした。 自分でちゃんと触ってみて4点ほど、利点があったのでそれについてチマチマ書いて見ます。 レイアウト組むのが楽ちん セレクタが便利 画像に頼らず色々出来る アニメーションが素敵 といった4点が利点かなー　なんて思いました。 本日はレイアウトについて便利だったことを書いてみます。 詳細は続きで。 まず始めに css2までは基本的に、FloatかPositionのどちらかでレイアウトを組んでいたと思います。 css3からは違う概念でレイアウトを組むことが可能になっています。 表示確認には、Firefox3.5、Chrome4を使用しています。 ※ちなみに説明する中で「-webkit-」（Webkit系）「-moz-」（Mozilla系）「-ms-」（IE系）などのプロパティがありますが、ブラウザごとの独自規格扱いになっ

23 ：名無しさん＠十周年：2009/11/17(火) 08:44:49 ID:zFrRtK1f0 【Excel】便利なショートカット キー一覧 F2 でセルの編集 F4 でセルのクリア 直接入力 [Shift] + [Space] で行の選択 直接入力 [Ctrl] + [Space] で列の選択 [Ctrl] + [D] で上のセルをコピー [Ctrl] + [R] で左のセルをコピー [Ctrl] + [ ; (セミコロン)] で日付を入力 [Ctrl] + [ : (コロン)] で時間を入力 [Ctrl] + [0] で列の非表示 [Ctrl] + [9] で行の非表示 [Ctrl] + [1] でセルの書式設定 [Ctrl] + [2] で文字を太字 [Ctrl] + [B] でセルの書式設定 [Ctrl] + [3] で文字を斜体 [Ctrl]

Six Revisionsで、フリーのストックフォトが見つかるサイトがまとまっています。 ざっといくつかご紹介。 stock.xchng 定番のフリーストックフォトサイト。iStockphotoがスポンサーをしている Freerange Stock 商用・非商用どちらにも使える写真を提供することを目的としているサイト Stockvault 全ての画像が「Creative Commons attribution license」のクールなストックフォトサイト Creative Commons Search Google、Yahoo、FlickrなどからCreative Commonsライセンスの写真を検索できるサイト iStockphoto’s Free Images iStockphotoが、1週間に1枚だけフリーの画像を提供している。クオリティーは高く、3週間分がダウンロード可能になって

3． あー、なるほど。これだけ手間をかけてみて、もとのスレまとめを作った方がいちいちリンクとかつけていない理由が、よくわかりました。こういう記事の目的は、情報をサッと概観することなんですね。いざ本当に必要なソフトウェアを探すときには、ふつうに窓の杜のライブラリから探せばいい。 そりゃそうですよね、ジャンルも偏っているし、なまじ表組みで整理してしまうと「なぜあのツールが紹介されていないんだ」という感じにもなってしまう。くたびれ損だったかも……? はてなブックマーク - 便利なフリーソフト教えてくださいな カナ速 はてなブックマーク - パソコン買ったら 入れとくべきフリーソフト - スチーム速報　ＶＩＰ はてなブックマーク - プログラマーのオススメフリーソフト - スチーム速報　ＶＩＰ はてなブックマーク - これだけは入れとけっていうフリーソフト ニコニコVIP2ch 毎月のようにこうし

This domain may be for sale!

こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、本エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、本エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>

画像にマウスをホバーした際に、さまざまなセクシーなエフェクトを与えるスクリプトをantonから紹介します。 (a)Sexy Images demo スクリプトのオプションを組み合わせてさまざまなエフェクトを与えることが可能で、表示サイズ、位置、ズーム、スピード、不透明度などを設定することが可能です。 (a)Sexy ImagesはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。

From The Complete Guide to Google Wave: How to Use Google Wave Google Wave コンプリートガイドはジーナ・トラパーニとアダム・パッシュによる本格的なユーザーマニュアルです。 Google Wave は新しいウェブ上のコラボレーションツールで、理解しづらいことで有名です。このガイドはその理解の助けになるでしょう。このガイドを使えば、Google Wave の使ってあなたのグループが仕事を進める方法について学ぶことができます。Google Wave は新しいサービスで、急ピッチで開発が進められていますので、このガイドブックは Wave が成長し、変化してゆくに従って内容も変化してゆく予定です。「Google Wave コンプリートガイドについて」のページをお読みいただくとともに、私たちを Twitter でフォローして、

2009年11月16日00:00 カテゴリおすすめ！科学 リア充の科学 見ていて嫉妬のあまり、悔しさのあまり泣き出したり発狂したくなるような「リア充」たちの画像のまとめ動画なんだ。 ◆関連記事 □リ　ア　充　を　ブ　チ　ギ　レ　さ　せ　る　一　言 □30歳の保健体育(AA) □リア充臭のする言葉を書いて反応したら死亡 ◆関連動画 □年齢＝彼女いない歴の俺が「リア充爆発しろ！」を歌いました（コゲ犬） □【ペルソナ４】リア充増殖促進ＰＶ　モテる努力をしないでモテたい節 タグ ：科学今日も日本は平和です価値観の違い3:30〜ずっと俺のターンイライラ動画 「おすすめ！」カテゴリの最新記事 リア充の科学 伯方の塩ものがたり 【種明かし有り】 トランプを使ったマジック３つを実演します 水素ガス作ってみた。 スーファミのシューティングを手当たり次第にやってみる 「科学」カテゴリの最新記事 リア充の科学

ここ数ヶ月間で、Google Analyticsが素晴らしく改善されましたね。 アドバンスセグメント（アクセスを都合の良いようにグループ分け）やコンバージョン目標設定数が20個へ拡張されたり、インテリジェンス機能（アクセス変動の原因まで教えてくれる）などなど・・・。 とても無料とは思えない高機能なツールに仕上がってきました。 さすがはGoogleですね！！ しかし、素人が使うにはちょっとハードルが高くなってしまった印象もあります。 あまりにも多くのことが分析できるようになった為、余計な時間を費やしてしまったり・・・。 私なんかも、運営サイトをいろいろ見ているうちに、その楽しさ（？）にあっという間に1日が終わってしまいます。 これではいけませんね。 ようやくGoogle Analyticsの仕様を理解できるようになったので、これを集客や成果に結び付ける方法をいろいろ考えていきたいと思います。

Time to fill this bad boy with great products like gadgets, electronics, housewares, gifts and other great offerings from Groupon Goods.

Welcome to Twitter Feed We’ve shut our doors. Please move your twitter feeds to another service. We recommend dlvr.it. Thanks for all the twitter feeds!

今巷でやんわり話題のtypekitを試してみました。typekitとは@font-faceを簡単に利用することが出来るサービスです。@font-faceとはCSSに記述する事で Web ページを製作者が期待した通り描画するためにダウンロードされるべき、Web フォントを指定するための @ 規則を提供します。作成者が自身のフォントを提供できるようになるため、@font-face はユーザのコンピュータにインストールしているフォントの数に依存する必要性を排除します。mozilla developer center @font-face – MDC という事になります。従来ならデザインされたフォントを使った見出しなどは画像で作っていたのですが、これによってテキストで表現出来るようになります。 しかし新しいブラウザでしか表示できなかったり、フォントの権利問題などによりなかなか使用しにくいものでした

PAGE 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in c

POPit（ポップイット）はサービスを終了しました。

jQselectable : make selectbox so useful > project home change skins：selectable | natural Default selectbox 1) 都道府県適用前 2) 都道府県 optgroupあり、selected属性なし、selectable 3) 都道府県 optgroupあり、selected属性あり、selectable 4) 都道府県 optgroupなし、改行指定、selectable 5) 日付、改行指定、selectable 年 月 日 Simplebox 6) 都道府県 optgroupなし、simpleBox 7) 日付、simpleBox 年 月 日 Using Callback 8) セレクタ、Callback

電源オンから2秒で起動、いつでもどこでもメモがとれる「ポメラ」に新モデル登場 デジタルメモ「ポメラ」DM20発売 〜液晶の大型化やテキスト編集機能を強化〜 株式会社キングジム(本社：東京都千代田区)は、いつでもどこでもメモがとれるデジタルメモ「ポメラ」に、大容量メモリやＱＲコード機能などを新たに搭載した「ポメラ」DM20を開発し、2009年12月11日（金）より発売いたします。初年度販売目標数量は5万台です。 デジタルメモ「ポメラ」は、「メモをとる」ことを目的に開発された新感覚のデジタルツールです。文庫本サイズの本体に17mmキーピッチの折りたたみ式キーボードを搭載し、様々なシチュエーションで手軽に文章入力が可能です。電源を入れてから約2秒で起動するストレスフリーな設計と、テキスト入力に特化したシンプルな機能性で、昨年11月の発売以来、ユーザーの皆様には大変ご好評をいただいております。