タグ

JavaScriptとTipsに関するwackyのブックマーク (320)

  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
    wacky
    wacky 2008/04/08
    既存のWebサイトをAjaxで改良する連載(1)。ポップアップウインドウをjQuery+ThickBoxでLightbox化する。
  • Sign in - Google Accounts

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

    wacky
    wacky 2008/03/27
    マウスポインタをのせるだけでコンテンツが水平スクロールするインタフェースの作り方(要mootools)。チュートリアル。(英語)
  • Sign in - Google Accounts

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

    wacky
    wacky 2008/03/25
    CSS+JavaScriptでDigg風のドロップダウンメニューを実装するチュートリアル。(英語)
  • GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
    wacky
    wacky 2008/03/25
    Amazon.co.jpの商品個別ページのURLからASINを取得するJavaScriptコード。
  • いまさら人に聞けない Firebug tips - bits and bytes

    2年前の夏に書かれたFirebugの便利な組み込み関数 - 技術メモ帳を読んで、いまさらdebuggerと書くとそこからデバッガでステップ実行できるのを知ってショックでした.... lurkerさんのブログで紹介されている$0, $1 で直前にinspectしたものを参照できることも、なぜか公式のドキュメントっぽいFirebug Documentationには載っていなくて、FireBug Documentation - JoeHewitt.comには載っています。 で、もうひとつ、ソースコードにしか書かれてなさそうなやつを発見しました。$$1と$$2です。 自分はFirebugを使っていて、ときどきconsole.logで出したオブジェクトのプロパティを引数にして関数を呼んだりしたい、ということがあったけどできなくて困ってたんですが$$1でそういうことができるようになりました。 たとえば

    wacky
    wacky 2008/03/07
    公式ドキュメントにも書かれていないFirebugのTips。$$1、$$2、debugger。
  • Sniper

    Our new website is on its way... In the meantime, if you'd like a quote, have a question or would like to have a chat about your project, we'd be happy to help.

    wacky
    wacky 2008/03/03
    円弧の長さで時間を表すユニークな円形時計(「Polar Clock」と呼ばれる)をJavaScriptで実装するチュートリアル。prototype.js + Canvas(VML) を利用。
  • jQuery Tutorials for Designers

    This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the detai

    jQuery Tutorials for Designers
    wacky
    wacky 2008/03/03
    デザイナーのためのjQueryチュートリアル。簡潔なサンプルコードと確認用デモで学べる。(英語)
  • YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる:phpspot開発日誌

    YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる 2008年02月25日- YUI 2.5.0 Released ? Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more Yahoo! User Interface Blog The YUI Team just released version 2.5.0 of the library. We’ve added six new components ? Layout Manager, Uploader (multi-file upload engine combining Flash and JavaScript), Resize Utility, ImageCropper,

    wacky
    wacky 2008/02/25
    Yahoo! UI LibraryとPHPを利用した複数ファイル・アップロードのサンプル。
  • JavaScriptの配列をも〜っと深く理解する:lengthの不思議な動作 - builder by ZDNet Japan

    MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネスの推進には必須! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて Kubernetes活用の最適解とは? 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 いま求められるID管理:前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 サービスを止めない! サイバーエージェントに聞く高可用性の実現

    JavaScriptの配列をも〜っと深く理解する:lengthの不思議な動作 - builder by ZDNet Japan
    wacky
    wacky 2008/02/12
    JavaScriptの配列のlengthプロパティの特殊性。要素数とは一致しない、書き込みも可能。
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
    wacky
    wacky 2008/02/06
    Ajaxアプリケーションにおけるクライアント側の工夫。タイムアウト時の再リクエスト処理、非同期処理の順次実行。
  • innerHTML と outerHTML の使用可否のまとめ

    ie で読み取り専用になっている要素タグには innerHTML は使えません。代替手段として outerHTML を利用して動的に書き換えるテクなどがあります。読み取り専用の要素は例えば table 要素が該当しますが、ちょっとやそっと調べたところで何が読み取り専用の要素なのか資料がでてきません。 と言うわけで適当にスクリプト書いて調べてみました。取りあえず調べた要素は以下の通りです。Internet Explorer Developer Center < meta Object に記述されている要素一覧です。html 要素は outerHTML すると ie がフリーズするので調査対象外です。 <a> <abbr> <acronym> <address> <applet> <area> <attribute> <b> <base> <baseFont> <bdo> <bgSound> 

    wacky
    wacky 2008/02/04
    innerHTML/outerHTMLで内容を変更できる要素、できない要素のブラウザ別比較。IE7/Firefox2/Opera9で検証。
  • Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト

    Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト:パターンとライブラリで作るAjaxおいしいレシピ(4)(1/4 ページ) script.aculo.usの一歩進んだテクニック 今回紹介するscript.aculo.usは、以下のような機能を提供するAjax(JavaScript)フレームワークです。 ビジュアルエフェクト ドラッグ&ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し

    Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト
    wacky
    wacky 2008/01/29
    script.aculo.usのエフェクト機能について応用例を紹介。サンプルコードで解説。
  • jQuery の bind, unbind の裏側 - てっく煮ブログ

    javascriptjQuery のソースを呼んでいて、イベント登録のところが複雑だったので備忘録として記しておく。バージョンは 1.2.1。そもそもの目的DOM 標準の removeEventListener は、element と type(click, submit, blur など) と listener の3つを指定する必要がある。 element.removeEventListener(click, listener, false); jQuery ではイベント解除に unbind という便利な関数が用意されている。element, type, listener を指定して解除する(通常の removeEventListener と同じ)element, type を指定して全てのイベントハンドラを解除するelement から全てのイベントを解除する例えば、 $("#foo")

    wacky
    wacky 2008/01/28
    jQueryのイベント登録・解除の関数 bind / unbind について内部処理を解説。
  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧

    ウェブリブログ:サービスは終了しました。
    wacky
    wacky 2008/01/28
    生JSONの取得しかできない環境で無理矢理JSONPする方法。script要素のsrcから関数名を取得しeval。
  • Create a Lightbox effect only with CSS – no javascript needed | Emanuele Feronato

    Check my Gumroad page for commented source code, games and books. You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect. When you are on a page, and click on a photo or trig some event, a Lightbox is an effect that fades the pagein the background to show you new content in the foreground. I mean this effect In the upper example, when clicking on a photo the site fades

    wacky
    wacky 2008/01/21
    ライブラリを使わず、シンプルなCSSとJavaScriptだけでLightbox風の効果を実現するサンプルコード。(英語)
  • comma separation by javascript - gotin blog

    suVeneのあれ: [JavaScript]数値を3桁ごとに区切る これ↑を見かけたので試してみました。 最初に結論を書いておくと、やっぱり iandeth. - javascriptで数値をカンマ区切り文字列に変換する関数メモ ↑これ速いですね。 僕が考えたものも載せてありますが、速くしようと努力した訳じゃなくて、 こうやれば動くかなぁ、あ、動いた、よかったよかった、ってだけのものですので、 あしからず。 追記5 2007-12-07 - ellaneous と 数値をカンマ区切りにする: Days on the Moon を追加。 gotin版もちょっと修正(でも速度はむしろ低下。。) 追記4 Sbox Error ↑こちらは修正版にしました(小数点対応化されました) また、検証用のマシンを変えたので結果も全体的に早くなってます。 追記3 Sbox Error ↑こちらにも同様の取り

    comma separation by javascript - gotin blog
    wacky
    wacky 2008/01/20
    JavaScriptで数値を3桁ごとにカンマで区切るコードまとめ。どのコードが速いかベンチマーク比較。(3桁区切り、カンマ区切り)
  • ウノウラボ Unoh Labs: 画像の遅延読み込み

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: 画像の遅延読み込み
    wacky
    wacky 2008/01/18
    ページ内の画像が読み込まれるタイミングをJavaScriptで制御する遅延ロードのテクニック。prototype.jsを使ったサンプルコードやライブラリの紹介。画像が大量に張り付いたページで効果ありそう。
  • JavaScript の変数と delete 演算子: Days on the Moon

    Kanasan.JS JavaScript 第 5 版読書会 #1 にて delete 演算子の動作が話題に上ったそうです。そこで、それについてちょっとまとめてみようかと思い立ったはいいものの、ずるずると引き伸ばしているうちに年を越してしました。しかし、読書会 #2 の開催も決まり、もうこれ以上引き伸ばしているといつまでたっても書けなさそうなので、いい加減腹をくくって個人的にまとめてみようと思います。 JavaScript の変数 delete 演算子の対象 変数に対する delete 演算子 削除できるプロパティとできないプロパティ 変数の属性 delete 演算子の返り値 JavaScript の変数 delete 演算子の話に移る前に、変数とは何なのかおさらいしておきましょう。JavaScript において、変数とはプロパティの別名です。といっても、すべてのプロパティを変数というわけ

    wacky
    wacky 2008/01/09
    delete演算子のすべて。何が削除の対象となるのか、戻り値は何か。特記事項→『var 文によって宣言された変数は削除できない』
  • jQuery で JSONP 2通り - てっく煮ブログ

    JavaScriptjQuery を使って JSONP でリクエストする方法を2通り紹介するよ。その1: $("")createElement を $() を使って実装。 $("") .attr('type', 'text/javascript') .attr('src', "http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback") .appendTo($("head")); function myCallback(json){ // ロード完了時にここが呼ばれる } http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback にリクエストがいく。callback のところは、サービスによって指定の仕方が違うかもね。その2: $.ajax

    wacky
    wacky 2007/12/13
    jQueryによるJSONPコードサンプル。
  • CSS + JavaScript Tips

    (1)好きなもの (1)Firefox ( )[r:3,t:60,f:6]シャキーン (1)JavaScript ( )[r:3,t:60,f:6]シャキーン (1)苦手なもの (1)CSS ( )[r:3,t:60,f:6]ショボーン (1)Z上司、曰く (i)[t:15] (i)[t:20] (1)というわけで ( )[r:3,t:60,f:6](金沢のラブホテル) ( ) (2) (2)[f:15]CSS が苦手な エンジニアは 僕だけじゃないはず! (2)[f:15]CSS が苦手な デザイナも もいるはず! (1)[f:15]でもほんとはみんな 出来たらいいよね! (2)みんなが関わる CSS なんだから (1)というわけで ( )[r:3,t:60,f:6](金沢のラブホテル) (2)これから 二時間半 (2)[f:18]CSS のお勉強を しましょう (2)参加して くださ

    wacky
    wacky 2007/12/07
    CSS勉強会でのid:amachang氏の発表資料。JavaScriptによるCSS操作について詳細解説。すごく役に立つ。横スライド方式。