This shop will be powered by Are you the store owner? Log in here
Goodpic： ネット技術 / サーフィン / 一眼写真 のブログ
This shop will be powered by Are you the store owner? Log in here
Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling
遠隔地のチョロQを操縦する方法 with JavaScript, AJAX, Ruby on Rails, Gainer, Webカメラ, and USTREAM.TV
遠隔地のチョロQ(キューステア)をUSTREAM.TVのストリーミングビデオで見ながら、Webブラウザ上でのキーボード操作で操縦できるWebアプリを作ってみました。以下、その仕組みについて詳しく解説していきます。 チョロQ(キューステア)操縦Webアプリの動画 動作している様子と仕組みの概要については、以下の動画を見るのがてっとりばやいかも。 http://jp.youtube.com/watch?v=-n3XV6GGdWY http://www.nicovideo.jp/watch/sm2432398 チョロQ(キューステア)Webアプリ概要図 ustream.tvustream.tv WebカメラとWebブラウザだけで動画配信できてしまうWebサービスです。今回はこのサービスを動画中継に使用しました。Gainer GAINER.cc USBと電子部品
GreaseKit - User Scripting for all WebKit applications
GreaseKit is a SIMBL plugin, that adds user scripting to Safari, Mailplane, Diet Pibb.app and all WebKit applications. Google Groups Nils Werner created GreaseKit-Users and GreaseKit-Developers on Google Groups. Security Vulnerability Sorry, GreaseKit 1.2-1.3 and Creammonkey 0.9-1.1 have security vulnerability. Please upgrade to a newer version. Download GreaseKit-1.7.dmg (2008-09-22) Changes Fixe
UK STUDIO - 初心者向けJavaScript勉強会の資料公開と補足
とある理由で僕主催の初心者向けのJavaScript勉強会 を14日行いました。とある理由はforestkさんのエントリーを参照ください(UK 主催の初心者向け Javascript 勉強会が生まれた経緯) 会場は株式会社ノッキングオン様にご提供いただきました。借りたい人ははてなキーワードのノッキングオンの会議室使いたい!を利用するといいと思います。東麻布でプロジェクター & ネット環境あり(優先ですがアクセスポイントを持参すれば無線も利用可能みたいです)の好環境ですのでかなりおすすめの物件となっております:-P 資料を公開しますので参考になれば幸いです。といっても、ほとんど入門書に書いてあるようなことですがwしかもif文とかの説明すげー適当だしね! 資料URL : http://www.slideshare.net/ukstudio/javascript/11 質問されたり、資料が半端な
リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ:phpspot開発日誌
Ext File Upload Form Widget Example by Saki リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ 「Add」でファイルを選んで↑ボタンでファイルをその画面上でアップロードしてくれます。 現状では、ダウンロードリンクやバックエンドプログラムのダウンロードリンクはないので手動で解析する必要がありそうですが、なかなかこれはカッコいいですね。 関連エントリ FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」 SWFUpload アップロードの進捗を表示しつつアップロードするサンプル
ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」:phpspot開発日誌
リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブ... 次の記事 ≫：PhotoShopからFlickrに直接画像をアップできるプラグイン「FlickrShop」 jsScrolling Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」。 画像で実装したスクロールバーをブロック要素に付けた例 右側にプレーンな分かりやすいスクロールバーを付けてみた例 実装は、必要なライブラリを読み込んだ後、次のようなコードですごく簡単に実装できます。 scroller = new jsScroller(docum
jQueryでブロック要素の高さを揃えてみる - 徒書
ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば
タブで写真切り替え
Lightboxes, Modal Windows and Tooltips for Prototype.js Tutorial API Resources Introduction By default, Control.Modal creates modal windows and lightboxes from any links/anchors elements on your pages. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one
Firebug の monitorEvents unmonitorEvents がバグってる件とそのバグ修正方法 - IT戦記
以下のエントリーを見て FirebugのmonitorEventsが動かない - Enjoy*Study で、実際はどうなんだろうと試してみた。 ちなみに monitorEvents とは Firebug のコンソールで >>> monitorEvents(document.body) と打ち込むと document.body にあがってきた全てのイベントをモニタリングできる >>> monitorEvents(document.body, 'click') と打ち込むと document.body にあがってきたクリックイベントをモニタリングできる >>> monitorEvents($('target')) もちろん document.body 以外もできる そんな機能 たしかに、現在の Firebug 1系 ではこれがバグっててまったく機能してない！ なんで今まで気がつかなかったんだ
8 web menus you just can't miss
There’s no point to discuss the importance of a web menu, how it’s done and how it looks. Many people may remember a website for its a great looking menu. I will show you some great examples in this posting which I hope you will enjoy and use on your websites. Some of them are built by me while others have credits but are free to use. Most of them are CSS based so this is why these resources are l
チャットレディ研究室 | チャットレディ・メールレディ紹介｜女性の副業を応援
福井県在住、実家暮らしのアラサー女子。 昼間はOL、夜はチャットレディとメールレディという生活を4年ほど継続中。（副業のことはもちろん会社に内緒） チャットレディの最高月収は70万円ほど。 忙しい時はメールレディのみになりがち。
Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。
昨日のエントリに引き続き、今度はスクロールバーで隠れている領域を含むサイズを取得するためのプロパティをまとめてみました。 Enjoy×Study - ブラウザの表示領域のサイズを取得する方法。 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth document.documentElement.scrollHeight document.docu
Lightbox Plus
ウィンドウサイズよりも大きな画像を表示した際に、画像の拡大ができます。 表示画像のサイズと表示位置がリアルタイムでウィンドウサイズに追従します。 効果画像を貼付けることができます。 マウスホイールで画像の拡大率を変更することができます。 拡大した画像はマウスでドラッグできます。 設置方法は Lightbox JS とほとんど同じです。 html ヘッダに lightbox_plus.js を追記します。 <script type="text/javascript" src="lightbox_plus.js"></script> Lightbox を有効にする全てのリンクに rel="lightbox" 属性を追記します。 ver 20090707 より spica.js が不要になりました。lightbox_plus.js に全ての内容が記述されています。 "lightbox_plus.
antipop - livedoor Reader をより快適にするかもしれない、ちょい「不良(ワル)」 greasemonkey スクリプト
livedoor Reader ネタが続いてますが、気にせず投入。 LDR は、インタフェイスの隅々まで開発者の配慮が行き届いていて、ユーザたる我々は、激しく素敵極まりない最速体験をただただ享受するのみなわけですが、まぁしかしそこはあれ、LDR とて商業的なサービスなのであってみれば、ある一線より先に進もうとすればユーザ側でなんとかする他なくなります。まぁよくある例としては、広告を消すとかそういうことだったりするのですが。 というわけで、そのあたりを含めて、使い勝手をもすこし高めるべく greasemonkey スクリプトを書いていたりしたのですが、もうこのぐらいでいんじゃね？的な気分になってきたので、ここらでひとつ晒してみることに。いちいち解説するのもアレなので、適当にお取り扱いください。あと、僕の好みに沿ってカスタマってるので、その辺もまぁアレ。 インストール: ldr_utils.u
秋元@サイボウズラボ・プログラマー・ブログ: Google Maps API のバージョン2が正式リリース
週3日勤務。残り4日は英語ブログアジアジンやThe Japan Times等で活動しております。連絡先は「姓@gmail.com」です。 via Google 公式ブログ 機能 ライブラリ Javascript のサイズが約半分になり、読み込みが高速化 日欧米と主要都市で2段階細かな衛星画面が出るように 地図の角により広い範囲を表示するオーバービューマップを表示できるように(Yahoo! Map みたいなやつか) ユーザが拡張しやすくなった GMap2 クラスの追加 不要なオブジェクトを解放するメソッドの追加。IEでのメモリリークの解消 デバッグログ機能の追加 緯度と経度の順番を間違えない新メソッドの追加 また、利用条件に二つ変更が。 呼び出し回数の上限が無くなった。ただし一日50万回以上の呼び出しがあるサイトの場合は事前に連絡してほしいとのこと。 もし Google が API 経由で広
最速インターフェース研究会 :: XSLエディタを作ってみた
XSLをエディタで編集してはブラウザでプレビューなんてことを何千回とやっているので、なんか良さげなXSLエディタがあるなら使いたいんだけど探しても見つからないので作ってみた。 http://la.ma.la/misc/xsltedit/ 左にXSLを入れて右にXMLを入れて、XSLを編集しつつCtrl+EnterでXSLT変換。 Google AJAXSLTを使ってみました。というか同梱のサンプルのスタイルをちょっといじっただけ。なんかIE6で動かないというので、フォーラム見てちょこちょこ直して動くようにしました。次のバージョンで直るとかなんとか。 とりあえずそのまま圧縮したのを置いておきます。 http://la.ma.la/misc/xsltedit/xslt.zip ブラウザの機能で変換させたほうが速いんだろうけど、そんなに遅いわけでもない。ただ、文法的にエラーがあっても変換してくれ
Scriptographer.com - News
Adobe Illustrator CS6 has been available since late April 2012, so more and more users were starting to wonder when Scriptographer for CS6 will finally be released. Aware that it is time for an official answer, I am finally taking time to formulate one. It was far from easy, but a decision has been made: I am not able to spend more time on making CS6 a reality, and instead will focus my time on cr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://journal.mycom.co.jp/series/prototypejs/001/menu.html
WT Toolkit
