一定期間更新がないため広告を表示しています
What is Tumblr Thumbnails? - これは何? このサービスはTumblrにphotoタイプでPostされたエントリをサムネイル表示させるためのスクリプトを提供するサービスです。貼り付け用コードをカスタマイズすることで日付やタグなどで絞り込んだサムネイルも表示することが出来ます。 How to use? - 使い方 <head>部分に次のコードを記述します。 <script type="text/javascript" src="http://th.umbls.com/js/th.umbls.js"></script> サムネイルを表示させたい場所に次のコードを記述します。 <script type="text/javascript" src="http://api.umbls.com/thumbnails/get?user=ユーザー名"></script> オプショ
2009/07/16 追記 AWS認証制限に対応しました。本文中はそのままですが、デモには非公開キーを使用してアクセスするCGIに変更しています。 時代は便利になった物です。 MOONGIFT: » XMLをJSONにするXSLT「xml2json.xslt」:オープンソースを毎日紹介 xml2json.xsltを見ていたらma.la氏のAmazon最速検索を思い出した。あちらはAmazon AWS専用になるだろうが、xml2json.xsltはそれをもっと汎用的なものにしたと考えられるだろう。 http://www.moongift.jp/2009/04/xml2json-xslt/ javascriptとXSLTを使うならば、AWSサーバから見えるサーバを用意しないといけないのですがYahoo! YQLを使えばそれも要りません。 YQLといえばPipesに毛の生えた様な物だと思う方もい
ブログを書いた際には、それを読んだ人がどのようなコメントをするか気になるものだ。それを知る道具は幾つかある。例えばソーシャルブックマーク、ブログ検索などだ。そして最近多いのがtwitterにコメントをポストするケースだ。 twitterのコメントをブログに表示 ブログ検索でtwitterも調べられると良いのだが現状はそのようなことはない。そこでブログ記事につけられたつぶやきを知ることができるのがtwitterer anywhereだ。 今回紹介するオープンソース・ソフトウェアはtwitterer anywhere、twitterのつぶやき表示ソフトウェアだ。こちらはMOONGIFT謹製のソフトウェアになる。 twitterer anywhereは増井氏によるhatena bookmark anywhereをtwitter向けに改造したマッシュアップだ。twitterの検索には日本向けはtw
概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア(フリーソフトウェア)です。弊社は GNU GPLに則り、本ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3(参考邦訳)のもとに提供されます。 詳細はMJL本体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL本体(圧縮版) mjl.js
ソースコード表示の体裁を整えるJavaScript、syntaxhighlighter。1年も前に話題になったものですが、なかなか良かったのでFC2ブログでの導入メモを公開。 syntaxhighlighterを適用すると、ソースコードがこのように表示されます。 <!--plugin--> <!--plugin_first--> <h3 style="text-align:left">カテゴリー</h3> <div style="text-align:left"> </div> <ul> <!--category--> <li><a href="http://fc2blogshop.blog13.fc2.com/blog-category-1.html" title="日記">日記(12)</a></li> <li><a href="http://fc2blogshop.blog13.fc
(NOTE: this program was written around 2003 and, although it still works, it is no longer in active development.) This is what niftyPlayer looks like: ...and it is controllable with JavaScript: play toggle (or play | pause ) stop load file 1 | load file 2 | load file 2 and play it register onPlay event (then click the play button to see the result) get current file state Small (~4kb) Free, open-so
今日から猛烈に忙しくなってしばらくiPhoneで遊べなそうなので、昨日作ったiPhoneのCOVERFLOW風のwebのデモを動画で録っておいたのでアップします。 CSS3とjavascriptで作っているんですが、勢いだけで作ったのでソースも動作もグダグダです。touchイベントだけで作ると調整がかなり難しい。いまいちしっくりこないし、本物と比べると別物です。あと、coverflow自体の動きを間違って認識したまま作っているのを途中で気付きました。。勢いで作ったので引き返す気力が全くなく、勢いで終わらせました。 ただ自己満足度は高い。大きな画像とかサイズの違う画像もそれなりにちゃんと表示されるし、これでウチのネットショップのiPhone版を作りたいですね。 しばらく忙しくていっぱいいっぱいだと思うからiPhone関連できなくて残念。 iPhone用デモページはこちらです。
FancyUpload - Swiff meets Ajax (v3.0) Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers. Showcases Attach a File A red
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
<link rel="stylesheet" type="text/css" href="mopTip/mopTip.css"> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../js/jquery.pngFix.js"></script> <script type="text/javascript" src="mopTip/mopTip-1.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#demo1Btn").mopTip({'w':150, 'h':60, 'style':"overOut", 'get':"
<link rel="stylesheet" type="text/css" href="mopSlider/mopSlider.css"> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../js/ui.core.js"></script> <script type="text/javascript" src="../js/ui.draggable.js"></script> <script type="text/javascript" src="../js/jquery.pngFix.js"></script> <script type="text/javascript" src="mopSlider/mopSlider-1.
Firefox、Opera、WebKitで確認。けっこう楽しい。 javascript:(function(){ var canvas = document.createElement("canvas"); canvas.width = Math.max(document.documentElement.scrollWidth, window.innerWidth); canvas.height = Math.max(document.documentElement.scrollHeight, window.innerHeight); canvas.style.position = "absolute"; canvas.style.top = "0"; canvas.style.left = "0"; canvas.style.zIndex = "9999"; document.body.
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists. Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script graceful
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く