jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
リアルタイムにファイルをアップロード可能な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
JavaScriptのみで記述されたブログツール・ソフトウェアです。ブログライクな機能を実現します。RubyやPHP、CGI等のサーバサイドの技術を使わずに、JavaScriptのみで動作するのが特長です。 現在、以下のものを配布しています。 feedblog : JavaScriptのみで動作する、ブログツール・ソフトウェア本体です。サーバサイドの技術に頼ることなく、JavaScriptのみでブログライクな機能(過去ログの切り替え、ページャ機能、直URLでのアクセス、タグによる分類機能、記事検索機能)を実現します。 feedblogはデータソースにXML(Feed Atom形式)を使用しています。 本ソフトウェアのパッケージは次の通りです。 1.feedblog CoreScript feedblogのコアスクリプトです。記事の表示全般に関する機能を実現します。 2.feedblog S
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List Mootools version1.0以降のものを使ったプラグインとごくごく簡単なサンプルのリスト。moo.fxやversion1.0以前で動くものは除外してます。(一部除く) tracやforumを常に追っている方にはあまり有用では無いかも。 項目をクリックすれば表示されます。コメントなどは下の記事へ。 mootools 1.0のプラグインやサンプル、デモなんかをまとめてみた。 * 勉強も兼ねているので、エフェクトがちょっと鬱陶しいかもしれませんがご容赦ください。更新履歴 (Changelog) は一番下にあります。 リンクをクリックする際は、新しくタブで開くことをオススメします。 09.05.14 追記: 検索でもトップのほうに来るのに、全然更新もしないし1.2以降に対応して
Last Update:2006/2/28 PM 9:57 【Photoshop CS自動化作戦】 このページはPhotoshop CSをJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。本当はシリーズ化のような形で書籍として発売されればよかったのですが諸々の都合により企画自体が消滅したため、Webにて公開、掲載しています。 Photoshop CSはJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS、AfterEffects 6.5、Illustrator CSで作成された一部のコードは、そのまま動かす事ができます。Photoshop CS独自部分の機能だけを習得すれば良いと言うメリットもあります。ただし、スクリプト内に日本語を含む場合にはUTF-8 (Unicod
YUI: Mouse Gestures JavaScriptを使ってページにマウスジェスチャ機能を実装するサンプルが公開されています。 基本ライブラリにはYahoo UI Libraryを使用しています。 画面上の灰色部分を左クリックしながらマウスジェスチャを行うことでアクションを起こすサンプルになっています。 コードは次のようになっています。 最初に、マウスの向きと関数名を関連付けた連想配列を定義して、YAHOO.widget.Gestures.init に渡しています。 後は関連付けた関数の中身を定義するだけという実装の容易さとなっています。 <script type="text/javascript"> var config = { 'left': test1, 'right': test2, 'up': test3, 'down': test4, 'upleft': test5,
昨年8月20日のエントリーで、AJAXプログラムを使って、ウェブページ上でFlashやQuicktimeVRではなく画像変換だけのパノラマVRコンテンツを実装するお話をしました。 □ AJAXでヴァーチャルツアーを実現する : QTVR Diary □ AJAXで高解像度全方位パノラマVRを実現する しかしもっと単純に、横長のパノラマ画像を表示できるエリアを限定して、その画面内でマウスの左右の動きでスクロールさせるJavaScriptプログラムが公開されました。 ■ Gaya Design - Panoramic Photoviewer in Javascript http://gayadesign.nl/post/4/ デモページが同サイトに ■ Gaya Design - PhotoNav http://www.gayadesign.com/scripts/photonav/
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
米ActiveState Software Inc.は、無料で使える高機能なスクリプト言語専用テキストエディター「Komodo Edit」v4.3.2 build 1263を公開した。Windows 2000/XP/Vistaに対応するフリーソフトで、現在同社のホームページからダウンロードできる。 「Komodo Edit」は、同社のスクリプト言語用統合開発環境「Komodo IDE」のテキストエディター部分にも用いられている高機能なスクリプトエディター。Perl/PHP/Python/Ruby/Tcl/JavaScriptなどのスクリプト言語のほか、HTML/XML/CSS文書にも対応しており、構文チェック・色分け表示・関数の折りたたみ表示・キーワードの自動補完などの機能を備えている。 また、プロジェクト管理機能を備えており、複数のフォルダやファイルから構成されるプログラムを画面左側のツ
Build a free website that grows with your business. Get access to customizable webpage designs and useful tools to build your website and grow your ideal business. Easily build a free website to help you get discovered and grow your customer base in style. Start today with our powerful free website builder.
このスクリプトに機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。 概要 フォーム入力時に『半角英数で入力してください』の項目があった場合、ユーザの入力ミスを少なくしてあげるために便利なスクリプトです。 ただし、JavaScript が使えない環境では動作しませんので、あくまでもオプションとしてお使いください。 動作確認用の DEMO ダウンロード 使い方 ダウンロードした replaceascii.js を XHTML ファイルの head 要素内などで読み込んでください。 このとき、replaceascii.js と読み込む XHTML ファイルの文字コードが同じになるようにしてくだ
HTMLの編集ソフトウェアは、DreamweaverのようなWYSIWYGなものか、タグ入力を補助するタイプのものかに分かれる。前者の方が分かりやすいが、細かな設定やCSSベースで組み立てていく際にはタグ入力補助の方が便利な場合もある。 全体図 HTMLやCSS、JavaScriptを一手に作成できるのがこのソフトウェアだ。 今回紹介するフリーウェアはSEEdit Maxi、Mac OSX向けのHTMLエディタだ。 SEEdit Maxiはフォルダを指定することでそのフォルダ以下のHTML、CSS、JavaScriptファイルをSEEdit Maxi上で開いて編集できるようになる。フォルダをプロジェクト管理として利用するイメージだ。 ベースになるHTMLコード生成 HTMLは手打ちだが、HTMLのDTDを指定すると予め枠組みを作った状態で新規作成してくれる。タグは入力補助のウィンドウがある
どうやら、とある方法でiPod touch/iPhoneのsafari上で、テキストのコピー&ペースト、そしてURLのコピーなどができるようになったようです。 ↓ほらね☆ ただし、すべてのサイトのテキストをコピペできるようになったわけではなく、まだかなり制限があるようです(^-^; そのせいなのかどうなのか、実は私のiPod touch君ではまったく働きません…orz 【追記・訂正】 …と思ったら、できました! ゎぁぃ♪ ヾ(*⌒∇⌒)八(⌒∇⌒*)ツ ゎぁぃ♪ ていうかですね、最後の最後に下記のような画面が出るので、 この[Copy]をちゃんとタップしないとその先に進みません! ←思い込みでタップしてなかった...orz なので、v1.1.1の私でも使えたので、他のバージョンの方でも大丈夫だと思いますよ♪ この方法は現在のところ、アプリをインストールする方法ではなく、すべてsafari上
「Mail」や「Googleマップ」に対応した新ファームウェアが発表され、ますます便利になった「iPod touch」。そのiPod touchのウェブブラウザーである「Safari」は、指で画面を操作して直感的にウェブブラウズできる一方で、文字列検索ができないなど不便な点もある。そこで注目したいのが「ブックマークレット」だ。 ブックマークレットとは、JavaScriptで記述されたプログラムのこと。ブックマークから呼び出して実行し、文字列検索やウェブ検索といった処理を行なってくれる。今回、筆者が愛用している、とっておきのブックマークレットを紹介するのでぜひ活用してほしい。 なお、すべてのブックマークレットは、ファームウエアがバージョン1.1.3のiPod touchでテストして、動作したものになる。ブックマークレットが動作しない場合は、ブックマークレットのURLが正しいかどうか、「設定」
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
Re:href="#" onclick の悪習 ネタ元:某日記:href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ!というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:(onclickの内容
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く