閲覧中のYoutubeのURLにconvという文字を加えるだけで動画をMP4やMP3、Gif等にコンバート・「CONV.」
CONV.はYoutubeをMP3やMP4、Gifアニメ等に変換するサービスです。よくあるやつですね。裁判になったtubefireとかgifs.comなどの先発サービス同様に、Youtubeの動画のURLにconvという文字を加えてアクセスすれば変換ページに飛べます。例えば https://www.youtube.com/watch?v=hogehogepiyopiyo を https://www.convyoutube.com/watch?v=hogehogepiyopiyo というように文字を追加してアクセスするだけで閲覧していた動画のファイル変換選択ページに移動します。今更感否めないですが、まぁメモ的に。 CONV.
TwitterやGoogle画像検索などで画像にマウスホバーするだけでその場で画像を拡大してくれるOSSのChromeエクステンション・「Hover Zoom+」
Hover Zoom+はTwitterやGoogle画像検索、Amazonなどの画像をマウスホバーでその場で拡大してくれるChromeエクステンションです。画像を確認するのにわざわざクリックしてページ移動は非常に面倒なのでこういうのは良いですね。本エクステンションでは無いようですが、Hover Zoomという名のエクステンションが以前悪さをしていたようですが、本エクステンションはオープンソースとしてソースが公開されていますので自分好みに設定して使うのも良いかなと。便利なので自分でも使ってみようかなと思います。対応サービスは沢山あるようですのでエクステンションをご確認下さい。ライセンスはMIT。 Hover Zoom+
WebサイトがモバイルフレンドリーかどうかをテストするGoogle製チェックツール・「Google Mobile Friendly Test」
Google Mobile Friendly Testは任意のWebサイトがモバイルフレンドリーかどうかをテストするGoogle謹製のチェックツールです。URLを入力してヒューマンチェックの後、結果が出るまで少し待つだけとお手軽なもの。結果内容はモバイルフレンドリーかどうかの審査結果に加えて、Web FundamentalsやモバイルSEOの概要ページに誘導され、モバイルフレンドリーにするべき理由や、例えば 米国では、スマートフォンのユーザーの 94% が地元の情報をスマートフォンで検索しています。モバイル検索の 77% は自宅や職場で行われています。パソコンがある可能性が高いこれらの場所でモバイル検索が行われているのは興味深いことです。 などと言ったTipsが紹介されます。職場はともかく、自宅は確かに自分もスマフォで検索してますね。尚、本ブログはモバイルフレンドリーについて特に何も考えて
ツリー構造データを可視化するためのシンプルな非依存型スクリプト・「treeData.js」
treeData.jsはツリー構造のデータを可視化する為のスクリプトです。シンプルな仕様で、単純に可視化するためだけのものとなっていますので他スクリプト等への依存もなく、コードも少なく実装も容易です。使い勝手は良いかなという印象です。マウスホバーで子のノードも一緒にスタイル変更されます。 試しに家系図的なもの(データ参照：徳川家系図大鑑)を作ってみました。家系図ならマウスホバーでparentも参照、スタイル変更等出来ると良いのですが現状では子のみとなっています。でもコードいじれば出来そう。応用効きそうですね。ライセンスは明記がないので問い合わせを。 treeData.js
手軽にランディングページの作成、公開が出来る・「ONTRApages」
ONTRApagesは手軽にランディングページ、ペラページの作成、公開が出来るWebサービスです。よくある、直感で作成出来る的なものですが、無料プランでも割と使えそうなので需要あるかなと思ってメモ的に。用意されているテンプレートを編集する形で、既にRWD対応済み、コンバージョン率やビジター数の測定も出来るみたいです。有料プランでは独自ドメインやA/Bテスト機能も付与されるそうです。 ONTRApages
シングルページ向けのWebサイト他言語化スクリプト・「jquery.localizationTool.js」
jquery.localizationTool.jsはWebサイトを多言語化する為のスクリプトです。jQueryに依存しています。シングルページ向け、というのは、本スクリプトがAPI等を利用した自動翻訳的なものではなく、制作側で手作業で翻訳を施す簡易的な仕様だから・・だと思います。指定したセレクタ内の言語を、予め設定した言語とその言語下における翻訳テキストを、ドロップダウンの選択毎で置換する、というものになるのでページ数の多いWebサイトには不向きかもですね。ただ、自身で設定するので応用が効きやすい、自動翻訳による誤訳の心配がない、というのは利点です。ライセンスはMITとの事。 jquery.localizationTool.js
ビジネス用Webアプリ構築の為のCSSフレームワーク・「Flakes」
Flakesはビジネス用のWebアプリ構築の為に公開されたCSS/JavaScriptフレームワークです。RWDやSASSにも対応済み。ダッシュボードに必要なUIやチェックボックス、フィルタ機能付きのテーブルなどのコンポーネント集の様ですね。ビジネス向けアプリ特化とは言い過ぎかもですが選択肢の一つとして。ソースはGithubで公開されていますがライセンスは今のところ記載が見られません。見落としてるかもしれないのでご利用の際はご確認下さい。 【追記】 ライセンス追記されたようです。@hnakamur2さん有難うございます～ Flakes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLで書いたtableのデータをプレーンテキストやCSV、XLSなどのフォーマットでエクスポート出来るスクリプト・「TableExport.js」
OS XのFinderライクな階層データ表示の為のスクリプト・「Finder.js」
シンプルなタスク管理Webアプリを構築出来るOSS・「TaskBoard」
モバイルサイト向けのWebサイトビルダー・「Mobirise」
ターミナル操作をテキストベースで録画、公開出来るオープンソースのソフトウェア・「Asciinema」
HTML5ベースのノベルゲームを実装出来る国産ゲームエンジン・「O₂ Engine」
llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」
知識不要でスマフォ向けのWebサイトを構築出来るWebサービス・「IXM Mobile Builder」
ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」
Githubページを利用したブログを構築できる・「HubPress.io」
Google DriveやSkydriveのようなオープンソースのドキュメントエディタ・「WebSyn.ca」
CSS3+HTML5のアニメーションを作成出来るOSSのエディタ・「Mixeek」
ドラッグ&ドロップでHTMLメールのスタイルを作成出来る・「BeeFree 」
