タグ

javascriptに関するSireのブックマーク (115)

  • 画像をスムーズに拡大できるjQuery版FancyZoom:phpspot開発日誌

    FancyZoom meet jQuery // Ordered List // We Make The Web Beautifully Simple 画像をスムーズに拡大できるjQuery版FancyZoom。 サムネイル画像をクリックするとそこからズームされる感じにアニメーションされるFancyZoomのjQuery版が出たみたい デモ jQueryな方にはよさそうですね。アニメーションがなめらかで、動作も軽いみたいです。 関連エントリ 画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々

    Sire
    Sire 2008/09/16
    これは使える
  • Raphaël—JavaScript Library

    The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra

    Sire
    Sire 2008/08/11
    JavaScriptでSVGのベクターを書けるライブラリ
  • HTML & JavaScript Encoder/Decoder

    These scripts are intended to explain how to "hide" HTML and/or javascript from other people who view your page's source code. It is not foolproof, but it does make it more difficult to read and understand the source code. Due to the nature of how these scripts work, the explanation may seem complicated and drawn out, but be patient and it should make sense once you gain a little experience with t

    Sire
    Sire 2008/07/30
    JavaScriptのでコード
  • popIn - ネイティブ広告に対応した、コンテンツ発見プラットフォーム

    popIn Discovery 1,000+ Premium Partners popIn Discovery DSPは、ディープラーニング技術に基づいたインテリジェントな広告エンジンです。popIn Discovery DSPは、Microsoft、Xandr、Index Exchangeのようなグローバルのプレミアムパートナーと、ローカルパートナーであるFluxやEnhanceと広範なパートナーシップを締結し、高品質の広告インベントリを提供すると共に、月間300億以上の広告インプレッションを配信しています。10億以上のパラメーターを持つディープニューラルネットワーク技術を利用することにより、秒間50万以上の広告リクエストを処理し、広告のパフォーマンスの評価ができており、リアルタイムでインテリジェントな入札戦略を実現しています。

    Sire
    Sire 2008/07/24
    ページ内で検索できるブックマークレット
  • Blogger

    Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。

    Sire
    Sire 2008/07/22
    使える フォームで残りの入力可能文字等を表示する
  • POP辞書.com

    Please report how to reproduce the circumstances of this error to: Thanks for your help making this a better site.

    Sire
    Sire 2008/07/17
    これはいい!
  • フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント

    <script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid

    Sire
    Sire 2008/07/02
    ★★★★★これは使える
  • データが1件の時だけ、JavaScriptの必須チェックが誤動作する:CodeZine

    上の画面は、ワークフロー機能でよくある承認画面です。チェックボックスで選択したデータは、[承認]ボタンをクリックすることで、状態を「承認待ち」から「承認済み」へ変更できます。入力チェックとして、「選択0件で承認ボタンをクリックしたときはエラー表示」という処理をJavaScriptで実装しています。 ところが、データが1件の時だけ、「選択しているのに『1件も選択されていません』というエラーが出る」というバグが発生しました。バグコード 入力チェックのコードは、次のようになっていました。 function check() { var sentakuChk = document.form1.sentakuChk; for (var i=0; i<sentakuChk.length; i++) { if (sentakuChk[i].checked) { return true; } }

    Sire
    Sire 2008/06/12
    これははまってしまう
  • | ^^ |秒刊SUNDAY | ずばり!コレさえあればWebシステムは完璧なAjaxサンプル集

    2008年06月04日 ずばり!コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession

    Sire
    Sire 2008/06/05
    CAPTHキャプチャもある
  • Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル

    GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX

  • jsmap - JavaScriptによる都道府県入力補助

    Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細

    Sire
    Sire 2008/06/03
    ★☆☆☆☆都道府県の入力補助ツール ちょっとめんどくさい
  • Prototip 2 - Create beautiful tooltips with ease

    Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. Style: Easy to customize. Position: Complete control over tooltip positions. Round: Configurable rounded corners, no PNG images required. Speech bubble effect! Works on all modern browsers. = Note: This plugin is no longer actively developed, please consider moving to my latest jQuery ba

    Sire
    Sire 2008/06/01
    ★★★☆☆使える ツールチップ
  • 日付入力を便利にするカレンダー/日付ピッカー集:phpspot開発日誌

    Fantastic, Free Calendar and Datepicker Scripts - Six Revisions Web applications often require a calendar or datepicker functionality. 日付入力を便利にするカレンダー/日付ピッカー集。 日付だけのものから、Googleカレンダーみたいなカレンダーウィジェットまで、いろいろとあるようです。 Calendar: a Javascript class for Mootools MooMonth Monket Calendar Datejs Vista-like Ajax Calendar 全部見る これだけあれば、日付入力には困らなさそうですね。

    Sire
    Sire 2008/05/28
    使える
  • inputEx - HTML Form作成Javascriptライブラリ

    inputExは、クライアント側だけでバリデーションや入力補助つきのフォームを作成できるJavascriptライブラリだ。MITライセンスで、Yahoo UI libraryのバージョン2.5.1をベースにしている。 サンプルのページからデモを開くとわかるけれど、 JSON形式の短い記述のみで、きちんとしたフォームが使える。一般的なフォーム、URLやメールアドレス、IPアドレスなど特定のフォーマットに従ったフォーム、グループの制約を持つフォームやカラーピッカー、WISYWIGエディタまで、様々なフォームのための部品が提供されている。 ドキュメントもきちんとしているし、GUIでこのJSONデータを作成するためのフォームビルダも提供されているので、使うための敷居は低いだろう。 サーバ側でフォームを書かないため、このライブラリで作ったフォームは、Javascriptがオフになっていると動かなくな

    inputEx - HTML Form作成Javascriptライブラリ
    Sire
    Sire 2008/05/12
    ★★★★使えるライブラリ コード補完
  • 特集:Firefox 3とFirebugで始めるJavaScript開発|gihyo.jp … 技術評論社

    第3回Command Line APIとその活用、各タブからのデバッグ方法 堀邦明 2008-05-21

    特集:Firefox 3とFirebugで始めるJavaScript開発|gihyo.jp … 技術評論社
  • JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌

    Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff

    Sire
    Sire 2008/03/27
    使える
  • window.open()メーカー

    ページのURL ページのtarget ウインドウの横幅 ウインドウの縦幅 ウインドウの表示領域の高さ ウインドウの表示領域の横幅 ウインドウの外周の高さ ウインドウの外周の幅 ディスプレイ左上からのX軸の位置 ディスプレイ左上からのY軸の位置 他のウインドウより前に来るウインドウ 他のウインドウより後ろに来るウインドウ チャンネルモード 現在のウインドウの子ウインドウ デレクトリーボタン(リンクバー) 全画面表示 ホットキーを無効にする URLバー メニューバー サイズ変更許可 スクロールバー ステータスバー タイトルバーの表示() ツールバー フォオーカスが移っても他のウインドウの前に来ないウインドウ ページを履歴に追加しない オプションを一つでも指定した場合、指定されないものは全て「=noまたは=0」 オプションの全てを省略した場合は、全て「=yesまたは=1」 よって、widthやh

  • クロージャが理解できない人のための超クロージャ入門。 - 絶品ゆどうふのタレ

    なんだか全然違う事を考えていて、おもむろにクロージャまで考えが到達してハッと喉のつかえが取れたのでメモ。 タイトルは釣りです。嘘ですちゃんと説明してます。自分なりに。 あとからタイトルが×「超クロージャ入門」→○「クロージャ超入門」にしなきゃいけなかったと気付いたのは秘密。 前座 理解したつもりでいながらも、自分の中で整理しきれなかった項目がクロージャでした。 で、ついさっきやっと、難しく考えすぎていたなぁと気づいたので、自分として理解した事をメモがてら説明しておこうと考えました*1。 といっても、目新しい説明は何も書いてないです。小難しい理屈とか、実装を先に見てしまうからわけわからなくなるんだと思ったので、間違っているかも知れないぐらい大雑把な説明*2と、得られる結果だけを先に書くという説明手法で書いたというだけです。 こういうエントリって、もっといい説明の劣化物を生産することになるのは

    クロージャが理解できない人のための超クロージャ入門。 - 絶品ゆどうふのタレ
  • スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE

    IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで

    スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE
    Sire
    Sire 2008/02/08
    ライブラリ
  • JavaScriptライブラリの先駆け「prototype」を勉強しなおすサイト20

    twitter facebook hatena google pocket 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広く認められています。 今回はprototypeの価値を見直し、勉強できるサイトを紹介します。 sponsors Reference ・prototype.js リファレンス(v1.4.0,1.5.x,1.6.0) ・prototype.js の開発者向けメモ:(v1.5.0) ・prototype.jsリファレンス HowTo / Review ・第1回:Prototypeライブラリの内部 ・いまからはじめるPrototype.js ・第1回:Prototype.jsを使う準備 ・Prototype.jsとは何か ・Prototype