JavaScriptだけで作られたInstagramビューワー·instagram.js MOONGIFT
instagram.jsはHTML/JavaScriptのみで開発されたInstagramビューワーです。 写真が大好きな人たちがたくさん集まっているInstagram。そんなInstagramのWebベースビューワーがinstagram.jsです。 トップページです。JavaScriptだけで認証できます。 Instagramの認証です。 戻ってきました。 こちらは大きな写真とサムネイル一覧のビューワーです。 instagram.jsはiOSアプリのInstagramを真似たWebアプリケーションです。面白いことにサーバサイドの仕組みはなく、JavaScriptだけで動いています（OAuthもJavaScriptのみです）。サーバサイドがなくともここまで出来るのか、と思える面白いソフトウェアです。 instagram.jsはHTML/JavaScript製のソフトウェア（ソースコードは公
備忘録 - 本blogをHTML5にするためにやったこと : 404 Blog Not Found
2011年12月15日20:00 カテゴリTipsiTech 備忘録 - 本blogをHTML5にするためにやったこと 正確には、「本blogをIEから見てHTML5に見えるようにするためにしたこと」ではありますが。 レシピ 二つだけ <!DOCTYPE html>を<html>の前に追加 <head>内に以下を追加 <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> <![endif]--> 本来であれば1.だけでIE9はHTML5モードになってくれるはずなのですが、2.がないと駄目でした。実のところHTML5では2.はinvalidなのですが、重要なのはvalidityではなくブラウザーの挙動なので。Chrome Frameでも利用されているテクニックですし。 internet ex
Webベースで棋譜を閲覧、再生する·jsShogiKifu MOONGIFT
jsShogiKifuはJavaScript製の棋譜ビューワー。任意の場所から再生することもできる。 jsShogiKifuはJavaScript製のオープンソース・ソフトウェア。中国から発祥し、日本独自の文化を培っている将棋。チェスとは異なり一度取った駒を使えるということがゲームの複雑さを増し、コンピュータでもプロに敵うものが作り出せずにいる。 最後の動かしたところに色がつく 自分で興じるのも面白いが、さらに将棋の魅力にはまると強い人たちの棋譜をみたり、それを再現するのが面白くなってくる。そんな棋譜をWebブラウザ上で閲覧できるのがjsShogiKifuだ。 jsShogiKifuはその名の通りJavaScriptで作られている。そのためiPhoneやiPadでも棋譜の閲覧ができる。一手ずつ再現していったり、指定した場所から開始することもできる。棋譜は柿の木形式とCSA形式に対応している
地図を使って世界中の人たちをチャットする·Mapchat MOONGIFT
Mapchatは地図をベースにしたチャットソフトウェア。 MapchatはJavaScript/CouchApp製のオープンソース・ソフトウェア。Web上でチャットするサービスは色々あるが、ルームごとに何らかのテーマが決まっている。掲示板でもタイトルがあるのが当たり前だ。何らかのカテゴライズをすることで集まる人の属性が絞り込まれ、話が盛り上がるのだ。 地図上にチャットアイコン カテゴライズは様々な情報によって行われる。趣味、好きなメディア（テレビ番組や雑誌など）などがあるが、老若男女が関わる大きな括りとしては地域が考えられる。その地域をベースにしたチャットシステムがMapchatだ。 Mapchatにアクセスすると世界地図が表示される。その中にチャットアイコンが所々に表示されている。それがチャットを行っている場所になる。デフォルトで現在の位置情報を利用するようになっているが、チャットする場
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
年表（タイムライン）を表示する時に使ってみたいjQueryプラグイン·Timeglider MOONGIFT
Timegliderはマウス操作可能なインタラクティブな年表（タイムライン）を作成するjQueryプラグイン。 TimegliderはjQuery/JavaScript製のオープンソース・ソフトウェア。年表というのはとても面白い。今の状態がなぜ生まれたのか、そこに関わっている要因が何だったのか時系列をおって見えるようになると、様々な情報が得られる。やはり何からの要因があってこその結果なのだ。 表示デモ しかし年表というのは作るのが難しい。横に時間軸をとって、そこに当てはまる情報を埋め込んでいくだけなのだが、ズーム機能や情報の属性による表示の変更なども欲しくなる。そうした年表（タイムライン）表示に使えるライブラリがTimegliderだ。 Timegliderはタイムラインを表示するためのライブラリで、マウスのドラッグで横軸を移動したり、スクロール操作でのズームイン/アウト、項目をクリックし
Chromeのブックマークを新規タブで開くように設定する方法 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
解析データの、グラフ化に。JavaScript製統計解析ライブラリ·jStat MOONGIFT
jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること
サイトをかっこよくするためのjQueryプラグイン25+ – creamu
サイトにかっこいいUIを実装したい。 そんなときにおすすめなのが、『25+ Best jQuery Plugins To Beautify Your Website』。サイトをかっこよくするためのjQueryプラグイン集です。 初めて見るものもあっていい感じです。 YoxView lightbox系の画像オーバーレイスクリプト。ナビゲーションとキャプションがフェードアウトしたりとディテールが気持ちいいです Fade In and Out Tooltips for Prototype and Scriptaculous フェードイン&アウトで表示されるツールチップ Sweet Titles Transparent and Fading Tooltips ページロード時に、画像をフェードインして表示させるスクリプト Captify Displays Pretty Image Captions
Twitter機能を自社サイトに数分で組み込める「@Anywhere」スタート (サンプルあり) 【増田(maskin)真樹】 | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 Twitterは現地時間の4月14日、驚く程簡単にTwitterの機能を自社サイトに導入できるウェブツール群「@anywhere」を発表した。 このサービスは、JavaScriptをサイト内に貼るだけで、Twitterの機能との連携を実現してくれるというも
jQueryを使ったWYSIWYGなエディタ·elRTE MOONGIFT
elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能
HTML/JavaScript/CSSで作るマルチプラットフォームアプリ·QuickConnectFamily MOONGIFT
QuickConnectFamilyはiPhone/Android/Mac OSX（その他色々）用のオープンソース・ソフトウェア。システムのプラットフォーム、サーバ/クライアントの違い、技術要件などでプログラミング言語を選択すると、実に多様な選択肢があることに驚かされる。 地図アプリ。サンプルはその他にも多数あり それだけの言語を覚え、実践レベルで使えるようになるにはコストが相当にかかると思われる。一度覚えた言語を使って他のシステムでも利用できれば、習得コストを減らしつつ開発に臨めるようになるだろう。iPhoneやAndroidアプリをもっと手軽に開発できるようにするのがQuickConnectFamilyだ。 QuickConnectFamilyは実に多様なスマートフォン、OSに対して利用が想定されている。現時点ではiPhone/Android/Mac OSX/Linuxなどがメインでは
ストリートファイター系ゲームまで！ゲーム用jQueryプラグイン·gameQuery MOONGIFT
gameQueryはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhoneでストリートファイター4が発売になったと話題になっている。最適化処理が行われているのだろうが、意外とiPhoneでも遊べるレベルで動作する。アクションゲームまでこなせるようになるとiPhoneの可能性は飛躍的にあがりそうだ。 なんとストリートファイター系！ しかしもっと手軽に遊びたいならばWebブラウザベースで動作する方が良さそうだ。Webブラウザで動くゲームと言えば、これまではFlash製のものが多かった。だがこれからは違う、JavaScriptでゲームが作れるようになる。それを実現するのがgameQueryだ。 gameQueryでまず目を引かれるのがストリートファイター風ゲーム「JavaScript Fighter」だろう。デモなので自分で動かすことはできないが、二人のキャラ
サイトにTwitterの機能を組み込むためのjQueryプラグイン集:phpspot開発日誌
Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高まってきているのではないでしょうか？ そんな際に便利に使えるプラグイン集です。 Twitterのサイトが落ちた時にサイトが重くなってしまうという点に注意して使いたいですね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 ajaxファイルアップロードに使えるjQueryプラグインいろいろ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」
Syoichi's Tumblr
Tumblrで任意のサイトへTumblr.comドメインのURLからリダイレクト出来る-Pages機能 at 適宜覚書-Fragments 引用:“自前でどこかのレンタルサーバを使っていなくても、Tumblrでリダイレクト機能を使うことが出来ます。例えば、この適宜覚書-Fragmentsを”http://daccot.tunblr.com/blog”（blogは任意文字列）でリダイレクトさせることが出来ます。先に書きましたようにリダイレクト機能自体は珍しい物でも新しい物でもありません。javascriptでも出来るし、サーバの機能で同様のことは出来ます。 ただ、今回紹介の機能はTumblrユーザなら誰でも簡単に使用できることがとても嬉しいと思います。例えば、bit.lyやgoo.glのような短縮URLは便利ですが、自動生成のため見た目のURLに意味合いを含めるといったことは出来ません。汎用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC
IDEA * IDEA
IDEA * IDEA
バナーをクリックしたときに、くるっと回転させたように見せるjQuery – creamu
ピュアHTMLでキャラクターと背景がアニメーションするjQuery – creamu