GitHub - schteppe/p2.js: JavaScript 2D physics library JSベースの2D物理エンジン「p2.js」 豊富なサンプルも公開されていて見るだけでもわりと楽しめます。 関連エントリ シンプルな3D物理エンジンライブラリ「cannon.js」 Google Gravityみたいな物も再現できる物理エンジン「PhysicsJS」
GitHub - schteppe/p2.js: JavaScript 2D physics library JSベースの2D物理エンジン「p2.js」 豊富なサンプルも公開されていて見るだけでもわりと楽しめます。 関連エントリ シンプルな3D物理エンジンライブラリ「cannon.js」 Google Gravityみたいな物も再現できる物理エンジン「PhysicsJS」
チェックボックスやラジオボタンはチェック時にアニメーションした方が分かりやすい、と分かるデモ 2013年10月25日- Animated Checkboxes and Radio Buttons with SVG | Codrops チェックボックスやラジオボタンはチェック時にアニメーションした方が分かりやすい、と分かるデモ。 チェック、ラジオをチェックするときは瞬時にチェック状態に変わってしまうのが当たり前ですが、アニメーションした方がもっとオシャレで”ちゃんと”チェックした気になります。 デモ 分かりやすいのは実際に紙でチェックするときの感じに近いからでしょうか。 なんとなく、ひと味違う感をサイトに持たせたい方は参考にしてみてもよさそう 関連エントリ チェックボックス、ラジオボタンをクールにデザインできるjQueryプラグイン「iCheck.js」 好みのチェックボックスのデザインが簡
Sidebar Transitions PCサイトでもスマホサイトのようにサイドバーを実装するデモ 画面のサイドにメニューを出すのが一般的になってきましたが、タブレット等でも同様のインタフェースを実装したい場合に使えそうな様々なエフェクト付きデモが公開されています サイドバーを出すといっても出し方が色々とデモされており、カッコイイだけでなく勉強になります。 Safariなどでみてみましょう 関連エントリ フラットだけど立体的なCSS3アニメーション付モーダルダイアログ実装デモ 複数階層のサイドメニューを実装するデモ&サンプル CSSアニメーションでページを紙芝居の様に切り替えるデモ フラットで小気味よく動くボタンスタイルのデモ&サンプル
FnordMetric | Framework for building beautiful real-time dashboards どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」。 どんなデータも次のような美しいUIを持つリアルタイムなグラフにできます。 サイトの会員数、ユニークアクセス数、データ投稿件数等、リアルタイムにデータを見たいような場合に使えそう。 muninなどでもグラフ化できますが、ここまでのUIの美しさとリアルタイム性は備えていないので、リアルタイムに欲しい情報はこれでダッシュボードにして監視すると便利でかっこ良さげ。 Ruby+Redisで書かれていますが、データの表示にはHTML5/JavaScriptのAPIが使えるようです 関連エントリ 世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」 リアルタ
キーボード不要でMySQLクエリを組み立てられるChromeアプリ「MyQuery Builder」 2012年04月26日- Chrome ウェブストア - MyQuery Builder キーボード不要でMySQLクエリを組み立てられるChromeアプリ「MyQuery Builder」 MySQLに接続してテーブルの情報を読み取ることでスキーマなどを情報を元にクリックでポチポチやるとクエリが出来てしまうツールです。 テーブル間でJOINするような複雑なクエリも視覚的に組み立てる事ができるので、便利な場合がありそうです ドラッグ&ドロップでテーブルのJOINが可能。チェックボックスにチェックすると、取得したい物を選択できて通信費節約のためのクエリがかけます SELECTだけではなくて、「Utility Query Editor」のタブにてUPDATE、DELETEの他クエリについても組
Swagger: A simple, open standard for describing REST APIs with JSON WebAPIを綺麗にスタイルしてデモ付きでドキュメント化できる「Swagger」 TwitterやFacebook等、大きいサイトはAPIを提供して利用者が自由にアプリケーションを作成して便利に使えますね。 成功の理由にはAPIも大きく寄与していそうです。 そこで新しくWEBサービスを作る際にはMySQLなどを直接叩くのではなく、APIをまず開発するという開発手法を取っているところもあるのではないでしょうか? APIをまず作っておいて、それをベースにサイトを作っていくとAPI作成の手間が省ける上にスケーラビリティなんかも確保しやすかったりで本格的にやる場合はよい開発手法な気がします。 そんなAPIを作ったはいいけどうまくドキュメントがまとめられていなかった
ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」 2010年04月20日- jsPlumb demo ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」というものがあるみたいです。 次のように、要素間が紐のようなもので繋がっているような表現が出来、ドラッグ&ドロップによる要素の移動が可能です。 AとBは関連があるから繋いでおくというようなシーンで使えそうですね。 要素はドラッグ&ドロップで移動が可能。 1から実装しようと思うと大変ですが、ライブラリによって複雑な処理も簡単に出来ますね。 関連エントリ とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々 1つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」 同一ページ内でポップアップウィンドウを開くJ
Sitening Blog Blog Archive Redirect After Form Processing After processing an html form, it is often a good idea to redirect the user to a new url, rather than just presenting the results. Consider this php example: 掲示板などで、フォームに対して送信した後は、そのまま画面のHTMLを返すのではなく、書き込み処理等を行った後、Location等で別の位置にリダイレクトするのが吉、という記事。 ごく当たり前のことなんですが、慣れでついそのまま画面HTMLを返していた人も多いのではないでしょうか?(私がそうです^^;) 別の位置にリダイレクトすることで、書き込み画面のリロードによる2
OPod The OPML-Pod is an AJAX OPML and RSS viewer widget that you can embed in any web page you like. OPodはRSS/OPMLを自分のページに簡単に貼り付けることが出来るJavascriptで出来たウィジェットです こんなウィジェットをページに表示できます。 RSSだけでなく、OPMLも取り込めるのが新しいですね。OPMLのカテゴリをクリックするとグリグリ動いてくれます。 OPMLとはお気に入りを標準化したもので、RSSリーダーのお気に入りFeedの一覧を保存しておくのによく使われるXMLフォーマットです。
JamesDam.com ? AJAX Login System Demo This is an example of a login system that does not require page refreshes, but is still very secure. Ajax+PHPでの画面遷移なしのログイン画面作成サンプルが公開されています。 フォームに、user1, pass1 を入力すると即時認証が行われ、次のようにログイン状態になります。 認証には、Ajaxを使ったワンタイムパスワード方式が使われます。 具体的には、Ajaxでサーバからチャレンジコードを取得し、チャレンジコードとパスワードをmd5でハッシュして、更にその値をサーバに送信し、認証を取ります。 このため、従来の方式よりは安全な認証が可能となります。 Ajaxが出てきたことで、ブラウザを開いたままの状態でインタ
dp.SyntaxHighlighterを使えばJavascriptだけ各種プログラミング言語コードを色分け表示出来ます。 言語はC#,Javascript,VB,XML,HTML,PHP,SQL,Delphi,Pythonに対応しています。 例えば、次のような感じの表示が可能。素晴らしいです。※印刷、コピーも容易に出来るようになっています。 Javascriptの場合 PHPの場合 サーバ側で構文ハイライト機能が不要なのでCGIやPHPが使えないサーバでも使えますね。 ダウンロードはこちら: dp.SyntaxHighlighter - free JavaScript syntax highlighting
SourceForge.net: Scuttle Web-based social bookmarks manager. Allows multiple users to add, edit, tag and share their bookmarks online. オープンソースのソーシャルブックマーク用プログラム。 これで、del.icio.usのようなソーシャルブックマークサービスを誰でも提供できますね。 社内など、閉じたコミュニティの中でブックマークを共有したい、という場合に活躍しそうなソフトです。 スクリーンショット) demo ※なんと、Scuttleはdel.icio.usからのインポート機能付きです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く