古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
JavaScriptで独自マウスジェスチャーを作れる「jQuery Fancy Gestures」
twitter facebook hatena google pocket マウスを一定の方向に動かすことにより、特定の動作をさせるマウスジェスチャー。 jQuery Fancy Gesturesでは、これをオリジナルで作ることができます。 sponsors 使用方法 jQuery Fancy Gesturesからファイル一式をダウンロードします。 <script type="text/javascript" src="wz_jsgraphics.js"></script> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.fancygestures.js"></script> <script> $(document).ready
Situs Resmi Judi Poker Online Uang Asli Indonesia
yabooo.org | Situs Judi Joker Slot Gacor Terpopuler Banyak Bonus yabooo.org Yaitu Agen Judi Joker Slot Mudah Jackpot Bonus Member Baru Games Slot Gacor, Taruhan Bola, Poker Online Pakai 1 Akun WSO Server Luar India Ingin menikmati pengalaman bermain slot yang mengasyikkan? Jika iya, Anda perlu mencari situs slot terbaru yang gacor! Game slot gacor terbaru dapat memberikan kesempatan bagi Anda untu
単一のイベントで複数のショートカットキー - jimo/memo
javascript | 00:11 | 以下のコードを色々いじって作りました. キーイベント追加 - Higé au laitremoveEventListenerとかでイベントを消したりとか面倒そうなので、単純にリストで管理できた方が便利かと思って作りました。ショートカットを追加すると, 以下のようにリストに追加されます.これを直接、変更・削除することでイベント実行時の挙動に反映されます. [{ 'element' : element, // window.addEventListener でいう window 'key' : shortcutkey, // ショートカットキー C-a とか 'func' : function // 実行したい関数 }] ■ ソース var ShortcutKey = function() { this.list = []; this.init();
2.5kbのJavaScriptでテーブルをソート・ページャーなどが可能に！
twitter facebook hatena google pocket 表組みで縦に長くなると、もう最初と最後の関連性なんてわからなくなります。 今回紹介するJavaScriptはソートに加え表示件数を制御、ページャー付きと高機能なものが、わずか2.5kbで可能です。 via：TinyTable JavaScript Table Sorter sponsors 使用方法 TinyTable JavaScript Table Sorterからファイル一式をダウンロードします。 <script src="script.js" type="text/javascript"></script> <link rel="stylesheet" href="style.css" type="text/css" /> 上記をhead内に書き込んだ後、テーブルを記述します。 <table cellpad
カラーピッカー.js - JavaScript ライブラリー - HTML5.JP
対応ブラウザー Internet Explorer 6 以上 Firefox 2.0以上 Opera 9.0以上 Safari 3.0以上（もしかしたら2.0でも動作するかもしれませんが、未確認です。） Google Chrome 0.3以上 使い方 cpick_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。そしてHTMLのhead要素内に、cpick.jsをロードするようscriptタグを記述しておきます。このサンプルは、html5jpフォルダが一階層上に存在しているものとしてscript要素のsrc属性を指定していますが、html5jpフォルダ はどこに設置しても構いません。html5jpフォルダの設置場所に合わせてcpick.jsをロードするscript要素のsrc属性を書き換えてください。
◆風柳亭印◆汎用ツール一覧
■ウェブ閲覧を便利にするツール Google 画像検索で画像をその場で見るLDRize拡張 種別：Greasemonkey 概要： Google画像検索にて、Greasemonkey版のLDRizeで画像をその場で見るためのコバンザメスクリプト。 別窓を開かずに画像をその場でプレビュー。 自動オープンモードで快適閲覧！ AutoPagerize拡張と併せてどうぞ。 詳細／関連記事： 【LDRize】Google 画像検索で画像をその場で見る拡張スクリプト 【AutoPagerize】Google 画像検索対応スクリプト(AutoPagerize本体をいじらない版) スクリプト： LDRize拡張スクリプト：Google 画像検索で画像をその場で表示 最新版：ver.0.01c1 (2009/05/10) Google画像検索でAutoPagerizeを有効に 種別：Greasemonkey
[JavaScript]GAE_xmlhttpRequest：クロスドメインのHTTP GET(Google App Engine経由)
GAE_xmlhttpRequest({ method : [HTTP Request種別(サポートしているのは'GET'のみ)] , url : [取得するURL] , onload : [正常終了時(HTTP Status Code:200番台)のコールバック関数] , onerror : [異常終了時(HTTP Status Code:200番台以外)のコールバック関数](省略可) , onreadystatechange : [ReadyState変化時のコールバック関数](省略可) , headers : [HTTP Request時に指定するヘッダ要素(連想配列)](省略可) , timeout
JavaScriptで簡易リスト構造
そういえばJavaScriptってリスト構造ないなー。と思って簡易リストクラスを書いてみました。 詳細は続きから。 このクラス(List)では、JavaScriptでリスト構造を扱うことを可能にします。Listクラスには次のようなメソッドがあります。なお、リスト要素の番号は1始まりです。 List.push(data) リストに要素をプッシュします。プッシュされた要素はリストの先頭に追加されます。 List.pop() リストから要素をポップします。リストの先頭要素を返し、その要素はリストから削除されます。 List.addBefore(n, data) n番目の要素の直後に新しい要素を追加します。 List.addAfter(n, data) n番目の要素の直前に新しい要素を追加します。 List.remove(n) n番目の要素を削除します。 List.get(n) n番目の要素を取得
Circuit Simulator
Building your very first circuit it's easy as 1..2..3 Design circuits quickly and easily with a modern and intuitive user interface with drag-and-drop, copy/paste, zoom and more. One function that makes the internet of Things. The internet of Things is the remote control of devices, which can trigger action from a remote location. With Electra Academy, you can edit and run your digital circuit sim
profilerという処理速度計測用ライブラリ (Kanasansoft Web Lab.)
IEでもFirebugについてくる処理時間計測用のProfileという機能が欲しくて作ってみた。 IE8からはFirebug相当のデバッグツールがついてくるのでいいけど、IE6,IE7あたりでは結構使えるかも。 他のBrowserでも使えるはず。 FirebugのProfileのように勝手に計測してくれるのではなく、計測部分にコードを埋め込まないといけないのはしかたがないと思って欲しい。 以下、ソースとその後に使い方。 /* ================================================================================ Name : profiler In : [none] Out : [none] Note : 処理時間を計測する ----------------------------------------------
[JS]これ最強かものツールチップスクリプト -BeautyTips
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
JavaScriptのDateオブジェクトを拡張 - Date.js [ゼロと無限の間に]
/** * Date.js * @see http://0-oo.net/sbox/javascript/date * @version 0.1.1a * @copyright 2008 dgbadmin@gmail.com * @license http://0-oo.net/pryn/MIT_license.txt (The MIT license) */ Date.DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; Date.MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; Date.padZero = function(value) { return ("0" + value).s
MyLoupe – Trac
MyLoupe - The gentle user interface for webpages' contents マイルーペって？ マイルーペ（MyLoupe）は、Webページ上の文章を読むための洗練された補助ツールです。 マイルーペは、文章を、大きな文字で電光掲示板のように一文字ずつ表示します。 文章を読みながら、スピードや文字の大きさを変えることができます。 拡張機能として、マイルーペサーバと通信し、文章の中の単語をウィキペディアのページへのリンクに自動で変換することができます。 その他の拡張機能も予定されています。 スクリーンショット このサイトそのものにもマイルーペが適用されています。 文章の上にマウスカーソルを合わせると現れる虫眼鏡ボタンを押してみてください。 どうすれば使える？ マイルーペはJavaScriptで動作し、ほとんどの一般的なWebブラウザで使用すること
AutoPagerizeをサーバーサイドから配布する - てきとうらいふ
こんにちは、フリーランスのビール係、kimzoです。 最近はDDDを実践する毎日で、飲んでから書くコードがカオスで楽しいですね。なんじゃこりゃー！って遊べる。 AutoPagerizeは素敵だけど ところで、AutoPagerizeという便利なUserscriptがありまして、googleだろうとtwitterだろうと、「次へ」ボタンを押す必要なくスクロールで先読みしてくれるナイスガイで快適ネット廃人ライフの強い見方なのです。 ですが、このネットサーフィンラクチンツールはgreasemonkeyというのを入れたブラウザー上で、ユーザーがスクリプトを読み込んで初めて機能するのですが、当然、世の中はそんなの入れる変態さんばかりじゃないのです。 なので、このナイスガイのナイスな機能の恩恵に預かれるのはたった一部の変態さんに限られてて、それはもったいないなーと思ってました。 サーバー側で配布しちゃ
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
SWFObject v2.0 ドキュメント日本語訳 : Media Technology Labs (MTL) : メディアテクノロジーラボ ブログ
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Michael Leigeber
zeroclipboard - Google Code