タグ

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

  • JavaScript/CSS Font Detector › lalit.org

    JavaScript code to detect available availability of a particular font in a browser using JavaScript and CSS. Update: I have updated the algo of the script and it is almost 100% accurate. This JavaScript class can be used to guess if a particular font is present in a machine. This may be help of desktop-like web application developers when they want to provide different skins or fonts preferences t

    wacky
    wacky 2009/01/06
    ローカルマシンに特定フォントがインストール済みかJavaScriptから調べる方法。フォントの幅/高さで判定。Firefox2、IE6、Opera9/10でテスト済み。
  • amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log

    2009-11-12 ナビ子記法について追記しました 文 今日は、amachangさんの記事 http://d.hatena.ne.jp/amachang/20071010/1192012056 を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。 # 記事自体はずいぶん前に書き上げてたけど、公開するの忘れてたんだな。 C系を追加しました。C系は「ネストしたスコープからグローバル変数にアクセスするとどうなるか?」がテーマです。 試したこと 以下は様々な方法で document へのアクセス速度を計測します。 A系では、非日常的な方法で測定し、B系では実際の用法に近い形で測定します。C系では何重にもネストしたスコープから、グローバル変数にアクセスするとどうなるかを測定します。 A系 A0 は、素の document に

    amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log
    wacky
    wacky 2008/12/31
    documentオブジェクトへのアクセスを高速化する手法。「var _doc = document;」でグローバル変数にキャッシュし、_doc経由でアクセス。(主要ブラウザでのベンチマーク比較検証あり)
  • jQueryを良くする25のTIPS

    jQueryを良くする25のTIPS ネタ元:Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。

    jQueryを良くする25のTIPS
    wacky
    wacky 2008/12/18
    jQueryをより効果的に利用する25のTips。実行速度を改善するテクニックなど。(→ 原文: http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx
  • Domain parking page

    Do more with your domain Access all the tools you need for online success Find out more Need help? Our friendly experts are here 24/7 to answer your domain questions, from registering a similar domain to connecting your domain name to your site. Contact us

    wacky
    wacky 2008/12/18
    jQueryをより効果的に利用する25のTips。実行速度を改善するテクニックなど。(→ 日本語解説: http://blog.webcreativepark.net/2008/12/17-225630.html
  • jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ

    JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを5つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){

    wacky
    wacky 2008/12/11
    jQueryのDOM操作を高速化する5つのポイント。CSSセレクタの書き方を工夫、取得結果をキャッシュなど。サンプルコード付きで分かりやすい。
  • 【不安】甘い審査は金利がとんでもなく高くなるのでは? | 【カードローン増枠】在籍確認電話しない!?→情報をチェック!

    Q.借り入れをした時に、すぐに借りられるのはいいことだと思います。でも不自然に甘い審査の場合、逆に不安になります。こちらが気づかないようなデメリットを何か持っているんではないかと勘ぐってしまったりします。審査が甘い消費者金融を利用する注意点などがあったら教えてください。 A.闇金に引っかかるリスクを除いた場合、審査が甘い消費者金融には、それほどデメリットを持っているわけではありません。大抵、審査が甘くすぐに借りることが出来る代わりに、金利がほかと比べて若干高いという特性を持っているのが消費者金融のひとつのタイプだからです。不自然に審査が甘いというのは、例えば、過去に滞納などの行為をしていて、現在職がないにも関わらず、審査が簡単で即日融資にできるようになったといった例だとすると、これは闇金を疑うべきです。どこまでが不自然というレベルかはわかりませんが、私の意見では、職もないのに即日融資が可能

    wacky
    wacky 2008/12/08
    ニコニコ動画の再生ページにJavaScriptで埋め込まれた情報まとめ。ログインユーザー情報、ビデオ情報など。
  • App Store登録もOK!JavaScriptで作るiPhoneアプリ

    Webアプリケーションは、傾きセンサやGPSからの情報取得やバイブレータ動作などのOSの機能の利用に制限があります。また、オフラインでの動作ができません。 開発の容易さは、若干主観めいてしまいますが、コンパイルが必要でメモリ管理も必要なネイティブアプリに比べて、Webブラウザでリロードするだけで最新のコードをテストできて、基的にメモリ管理も不要なWebアプリケーションに軍配が上がります。 ネイティブアプリケーションの最大のメリットは、「App Storeでの配布ができる」ことで、多くのユーザーが集まるApp Storeでアプリケーションを配布でき、さらには課金もできてしまう点です。 ローカルWebアプリという第3の選択肢 前段の機能比較表に「ローカルWebアプリケーション」という項目があります。これは、Safariでオンライン中に所得したHTMLCSS、画像データなどを保存して、オフラ

    App Store登録もOK!JavaScriptで作るiPhoneアプリ
    wacky
    wacky 2008/11/30
    Objective-CではなくHTML+JavaScriptを使ってiPhoneアプリケーションを開発する方法。オープンソースのフレームワークPhoneGapを利用。チュートリアル。
  • Code Tutorials | Envato Tuts+

    All-in-one creative subscription with full AI stack All-in-one creative subscription From $16.50/m

    Code Tutorials | Envato Tuts+
    wacky
    wacky 2008/11/20
    jQueryを使用してiGoogle風のインタフェースを実装するチュートリアル。3カラムレイアウト、ウィジェットをドラッグ&ドロップで配置、移動時にアニメーション。
  • コナミコマンドをJSで実装してみた。 - >& STDOUT

    Google社員にコナミファンでもいるの?w に触発されて。 いままで何百人やったかわかりませんが、やってみました。こんだけ有名なお題なので、被ってたらごめんなさい。 //usage: document.onkeydown = konamiCommandChecker; //body function konamiCommandChecker(e){ var commandArray = new Array(); var correctArray = new Array(38, 38, 40, 40, 37, 39, 37, 39, 66, 65); var hitCount = 0; commandArray.push(e.keyCode); if(commandArray[commandArray.length-1] == correctArray[commandArray.lengt

    コナミコマンドをJSで実装してみた。 - >& STDOUT
    wacky
    wacky 2008/10/23
    コナミコマンド(上上下下左左右右BA)の入力を検知するシンプルなJavaScript。コードスニペット。/『e = e || window.event;』でIEにも対応。
  • Dropcatch.nl voor snelle registratie van .nl quarataine domeinnamen

    Incg.nl Deze domeinnaam werd onlangs geregistreerd door Dropcatch.nl De domeinnaam Incg.nl stond 40 dagen in quarantaine en is daarna geregistreerd door Dropcatch.nl. Dit doen we vaak in opdracht van klanten. Hoe dat werkt en wat daaraan voorafgaat lees je hieronder. Kijk voor meer informatie ook op Dropcatch.nl Je ziet ergens een mooie domeinnaam... Mooie domeinnamen zijn een waardevol bezit en d

    Dropcatch.nl voor snelle registratie van .nl quarataine domeinnamen
    wacky
    wacky 2008/10/14
    マウスを乗せた要素がシャッターのように開閉するアニメーション効果をjQuery + CSSで実装するチュートリアル。(英語)
  • はてなブログ | 無料ブログを作成しよう

    景色変わる6インチヒール ― の話 春頃に買ったすごくお気に入りのがあって、今日はその話をします。 商品としてはこれで、アイボリーとブラックを持っています。 https://store.cityhill.co.jp/item/945970.html アイボリーを買った後、かわいくて歩きやすくて気に入ったのでブラックを追加購入しま…

    はてなブログ | 無料ブログを作成しよう
    wacky
    wacky 2008/10/14
    JavaScriptで画像の幅と高さを取得する方法。FirefoxとSafariはnaturalWidth / naturalHeightプロパティで。IEは新しいImageオブジェクトを生成してwidth / heightプロパティで。
  • jQueryのみでLightboxっぽいものを実現する方法 - F.Ko-Jiの「一秒後は未来」

    梅酒.inのトップページにある「梅酒がウリな飲店」というコーナーにある画像をクリックすると、Lightboxっぽく情報を表示するようにしています。 ↑ こんな感じ。 Lightbox効果を実現するライブラリは検索すれば色々と見つかると思いますが、ここではライブラリはjQueryのみとして、どのようにLightboxを実現したかを説明します。 処理のおおまかな流れは以下の通りです。 select要素を隠す (IE対策) ページ全体に半透明の黒いレイヤーを表示する 表示領域の中央に目的のコンテンツを表示する 1. select要素を隠す IE6ではselect要素にz-indexが定義されていないため、レイヤーのz-indexをどれだけ大きくしても、IE6ではselect要素がレイヤーの下に隠れることはありません。そのため、ページ上にあるselect要素を隠す必要があります。 jQueryで

    jQueryのみでLightboxっぽいものを実現する方法 - F.Ko-Jiの「一秒後は未来」
    wacky
    wacky 2008/10/02
    jQueryを使ってLightbox的なインタフェースを実装するチュートリアル。考え方、オーバーレイのさせ方。
  • Using jQuery for Background Image Animations

    After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm n

    Using jQuery for Background Image Animations
    wacky
    wacky 2008/09/24
    jQuery+プラグインでナビゲーションメニューの背景画像をアニメーションさせるチュートリアル。(英語)
  • jQuery.ajax で overrideMimeType する方法 - hogehoge @teramako

    UbiquityでHTMLコンテンツとマッシュアップ - IkeTの日記 英語翻訳 - エキサイト翻訳のサービスを利用して英日翻訳するUbiquityコマンド。 このサービス、どうも翻訳後の文字コードがShift_JISで文字化けしてしまうという事が書かれていたので、ブクマコメントにてjQueryは知らんけど、XMLHttpRequestのoverrideMimeTypeでcharsetを指定すれば文字化けはしないはずですよとアドバイスした。 それを受けてid:IkeTさんが、jQueryではできそうもないからXMLHttpRequestを直に叩いたよ、と追記してくれました。 上記、記事を受けて、jQueryでスクレイピングする時の文字化け対処法 - 不動産屋のラノベ読みでid:Lhankor_Mhyさんが、jQueryでも出来るよ!的な記事を書いている。 ただ、この記事での書き方では た

    jQuery.ajax で overrideMimeType する方法 - hogehoge @teramako
    wacky
    wacky 2008/09/16
    jQuery.ajax()の文字化け対策としてoverrideMimeTypeでcharsetを指定する方法。beforeSendオプションを利用する。
  • Load Content While Scrolling With jQuery

    Free Web Resources Everyday - WebResourcesDepotRelated PostsForm Elements Images For Realistic Designing jQuery Slideshow Plugin With Zoom, Shuffle And Fade Effects Sparklines (Small Inline Charts) With jQuery Skin Your Ajax Applications: ThemeRoller Javascript Scroll - Smoothly!

    wacky
    wacky 2008/09/12
    AutoPagerizeのように、ページの下までスクロールすると次ページの内容を動的に読み込んで自動表示する仕組みをjQueryで作成。ASP(VBscript)のサンプルコード。
  • CSS Sprites2 – It’s JavaScript Time

    A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user’s interactions in a dynamic way that standards-based web sites haven’t been able to replicate. Lately that’s been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that

    CSS Sprites2 – It’s JavaScript Time
    wacky
    wacky 2008/09/12
    「CSS Sprite」手法を応用したアニメーション付きナビゲーションメニューを作成するチュートリアル。jQueryを利用。(英語)
  • 高速化 - latest log

    昨日がベンチマークだったので、今日は速度について。 いつまで教科書を信じてるんだい? プログラミングの教には、「ループ」がこのように書かれています。 これはよく見られる記述ですが、最も遅い書き方です。 var ary = [...]; var i; for (i = 0; i < ary.length; i++) { なにか }ループ毎にlengthを再評価しなければ、ちょっと早くなります。 var ary = [...]; var i; var sz = ary.length; for (i = 0; i < sz; i++) { なにか }i++ を ++i にするとさらに早くなります。 var ary = [...], i = 0, sz = ary.length; for (; i < sz; ++i) { なにか }これらの些細な修正を施すだけで、単純ループなら5〜8%は高速化

    高速化 - latest log
    wacky
    wacky 2008/09/11
    JavaScriptの高速化テクニック。ループの条件として使うプロパティは変数に代入、forループではi++より++i、比較は==より===。
  • (IE5で)最速セレクターを作ってみた - ?D of K

    cssQueryが非常に遅いので作ってみた。まぁ、古いから仕方ない。 http://kquery.if.land.to/code/selector.html http://kquery.if.land.to/slickspeed/ 上のslickspeedは、広告が自動挿入されるサイトにおいてあるため、実行すると結果が狂う可能性があります。 各ライブラリごとのまとめ kQueryは今作っているライブラリの名前。現在はdollarjsという名前です。 探索方法 中はあまり読んでいないので、間違っているかもしれない。 線形探索 kQuery、jQuery、MooTools、YUI、Ext(関数をキャッシュする機構あり)、cssQuery 線形探索+XPath Prototype、Dojo、findCSS XPath uupaa.js(IEではJavaScript-XPath) エラー時の値 普

    (IE5で)最速セレクターを作ってみた - ?D of K
    wacky
    wacky 2008/09/11
    各種セレクタでDOM取得するJavaScriptライブラリの詳細比較、まとめ。
  • 動的なscriptタグの読み込みを同期的に行う | Blog.37to.net

    home blog labs about contact プログラミング・開発 > 動的なscriptタグの読み込みを同期的に行う JavaScript 作成: 2008-08-31T20:01:23+09:00 更新: 2009-04-29T01:06:49+09:00 タイトルからして何を言っているか分からないと思いますが、 JavaScriptから動的にscriptタグを追加した場合に、非同期に読み込まれるという 特徴があるのですが、これを同期的に読み込もうというお話です。 動的なscriptタグの追加 JavaScriptからscript要素を作り、追加する事で外部JSのロードを行うという処理です。 外部JSファイルの読み込みや、いわゆるJSONPとかです。 動的に追加した場合の特性として、読み込みが非同期になるというものがあります(operaは9.5からのようです)。 これは使い

    wacky
    wacky 2008/09/10
    動的なscript要素による外部jsのロードで同期的に処理する方法。基本はonload、IEのみonreadystatechangeを使用。
  • Learn How To Code by Envato Tuts+

    Thousands of free tutorials and online courses to help you learn software development from mobile devices to web applications and everything in between. Join our community to improve your coding skills and workflow. What would you like to learn? Our extensive learning guides provide a deep dive into various types of software development. Improve your WordPress knowledge, learn Ruby or PHP, get sta

    wacky
    wacky 2008/09/05
    テキストのフォントサイズを調整するスライダーコントロールをjQueryで作るチュートリアル。