タグ

セルフに関するmoongiftのブックマーク (3)

  • 便利なQRコードをデスクトップでも活用·JS QRcode MOONGIFT

    JS QRcodeはWebカムや画像にあるQRコードを読み取るJavaScriptライブラリです。 携帯電話にカメラが搭載されて一気に普及したのがQRコードです。そこで数多あるQRコードをWebブラウザでも活用できるようにしてくれるJS QRcodeを使ってみましょう。 トップページです。 QRコードの画像を指定しました。瞬時に読み込まれてその結果が下に表示されています。 JS QRcodeはWebカムからの入力またはファイルのアップロード(実際にはアップロードされません)を使って画像を読み込み、QRコードの内容を出力します。出力系は数あれど、読み取り系は多くないので諜報しそうです。 JS QRcodeはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る 個人的にスマートフォンになってからQRコードを良く使います。デ

    便利なQRコードをデスクトップでも活用·JS QRcode MOONGIFT
  • ストレスフリーな通知システム·Alertify MOONGIFT

    Alertifyはスライドして表示されるアラートダイアログです。シンプルな見た目で使い勝手が良いです。 Webシステムを開発していて意外と面倒くさいのがアラートではないでしょうか。入力エラー、設定完了など様々なアラートが存在します。そんな機能をいい感じに提供してくれるのがAlertifyです。 アラートボックスです。上から出現します。 確認ダイアログです。 OKを押したかキャンセルを押したかもちゃんと取得できます。 インプット付き。 ボタンと入力内容が取得できます。 ボタンのラベルは変更可能です。 ログメッセージもカスタマイズ可能です。 Alertifyはダイアログを上から下にスライドしながら表示し、その結果を右下に表示します。どちらも必要に応じて使い分ければ良いでしょう。ログメッセージは数秒経つと消えます。汎用性高く色々な場面で使えそうなソフトウェアです。対応ブラウザはIE7以降で、An

    ストレスフリーな通知システム·Alertify MOONGIFT
  • CSS3アニメーションをWebブラウザ上で作成&実行·Stylie MOONGIFT

    StylieはCSS3のキーフレームベースのアニメーションをグラフィカルに設定できるソフトウェアです。 CSSでアニメーションを実行できるのは知られていますが、その実装となるとかなり面倒な雰囲気があります。しかしStylieを使えばグラフィカルに簡単に設定が可能です。 デフォルトの表示です。左から右へボールが流れていきます。 単純に流れる以外の動きも指定できます。 こんな感じで曲線にすることも。始点と終点はドラッグで移動できます。 対応ブラウザを選択することでCSSの内容が変化します。 StylieはRekapiというアニメーションライブラリをベースにしています。そのための設定をグラフィカルに指定できるツールと言えそうです。ボールの画像も自由に指定できるので、色々試してみてください。 StylieはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されて

    CSS3アニメーションをWebブラウザ上で作成&実行·Stylie MOONGIFT
  • 1