超クールなJavaScriptプラグイン40 – creamu
nettuts+で、超クールなJavaScriptプラグインがまとまっています。 いくつかご紹介しますね。 » JQuery Validate jQueryによるクライアントサイドのバリデート » PrettyCheckboxes – jQuery FancyFormと似たかわいいチェックボックスを作るjQueryライブラリ » Thickbox 画像だけでなくテキスト等も読み込めるlightbox » FancyBox 超クールなFancybox。画像をすーっと拡大してくれる。デザインがMacライク » Slideshow 2! for MooTools とてもクールなMooToolsによるスライドショー » SmoothGallery こちらも超クールなスライドショー。MooTools v1.11を使用 » DynamicDrive – Carousel Slideshow 3Dに魅せ
面白いだけで役に立たないUI - KAZUMiX memo
できたよー javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/unusable.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document) 上記のコードをアドレスバーに貼り付けて実行すると、そのページが上下左右繋がった空間になり、スクロールバーで扱えなくなります。代わりにマウスカーソルでグリグリ動かせます。 ソース unusable.js 関連エントリー（ネタスクリプト） ものすごい勢いで横スクロールさせるJavaScript - KAZUMiX memo HTMLの暴走 (me
今時のテレクラ事情
当サイトでは20年前に世のおじ様達を席巻したテレクラについて熱く語ります。 テレクラの誕生の歴史から現在に至るまでの経緯や、今テレクラを利用する人の心情について詳しく記載しております。 テレクラとは、すなわちテレフォンクラブの略称です。1985年に生まれたサービスであり、出会い系サイトの前身といっても過言ではありません。 現在ではスマートフォンで相手女性とインターネットを介しコミュニケーションを取ることができますが、当時は携帯電話も無く、個室形式の店舗にまで行って利用しなくてはなりませんでした。 当時は突如現れた新アダルトサービスに法整備が追いつかなく、駅前のティッシュ配りなどで未成年がサービスを知り、援助交際という俗語が誕生するなど、凄い盛り上がりをみせました。 その後、1995年にこういった状況を野放しにはできないと法整備がされ、利用者に年齢確認を求めるなどされ利用者やテレクラ事業者も
JavaScript によるユーザエージェント判別
UAIdentifier - JavaScript によるユーザエージェント判別 © 2006-2007 Magicant / 1.9.2 (2007-02-02) JavaScript を実行しているブラウザの種類およびそのレンダリングエンジン・オペレーティングシステムの種類を判別します。 テストページで実際に試すことができます。 uai.js は自由に使用していただいて構いません。 目次 uai.js の使い方 uai.js の API 仕様 UAIdentifier コンストラクタ toString メソッド 各プロパティ 判別機能の詳細 判定結果の使い方 uai.js の使い方 実装ファイルは uai.js です。 このファイルは単独では実行しても意味がありません。 uai.js には UAIdentifier オブジェクトの定義が含まれ
IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」:phpspot開発日誌
IE6 Update IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」。 Windowsユーザの方ならご存知の、ブラウザ最上部に表示される情報バーのようにやんわりとアップデートを促してくれるJavaScriptコードです。 最近、海外のサイトを見ているとこの仕組みを使ったサイトをよく見かけますよね。 実装は、サイト上に掲載されているコードを貼り付けるだけで実装できるという容易さもGood! コードは以下で、googleのホスティングするjQueryコードなどを読み込むものになっています。 <!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("
JavaScriptで覚えておくとよいデータ構造 - 配列・オブジェクト - いろいろ解析日記
JavaScriptで必要なデータ構造の覚書です。 目次 配列 配列を生成する。 配列にデータを追加する。 配列にデータを格納する。 配列からデータを取得する。 配列中のすべてのデータに同じ処理をする。 オブジェクト オブジェクトを生成する。 オブジェクトにデータを格納する。 オブジェクトからデータを取得する。 オブジェクト中のすべてのデータに同じ処理をする。 関連記事 配列 配列は複数件のデータを扱うためのデータ構造です。 ■配列を生成する。 配列の生成は以下のように行います。 var 配列の名前 = []; var 配列の名前 = [ データ, データ, … ]; 配列の生成では、配列の名前を指定します。 もし、生成時にデータを格納する場合に、[]内にデータを指定します。 なお、JavaScriptでは配列の生成時にサイズを指定しません。 例えば、空の配列array1を生成するには、以
第133回 JavaScriptだけ学んでいても動的なページを作れるようになれない DOMが必要だ - bingo_nakanishiの他言語出身者のためのPerl入門
私は動的なページを作ってみたいと思いJavaScriptを学び始めた。 今までこうとしか書けないと思っていたモノが、 他の言語では別の方法で書け、 その表現のおかけでパワフルなプログラミングができるといった話がかなり好きなので、 始めはJavaScriptの文法ばかりを勉強していた。 とくに、他の言語の経験者が面白い！ ためになる！ と思うのはこの本である。 まるごとJavaScript & Ajax ! Vol.1 作者: 天野仁史,舘野祐一,川崎有亮,arton,田中孝太郎,国分裕,山本有悟,海野裕也,nanto_vi出版社/メーカー: インプレス発売日: 2007/02/15メディア: 大型本購入: 8人 クリック: 98回この商品を含むブログ (78件) を見るJavaScriptのこの書き方ってそういう意味だったのか！！ といったことや、最近の動向がぎゅぎゅっとまとまっている。
text shadow box - zachstronaut
text shadow box, June 2009 Move your cursor over the box to cast a shadow with the spotlight. This demo uses the CSS property text-shadow, supported in Safari, Firefox 3.5, Opera, and Chrome. Also check out my more sophisticated example that replaces the PNG spotlight with one generated by a CSS radial gradient and also casts a proper shadow for the ledge. Created by Zachary Johnson. Please check
iPhone3.0の緯度経度APIを用いて移動履歴をマップに反映 - PHP,MySQL,Flex,JSな日々＋イラストとか
iPhone3.0の緯度経度APIを用いて移動履歴をマップに反映してみました。 こんな感じにマーカーとラインが描画されます。 #今日の勉強会が早稲田大学工学部なんだけど、総合のほうに行ってしまった（笑） 簡単なプログラムの作り方はこちら iPhoneで緯度経度情報を取得して、サーバーに送信 まずは、現在の位置をiPhone3.0の緯度経度ＡＰＩを使用してサーバーに記録させます。 データーはjQueryのajaxを使用して画面遷移のない送信を行います。 //緯度経度取得 function ShowTime() { navigator.geolocation.watchPosition(callback, handleError) } //緯度経度取得エラー function handleError(a) { alert("error"); } var wlat; var wlon; //緯度
ボツになった資料（ JavaScript でテトリスみたいなゲームを作ろう！） - セキュリティ＆プログラミングキャンプ JavaScript 入門講座資料
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ（ホームページ）を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか？ では、何故 HTML という
JavaScriptツール&ライブラリ50選 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaScript Tools That Will Improve Your Workflowのタイトルで50のJavaScriptに関連したツールやライブラリを紹介している(実際には51)。RIA開発においてJavaScriptは重要な地位を占めつつあり、適切な開発ツールやライブラリ、フレームワーク、プラグインを選択することは、迅速で効果的な開発を実現するために欠かせない。紹介されているツールやライブラリは次のとおり。 JavaScriptツール FireUnit (Firebug向けJavaScrip
ルート案内 API が日本でも使えるようになりました
Google Maps API をご利用の開発者のみなさま、お待たせしました。6月9日に開催された Google Developer Day で告知させていただいたとおり Google Maps API が日本国内のルート案内 (Driving Directions) に対応しました。これまで、国外のルートのみ対応となっておりましたが、今後は日本国内のルートもあわせてご利用いただけます。ここでは AJAX APIs Playground を使って簡単に使い方をご紹介します。 Map Directions Simple を元に日本国内のルート（グーグルの東京オフィスがあるセルリアンタワーから東京ディズニーランドまで）を表示させてみましょう。まず、最新バージョンの Maps API を使用するため、ソースの HTML を書き換える必要があります。"Edit HTML" をクリックして scri
未経験者に教える - はてっちょ
雑記いま新人の面倒を見てて思ったことをつらつらと書いてみる。俺がプログラム始めたのは花も恥じらう０ｘ１０歳の時だったのだけど、そのころに比べて未経験者が立ち向かうことは非常に多くなったと思う。N-88BASICを書くときに、構造化であるとか、オブジェクト指向であるとか、スパゲッティコードとか、そういうことをあまりうるさく言われなかったと思う。まぁ自分で全部やれたからなんだけど。とにかく書いてみればいい、というそんな時代だった気がするのは、今ほどパソコンが強力無比ではなかったことも影響していたと思う。少ないメモリーをやりくりするためにトリッキーなことしたりとか、そんな時代。そんな時代からなくなったもの実は今って、プログラムを開始するには、敷居が高いんじゃないかと少し思うようになった。ツール類は非常に充実したんだけど、そういったものは結局、プログラムを理解している人がより快適にプログラムをする
脱初心者を目指す人の為の高速道路（JavaScript 編) - 暗号、数学、時々プログラミング
日々の雑感とか | 03:58 | 子供の誕生でしばらくバタバタになりそうなので、記事の更新を待たれているカモ知れない数少ない皆さんの為に、しばらく時間つぶし出来そうなネタは無いかな？と思って考えたエントリを上げておきます。 はじめに 「高速道路」とかキャッチーな事を言ってますが、万人にとってベストな勉強法ってのはナカナカないと思うので、異論反論はイロイロとあって良いんじゃないか？と思います。むしろ、これが叩き台になって本当に初心者に優しいカリキュラムが生まれるならばこれ幸い、って感じです。今の状況は、Webに色々と良い記事があるものの、それを系統立てて学ぶ為の情報が無いのでは？と思ってまして、もともとはそういう状況を解決する為に「なんとかusers.jp(だっけか？）」みたいなハブサイトが生まれたんじゃなかったかと記憶しています。が、残念ながら学習していく順番にまで配慮して情報提供してく
blogparts framework suzunariを作成しました。 : tech.kayac.com - KAYAC engineers' blog
ようやく会社のブラインドを閉める方法を発見しました。agoです。 弊社ではブログデコというブログパーツのポータルサイトを運営しており、かなりの数のブログパーツを作成しています。 このたび、そこで得られた様々なノウハウを集めて、ブログパーツフレームワークを公開しました。 元々社内でもある程度まとまったライブラリはあったのですが、コードを読まないと（もしくは作成者に聞かないと）不明な機能群と、使用しても一定のJSを記述する必要があるため公開するまでには至っていませんでした。 （社内からは1年以上前から「早めにまとめて公開を」という声があったんですが。。。） そこで、必要な機能をまとめ直し、通常の全画面ジャック程度であればタグのみで実装可能なJSフレームワークを作成しました。 このフレームワークを使用することにより、各種ブラウザでのExternalInterfaceの各種問題や、wmodeによる
moto-mono.net - このウェブサイトは販売用です！ - moto mono リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
JavaScript でタブ切り替え UI を実装する | WWW WATCH
先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな～なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 ： Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
moto-mono.net
Wescript