WebAudioを使ってピアノやギター等の楽器をWEB上で実現するサンプル:phpspot開発日誌
Interactive Musical Instruments | Codrops WebAudioを使ってピアノやギター等の楽器をWEB上で実現するサンプル MIDI.jsとWebAudioを使って実現されているようですが、凄いの一言。 実験的なデモのようですが一見の価値ありです。 関連エントリ ページ内テキストをハイライトすることができるJS「mark.js」 WEBCAMを使ったアイトラッキングができる「WebGazer.js」 表示領域に入ったかどうかを検知する「in-view.js」 ページの隅に隠せるコンテンツ実装「jquery.tabSlideOut.js」
テーブルを一瞬でリッチにすることができるjQueryプラグイン「easyTable」:phpspot開発日誌
GitHub - Gabrielr47/easyTable: easyTable is a simple plugin for jQuery. テーブルを一瞬でリッチにすることができるjQueryプラグイン「easyTable」 ソート、フィルタ、選択、ヘッダ固定、レスポンシブ対応等、プラグインで初期化すれば一瞬で使いやすいテーブルに変換してくれます 関連エントリ Bootstrapのテーブルをソート可能にする「Bootstrap Sortable Tables」 レスポンシブな商品比較テーブル実装デモ テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」 テーブルにソート、ページネーション、検索機能を簡単につけられる「Bootstrap Data Table」 テーブルのソート・フィルタ機能等、超多機能テーブルに変形させられる「jQuery-KingTabl
JavaScriptで動画やWebcamからGIFアニメを作れる「gifshot」:phpspot開発日誌
gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images JavaScriptで動画やWebcamからGIFアニメを作れる「gifshot」 ブラウザ上で動画や画像を読み込んで、GIFアニメに変換できるライブラリ。 GIFアニメなら<img>からお手軽に使えて使いやすいですし、再生できる端末も多いということで、サービスづくりに活用出来るかもしれません。 関連エントリ GIFアニメーションに再生ボタンを付けてYoutubeっぽく再生できる「gifplayer」
FireFoxで保存されているパスワードの編集が出来るようになるアドオン「Saved Password Editor」:phpspot開発日誌
FireFoxで保存されているパスワードの編集が出来るようになるアドオン「Saved Password Editor」 2010年02月10日- Saved Password Editor :: Add-ons for Firefox FireFoxで保存されているパスワードの編集が出来るようになるアドオン「Saved Password Editor」というものがあるようです。 インストール後、「ツール」→「オプション」→「セキュリティ」→「保存されているパスワード」をクリックすると、「Edit」、「New」というボタンが追加されているのを確認できると思います。 すでに保存されているパスワードをクリックして Edit を押すと、次のように、保存されているパスワードを編集することが可能になります。 もちろん、Newで新しく追加することも出来ます。 Basic認証とWEBフォームの認証に対応し
これは危険! PhotoshopやOffice等のソフトのバージョン情報をブラウザ上で取得できる「software-detect.js」:phpspot開発日誌
localStorageにフォーム内容を保存してブラウザクラッシュに備える「jquer... 次の記事 ≫：タイトルヘッダーをフルスクリーンにしてクールにするチュートリア... これは危険! PhotoshopやOffice等のソフトのバージョン情報をブラウザ上で取得できる「software-detect.js」 2014年05月30日- johnmcl/software-detect-js GitHub これは危険! PhotoshopやOffice等のソフトのバージョン情報をブラウザ上で取得できる「software-detect.js」。 こんな情報をブラウザで抜けちゃていいのだろうかというJSですが、ソフトにバンドルされているフォントがインストールされているかどうかをベースに判定していて、なるほどこれだと脆弱性をついているわけじゃないし、利用者が気をつけないといけないな、というところ
PHP＆MySQLな電話のトラッキングOSS「Opencall」:phpspot開発日誌
Opencall - Open Source Call Tracking Software PHP＆MySQLな電話のトラッキングOSS「Opencall」。 plivoという電話番号を作れるサービスと連動させて、かかってきた電話の録音や統計を取ってWEB上で表示できてしまうというもの。 plivoの日本での料金はこちら。 キャプチャを見ると電話のかかってきた時間がWEBサイトのアクセスログのように表示されたりして、使うか使わないかは別にして面白そう。 こういうことが出来るんだ、ということを知っておいてもよさそうです。 関連エントリ モダンなブログサイトが作れるデータベース不要のPHP製OSS「Dropplets」 PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」
入力抵抗を少なくできるかも、なミニマムなフォームインタフェースの一例:phpspot開発日誌
Minimal Form Interface | Codrops 入力抵抗を少なくできるかも、なミニマムなフォームインタフェースの一例。 フォームにはたった１つのinputしか用意されておらず１個１個の質問に答えていけば完了するというUIの実装デモです。 デザインがフラットでいい感じにアニメーションする部分もトレンドにのっている感じでいいのですが、入力抵抗を少なくすることでコンバージョンが上がるかも、ということで登録フォーム等でのテストをしてみてもよいのかもしれません。 関連エントリ クレジットカード入力補助フォームの実装ができるjQueryプラグイン「Creditly.js」 フォームでの洗練されたアイテムへのタグ付けUI実装jQueryプラグイン「taggingJS」 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」
インタラクティブで高性能なグラフを描画できる「envision」:phpspot開発日誌
envision - demos インタラクティブで高性能なグラフを描画できる「envision」 リアルタイムに描画したり、範囲を指定して拡大したり、といったグラフを実装できるようです。 リアルタイムに描画されるデモはなかなかカッコいい上に実用的です。 関連エントリ クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」 レスポンシブな円グラフが描画できる「Pizza Pie Charts」 水量・温度・メーター等、産業用のグラフを描画できるjQueryプラグイン「Industrial.js」
GIFアニメーションに再生ボタンを付けてYoutubeっぽく再生できる「gifplayer」:phpspot開発日誌
gifplayer. Customizable jquery plugin to play and stop animated gifs. Similar to 9gag's GIFアニメーションに再生ボタンを付けてYoutubeっぽく再生できる「gifplayer」 GIFアニメというと読み込んだ時点でアニメーションがはじまってしまうイメージですが、こちらのプラグインを使って再生制御が可能となります。 まず、srcに静止時のGIFを用意しておいて、クリック時にGIFアニメに切り替えるというシンプルな方法で実現しています。 GIFアニメの１枚目をサーバサイドで取り出せるようにすればほぼ自動化が可能ですね。 関連エントリ PHPで透過GIFアニメをリサイズできるクラスライブラリ
FlappyBirdをHTML5で作成するチュートリアル:phpspot開発日誌
How to make a Flappy Bird in HTML5 - Part 1 FlappyBirdをHTML5で作成するチュートリアル。 HTML5でゲームを作ってみたいという方は参考にしてみるとよいかもしれませんね 関連エントリ WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tutorials」 HTML5を使った超クールなフリーのWordPressテーマ集35 ブラウザ上で動くHTML5アニメーション作成ツール「HTML5Maker」 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」
ツールチップなどを表示した際に画面からはみ出さないようにしてくれる「offscreen.js」:phpspot開発日誌
gijsroge/offscreen.js ツールチップなどを表示した際に画面からはみ出さないようにしてくれる「offscreen.js」 ツールチップなどをposition:absoluteで表示したりする場合に、画面の一番端にあるものだと、viewportをはみだしてしまって読めない。 あるいは、スマホでviewport固定してあるのにはみだしてカッコ悪い、といったことが起きますが、このライブラリが位置をアジャストしてくれるっぽいです 一番右端の方にあるツールチップでも左によせてくれて、読めるしビジュアル的にもいい感じ 関連エントリ フラットデザインが美しいシンプルかつスモールなツールチップjQueryプラグイン「Tipr」 レスポンシブでモバイルフレンドリなツールチップ実装ライブラリ「Mobile-Friendly Tooltip」 フラットでシンプルさがいい感じのツールチップライブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
どんな要素もblinkさせられる「jquery.blink」:phpspot開発日誌
PSDファイルをSketchの形式に変換できる「PSD to Sketch Design Converter」:phpspot開発日誌
強度の高いパスワードを生成できる「jquery.passwordGenerator」:phpspot開発日誌
Photoshopで生成したグラフィックをCSS3に変換できるPhotoshopプラグイン「CSS3Ps」:phpspot開発日誌
SVGグラフィックを華麗にアニメーションさせられる「vivus.js」:phpspot開発日誌
Pathのような円形メニューが実現できる「WCircleMenu」:phpspot開発日誌
GIFアニメーションに再生ボタンを付けられる「Gifffer」:phpspot開発日誌
美しい三角のメッシュ画像（SVG）を生成できる「Trianglify.js」:phpspot開発日誌
MediumみたいなカッコいいWYSIWYGな編集ができる「jQuery Notebook」:phpspot開発日誌