CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
Lingr: Chatrooms for the people
Lingr provides the best chatrooms on the web. It's free, and requires no account. You can browse the hottest rooms and tags to find people to chat with. You can create your own rooms, and have them open to the public or hidden and private.what is Lingr? Lingr is an open community of chatrooms. You can chat about anything you want, in public or private rooms. No account is required, and no special
GoogleMapsEditor - GoogleMapsAPIを利用した地図コンテンツをプログラムなしで作成できる編集ソフトです。
config.macros.AmazonBanner = {};\nconfig.macros.AmazonBanner.handler = function(place,macroName,params)\n{\n var e = document.createElement('iframe');\n e.setAttribute('src','http://rcm-jp.amazon.co.jp/e/cm?t='+params[0]+'&o=9&p=8&l=ez&f=ifr');\n e.setAttribute('width','120');\n e.setAttribute('height','240');\n e.setAttribute('scroll','no');\n e.setAttribute('border','no');\n e.setAttribute('fram
Geocoding - 住所から緯度経度を検索
Geocoding.jpとは？ 住所やランドマーク名をGPS座標に変換するサービスです。 座標系はWGS84に対応。近似TOKYO97出力も可能です。 Open Location Code(OLC)取得も可能です。 Aobaが個人で作成、運用しています。 Google様とYahoo!様のふんどしで相撲をとっております。 お問い合わせはTwitter窓口まで。 検索のサンプルは？ 住所 『東京都港区芝公園４－２－８』 で検索 ランドマーク名 『東京タワー』 で検索 ランドマーク名 『東京駅』 で検索 ランドマーク名 『Arc de triomphe』（凱旋門） で検索 ランドマーク名 『ユニコーンガンダム』 で検索 Open Location Code 『8Q7XMP52+J6』（渋谷ハチ公像） で検索 緯度、経度から検索 『東京タワー』 経度、緯度から検索（度、分、秒） 『Eiffel T
JavaScriptデバッグツール集:phpspot開発日誌
Ajax Digest // Javascript debuggers overview JavaScript debugging has some specifics in comparison with stand-alone applications. JavaScript programs usually rely on interaction with the loaded page's Document Object Model (DOM) so errors may be caused by wrong DOM usage in a technically correct script. JavaScriptデバッグツール集。 様々なJavaScriptデバッグツールが紹介されてます。 （Microsoft Script Debugger) IE上で動作するもの Micros
WEB開発者のためのWEB開発ツール:phpspot開発日誌
Brennan’s Blog Blog Archive Web Development Tools for the Power Developer Over the past few years the available tools for web development have become quite powerful. As Firefox became more popular the number of useful extensions grew quickly. WEB開発者のためのWEB開発ツール、ということで色々紹介されてます。 バリデータ(Validator) - フォーマットが正しいかチェックするツール HTML/XHTML Validator - W3C CSS Validator - W3C Feed Validator (RSS and Atom) Jav
TiddlyWiki - a reusable non-linear personal web notebook
TiddlyWiki is loading
メモ＆カレンダーWebアプリケーションつくりました。 : blog.nomadscafe.jp
メモ＆カレンダーWebアプリケーションつくりました。 Tagがつけられるメモ帳Webアプリケーションをつくってみました。次のキラーアプリらしいカレンダー機能もついています。 http://femo.nomadscafe.jp/ ↓Helpで使っているスクリーンショット メモのTagとして、2005-12-09と日付をいれるとカレンダーの方に整頓される仕組みです。カレンダーでもTagCloud風にメモ件数の多い日は字が大きく表示されます。 Catalyst + Ajax + TypeKey認証 + Tagging + はてな記法と話題の技術を使い派手に実装しました。TypeKeyのアカウントを持っていればログインだけで使えるのでぜひお試しください。ご意見もくださいませ。
JavaScript圧縮＆難読化ツールまとめ:phpspot開発日誌
JavaScriptのコードはクライアントサイドで動作し、誰にでもコードが読めてしまいます。 あまり自分の書いたコードは読まれたくないもので、せめてコードを読みにくく、ということで難読化のツールが多数公開されてます。 最近のJavaScriptブーム以前よりそういったツールは当然ながら存在するようで、ちょっとまとめてみました。 GUI/コマンドラインツール ObfuscateJS - JAVAで書かれたGUI画面で難読化。改行/タブ除去の他変数名変更 Dojo compressor - JAVAで動作するコマンドラインツール。スペース等除去。サイト上で変換前、変換後のサンプルが見れます JavascriptZIP - JAVAで書かれたJavascriptコード圧縮ツール JSC (JavaScript Compressor) - EXE形式でコマンドラインで使える圧縮ツール オンラインで
Webページ→画像変換ツール - 徒然なるままにBlog
やることがないちょっと手が空いたので前回に引き続きAjax + PHPで簡単なツールを作ってみました。 今回のツールはWebページのキャプチャ(スクリーンショット)を取ってそれをサムネイル画像に変換するものです。 使い方はとても簡単で"WebページのURL"に適当なサイトのURLを入力し、 "イメージ作成"ボタンを押してしばらくするとそのページが画像として表示されます。 少し変換に時間が掛かるので表示されるまでジッと待っていてください。 最近は検索サイトなどで検索結果とそのページのサムネイルを同時に表示してるところもあるので 実は結構需要があるのかなと思います。手動でキャプチャしてサムネイル作るのも面倒だし。 WebページのURL： サムネイルの大きさ:
YahooのGUI+RSSサービス Pipes はPlaggerの夢を見るか？:TKMR.blog.show
YahooがPlagger+GUI風なサービス Pipes をリリースした！詳しくは以下で TechCrunch Japanese アーカイブ » Yahoo!、Pipesをローンチ » かんたんすぎ かっこよすぎ Yahoo pipes O'Reilly Radar > Pipes and Filters for the Internet ということでPlaggerの動きも気になりつつ、試してみた。 前々から英語⇒日本語へRSSを翻訳してくれるサービスが欲しかったけどなかなか無い。 ないのなら つくってやろう ヤフーパイプス ということで作り始める.............と思ったらできた！さすが楽々GUI、適当に操作を覚えながらでも数十分くらいでできた URLを入力(GET引数）RSSフィード読み込み（二つ）BabelFish翻訳モジュールユニオンで結合（日英両方欲しい
スマートに動画を見せられるLightBoxのビデオ版「Videobox」:phpspot開発日誌
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm Videobox is a 6kb script, which shows your videos in the page with an overlay. スマートに動画を見せられるLightBoxのビデオ版「Videobox」。 画像サムネイルをクリックすると画像が拡大されるという仕組みのLightBox ですが、そのビデオ版がリリースされました。 サムネイルクリック後の拡大されたビデオをその場で再生できます。 ↓クリックすると… LightBox風に動画を表示できてます。 ビデオアルバムのＷＥＢアプリなんかを作るときに使えそうですね。 関連エントリ 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.
Ajaxをブラウザ上で開発できるオープンソース「TIBCO General Interface」：CodeZine
「TIBCO General Interface 3.3 Professional Edition」は、AjaxなどのJavaScript開発をブラウザ上で行えるツールだ。そして開発環境までもがAjaxで動作する。オープンソースなので、同社デベロッパーサイトから無償でダウンロードできる。ライセンスはBSD License。 ダウンロードしたファイルを解凍し、適当なフォルダに配置したあと、ブラウザから「GI_Builder.html」にアクセスすることで起動できる。開発環境はVisual Studio風で、GUIによるコンポーネントの配置もできる。JavaScriptのデバッグもできるため、Ajaxを使わないJavaScriptアプリケーションの開発にも利用することができる。
最速インターフェース研究会 :: 高橋メソッドなプレゼンツール
ここのところずっと、ライブラリ整理ばっかりしてます。 あとAlphaというエディタのカスタマイズに夢中です。 で、何かと、もうしばらくかかりそうなので、小ネタでも。 ---- http://la.ma.la/misc/js/takahashi.html 思いついて10分ぐらいで完成。 せっかくなので縦サイズも画面に収まるように改良、 それから「----」で区切ってページ前後移動できるようにした。 ---- 権利放棄します、ご自由にお使いください。 別に使わなくてもいいです。 ---- 高橋メソッドというのは、これ http://www.rubycolor.org/takahashi/ ---- 追記 オブジェクト指向バージョンを作ってみた。 http://la.ma.la/misc/js/takahashi_oop.html 追記 2005-04-11 -やじうまWatchに紹介されたみた
BADSTRING
小松弘幸さんは日本の大学院博士課程で数理・計算科学を専攻、日本語予測入力システムなどを開発する若手研究者だった。その彼がインターンで3カ月を過ごしたのが、米国カリフォルニアにあるGoogle本社。2004年8～10月のことだ。 「社内のメンバーとして、Google Suggest日本版の開発などを行いました。ただ、仕事は振ってくるわけではないので、自主的に動いて、チームをつくってという形です。入社してわかりましたが、来た人はすぐに働かせる会社なんです（笑）」 帰国して大学院に戻り、今年の4月から正式入社。開発対象は幅広いが、注力しているサービスのひとつはGoogleローカルのモバイル版。こう聞くと日本版へのローカライズと思う人もいるだろうが、全社的な開発体制はかなりフリーかつ共同的だ。 「このサービスの開発チームは、日本を含めて本社、ニューヨーク、オーストラリア、中国を中心に動いています。
グーグル、AJAX利用の「パーソナライズド ホームページ」日本語版を発表
グーグルは11月4日、好みに応じてグーグルの提供するサービスなどを自由に表示するポータルサイト「パーソナライズド ホームページ」の日本語版を公開した。 パーソナライズド ホームページは米国では2005年5月から提供されているカスタマイズ可能なポータルサイトだ（関連記事）。ユーザーはGoogle NewsやGmail、ブックマーク、RSSフィードなどを画面上に配置して、自分好みのポータルサイトを作成できる。RSSフィードにはNIKKEI NETやasahi.com、All Aboutなどが登録されているが、これら以外にも、ユーザーが自由にRSSフィードを追加できる。画面はAJAXで作成されており、画面上のコンテンツをドラッグアンドドロップすることで自由に配置できる。 利用にはGoogleアカウント、もしくはGmailアカウントの取得が必要となる。Googleアカウントはその場で取得できるが、
難読化されたJavaScriptコードを元に戻す:phpspot開発日誌
JsDecorder Decode javascript obfuscated code ! 難読化されたJavaScriptコードを元に戻すJsDecorder。 JavaScriptはコードが見えてしまい、サイズも大きくなるので難読化＆圧縮されたソースは結構ありますが、このツールを使えばWEB上で読みやすくデコードできます。 ↓ オンラインですぐ使えるというので便利ですね。 この逆は、「オンラインでJavaScriptコードを簡単圧縮＆難読化」で紹介したサイトで行えます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleペナルティ解除方法
)) DEVLISTING
ウェブデザインに便利なツールをまとめた「Web Design Tools」:phpspot開発日誌