RegExrはブラウザ上で正規表現のテストができるツールです。GithubにてOSSとしてもソースが公開されています。refiddleとほぼ同じ性能になりますが、RegExrの方が個人的には若干使いやすい印象でした。ライセンスはMITとなります。 RegExr
GIFFFFRはYoutubeの動画をgifアニメ化し、ダウンロードできるツールです。URLを指定すると、動画が読み込まれ、動画の時間やサイズ等を指定すればいいだけ。ただ、サイズや動画の長さ次第ではかなり作成に時間がかかるので作成時にはお気をつけ頂いたほうが良さそうです。ただ、手軽は手軽ですね。 GIFFFFR
ユニークなスクリプトだったのでなんとなくメモ。一文字ずつエフェクトを加えてランダムに動かす、というもの。やりすぎるとアレですけどこれはこれで面白いですね。 以前カーニング向けの似たようなスクリプトがありましたが、こちらはアニメーションさせる目的で作ったみたいですね。 こんな感じで動きます。一歩間違えると鬱陶しいだけですが、アイデア次第では面白いコンテンツに出来るかもしれませんね。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="jquery.funnyText.js"></script>本体とスクリプトを読み込みます。 $('.foo').funnyText({ speed: 700, bor
手軽で良かったのでメモ。オンラインでプレゼンを作れるツールです。スマフォにも対応しており、シェアも容易に行えるみたいですね。 よくあるプレゼンツールです。手軽に作れるのがいい感じでした。まだベータ版のようです。 シンプルで使いやすい印象でした。画像とテキスト、動画などを組むことが出来ます。特別派手なエフェクトもありませんので見やすいと思います。 編集画面です。スライドは画像、テキスト、動画を選択できます。画像はドラッグでアップロード、テキストはMarkdownファイルをアップするみたいですね。動画はVimeoとYoutubeに対応しています。 スマフォではスワイプでスライドを進める事が出来るみたい。作成したらURLが発行されるのでそれを相手に伝える、みたいな流れです。なかなか良いですね。 Swipe
Googleのスプレッドシートをデータベースのように利用出来るようにするスクリプト・Sheetsee.jsのご紹介。シートを元にグラフや地図などを作成出来るみたいです。 スプレッドシートをDB化する、というライブラリです。利用するには他のいくつかのライブラリを併用して実装するようですね。 利用するにはいろいろと前準備が必要です。 シートの書き方もルールに沿う必要があります。 スプレッドシートは公開設定にし、Tabletop.jsでデータを取得します。 長くなるので詳細は本サイトをご確認ください。Sheetsee.jsを使った動作サンプルもあるので合わせてご覧頂ければと思います。 ライセンスはBSDとの事です。触る暇があれば触って見たいです。 Sheetsee.js
Tridivはブラウザ上でCSSによる3Dシェイプを作成出来るエディタ。予め用意された複数のシェイプを使って3Dコンテンツを作ることが出来ます。面に画像を使う事も出来ますが、こちらはURLを指定する形になるみたい。 Tridiv
Wikipediaから任意のキーワードに該当するページにある情報を手軽に取り出せる、というスクリプトのご紹介。地味に使いどころあるかもと思ったので備忘録です。 Wikipediaからキーワードの簡単な情報を表示する、みたいなやつです。 動作デモです。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script> <script src="jquery.wikipedia.js" ></script>本体とプラグインを読み込む。 $('#foo').WikipediaWidget('東京');キーワードを指定する。 <div id="foo"></div>要素を用意する。これで読み込めます。 ただし、動作デモのように日本のページ
SVGで書いたアイコンとPNGとで、どちらが重いかを調べた動作サンプルがあったので備忘録としてメモします。当然と言えば当然なんですけど、実際に見てみるとなんとも言えない気分になります・・ Codepenで良い動作サンプルがあったのでメモ。 PNG vs SVG for sprites Check out this Pen! ここに貼り付ける上手く動いて無さそうな・・実際にCodepenで見たほうが良さそうです。尚、使っているSVGはこちら、PNGはこちらです。 サンプルを見た限りでは今あるブラウザではかなりパフォーマンスに影響が出てしまうようですね。SVGは凄く便利ですけど、まだ実用段階としては時期早尚という印象です。使いどころ次第なんでしょうけど・・ 少し仕事が立て込んでるのでメモだけ。サンプルのコードは以下でどうぞ。 PNG vs SVG for sprites
hhhhold!は、画像共有サイト、FFFFOUND!に上げられた画像をダミー画像にできるサービスです。サイズは固定サイズや任意のサイズで指定可能のようです。色合いも指定出来るみたいですね。 hhhhold!
Result 埋め込みコードにいちいちrel=0パラメーターを加えるのは面倒なので関連動画が自動でOffになるようにする。他のパラメーターも同じ方法で挿入できますね。 jQuery $('iframe[src*="youtube.com"]').each(function () { var RemoveRelated = $(this).attr('src'); if (jQuery.inArray('rel=0',RemoveRelated) == -1) { $(this).attr('src', RemoveRelated + '?rel=0'); } }); html <iframe width="560" height="315" src="http://www.youtube.com/embed/g31LLr1_KFk" frameborder="0" allowfullscr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く