タグ

javaScriptとJavaScriptに関するyuuAnのブックマーク (70)

  • まずは基本から・HTML5のCanvasについて参考になったサイトまとめ - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 html5.jp ~HTML 5で導入されるcanvas

  • Canvas - HTML5.JP

    このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法

  • 簡単な RayCaster - MDC

    どうして? 嬉しいことに、私が読み続けていた、粋な <canvas> 要素がまもなく Firefox でサポートされる【訳注: 既にサポート済】 だけでなく、既に現在のバージョンの Safari でサポートされていることを理解した後、私は少しの実験を試みました。 私が MDC で見付けた canvas の 概要とチュートリアルは素晴らしいのですが、まだ誰もアニメーションについて書いていませんでした。そこで私はしばらく前に作業していた簡単な RayCaster を移植し、JavaScript によって制御されたピクセルバッファからどういった性能がでるか確認したいと考えました。 どうやって? 基的なアイディアは望むフレームレートに対応する任意の遅延で setInterval を使うことです。 全ての間隔の後に更新用の関数は現在のビューを表示する canvas を再描画します。より単純な例

  • JavaScriptのアラートボックスをセクシーにする仕組み:phpspot開発日誌

    Sexy Alert Box JavaScriptのアラートボックスをセクシーにする仕組み。 普通のalertはあじけなくて音もなってよくない、ということで独自のalertボックスは色々 Sexy.alert('Hello world!'); で、alertを表示できます。 デモページはこちら。アニメーションしてちょっといい感じになりました。 デザインをもうちょっと洗練すれば更にセクシーになるでしょう。 関連エントリ JSによるカスタムダイアログボックス作成ライブラリ 多機能LightBoxのiBoxがバージョンアップ「iBox v2」

  • [JS]フォームの入力を支援するスクリプト -Autotab

    Matthew Millerのエントリーから、ソフトウェアのシリアルナンバー入力時のように、入力に合わせて、自動で次の入力欄に移動するスクリプトを紹介します。 Autotab: jQuery auto-tabbing and filter plugin Autotabは文字数に合わせて入力欄を移動するだけではなく、入力する文字の種類の制限(数字のみ、英語のみなど)や小文字を大文字に変換するなどを指定することもできます。 AutotabはjQueryのプラグインのため、動作にはjquery.jsが必要です。

  • CSSの擬似クラス:IE6/IE7でも使う方法あります - builder by ZDNet Japan

    年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは? 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur

  • 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

  • 【ハウツー】カスタマイズFirefox - Firefoxの拡張機能を作ろう (1) Firefox拡張の魅力 | パソコン | マイコミジャーナル

    突然ですが、私は軽く動作が早いソフトウェアが好きです。毎日のように使うWebブラウザはらばなおさら、きびきび動作する軽いシンプルなソフトウェアを選びたいものです。ただそういうシンプルなソフトウェアには自分に必要な機能がそろっていないのではないかと思うかもしれません。 そういう場合は、たいていのソフトウェアには機能を追加できるようになっています。それが「拡張機能」や「アドオン」、「マクロ」などと呼ばれる小さなプログラムたちです。そして有志の方が多くの追加機能を提供してくれています。そういったプログラムを探して使ってみるもの楽しみの1つです。 さらに拡張機能は自分で作ることができるようになっています。自分に必要な機能は自分で作って、ソフトウェアを自分好みに仕上げていくことはとても楽しいものです。そう、ソフトウェアは拡張しなければ意味がないのです! 今回紹介するFirefoxはオープンソース方式

  • http://www.adamrocker.com/hateco/

  • HTML崩壊 meltdown.js - KAZUMiX memo

    #ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ

    HTML崩壊 meltdown.js - KAZUMiX memo