JavaScriptに関するfnyaworldのブックマーク (15)

  • 8のjQueryのすごいTIPS

    8のjQueryのすごいTIPS 原文:8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[

    8のjQueryのすごいTIPS
  • jQueryのコードを良くする5つのTIPS

    jQueryのコードを良くする5つのTIPS 5 Tips for Better jQuery CodeでjQueryのコードを良くする5つのTIPSが紹介されています。 DOM中にデータを保存できるdataメソッドを使おう $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); 「alt」などのHTMLにデータを保存しておくと後で取り出せなくなってしまうことがあるから良くない。 $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with

    jQueryのコードを良くする5つのTIPS
  • 画像をスムーズに拡大できるjQuery版FancyZoom:phpspot開発日誌

    FancyZoom meet jQuery // Ordered List // We Make The Web Beautifully Simple 画像をスムーズに拡大できるjQuery版FancyZoom。 サムネイル画像をクリックするとそこからズームされる感じにアニメーションされるFancyZoomのjQuery版が出たみたい デモ jQueryな方にはよさそうですね。アニメーションがなめらかで、動作も軽いみたいです。 関連エントリ 画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々

  • jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳

    jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
    fnyaworld
    fnyaworld 2008/03/05
    jQueryネタ、プラグイン等へのリンク
  • not found

    盾集域名停放是全球优质行业导航备案网站领导者 为中小企业提供数字化、快速化、轻量化、精准化的网站链接服务 dns1.dopa.com,dns2.dopa.com 版权所有 站内容未经书面许可,禁止一切形式的转载 © CopyRight 2023 盾集域名停放click.com.cn    浙ICP备20018420号-2 杭州盾集网络有限公司

    fnyaworld
    fnyaworld 2008/02/20
    うーん、使うかどうかは微妙なところ。一応ブックマーク
  • Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す

    サムネール画像から拡大画像をポップアップさせずにスマートに表示する Lightbox JS、以前当サイトでもLightbox JS で画像を表示するをエントリー致しましたが、ブログに設置している Flash(こうさぎ等)については拡大画像表示時に PNG 背景画像(overlay.png)の下に隠れないという問題があります。 Flash は門外漢なのですが、テンプレートご利用サイトの Atelier Shuhei Weblog さんより解消するための情報(下記リンク参照)を頂きました。ありがとうございました。 またこの件に関して他の方からもご質問を頂いておりますので、エントリーにて紹介させて頂きます。カスタマイズを行うことで、スクリーンショットのように拡大画像を表示した際、ブログツールを背景画像の下に隠すことができます。 Atelier Shuhei Weblog:隣の花は紅い Sit

    fnyaworld
    fnyaworld 2008/02/15
    意外とハマる Flashが前面に出てくる問題、背景を透明にするオプションを入れると解決します。
  • ウノウラボ Unoh Labs: JavaScriptでクリップボードを使う(IE/Firefox)

    こんにちは、さかとくです。師走で忙しいですね。今回は、JavaScriptでクリップボードを使うプログラムを作ってみます。IEとFirefoxで動く簡単なライブラリを作ってみましたので、参考にしてください。 IEだけで動かすのは、簡単なのですが、FireFoxではクリップボードを操作する方法がありません。そこで、FireFoxでも使えるようにFlashを使って工夫してみます。 まず、参考までにIEでクリップボードを扱うJavaScriptを見てみましょう。IEなら以下のように一行書くだけです。

    fnyaworld
    fnyaworld 2008/02/07
    Javascriptの壁のひとつ、「クリップボード
  • 【ハウツー】ゼロからはじめるYahoo! UI Library - TabView編 (1) Yahoo! UI Library - TabViewとは? | パソコン | マイコミジャーナル

    今回はYahoo! UI LibraryのUIの1つであるタブ機能について説明します。このタブ機能はHTMLタグに特定のクラスを設定しスクリプトを1行呼び出すだけでUIを作成できます。タブを使って、Webサイトの表示内容を複数に区分したい場合などには最適なライブラリとなるでしょう。 Yahoo! UI Libraryの入手 まず、Yahoo! UI Libraryを入手しましょう(*1)。Yahoo! UI Libraryのダウンロードは以下のURLにある「Download YUI」のボタンをクリックします。 Yahoo! UI Libraryの入手 ダウンロードしたファイルはZIP形式になっているので解凍します。解凍するとbuild, docs, examplesフォルダとREADMEファイルがあります。今回必要になるファイルは下図に示すハイライトされたファイルです。 解凍図 これらのフ

    fnyaworld
    fnyaworld 2008/01/23
    うちはjQueryとプラグインでなんとかしてるんだけどね・・・YUI使えたらUIの部分は楽・・なのか??
  • bassistance.de » jQuery plugin: Tooltip

    This plugin is no longer supported. Use the jQuery UI Tooltip widget instead. The jQuery Tooltip plugin let’s you transform native tooltip’s into customizable overlays. You can adjust their content, position and appearance. Current version: 1.3 Compressed filesize: 3910 bytes License: MIT/GPL Files: Download Changelog Demos Dependencies Required jQuery 1.2.x+ (for 1.9.x, you need the jQuery Migrat

    fnyaworld
    fnyaworld 2008/01/05
    jQuery用プラグイン ツールチップ表示を行うもんです
  • MOONGIFT: » インラインで使えるWYSIWYGエディタ「NicEdit」:オープンソースを毎日紹介

    ※ 画像は公式サイトより。 テキストエリアを置き換えて使うWYSIWYGなHTMLエディタは数多い。ブラウザ上で様々な装飾が施せるとあって、Webサービスを作る際に良く利用しているが、ごてごてしている感があった。 また、いかにもと言う表示になってしまうのも気になっていた。見た目をそのままに編集できるWYSIWYGエディタがこれだ。 今回紹介するオープンソース・ソフトウェアはNicEdit、表示しながら編集できるWYSIWYGエディタだ。 NicEditJavaScriptを使ってテキストエリアはもちろん、Div/Span/Pタグであっても編集可能にしてくれる。表示されたそのまま編集できるというのは面白い。 複数のテキストエリアを変更することや、Ajaxを使って保存することもできる。表示するツールの指定もできるので、簡易的な場合や画像やリンクまで埋め込める豪華な場合と使い分けられる。 見た

    MOONGIFT: » インラインで使えるWYSIWYGエディタ「NicEdit」:オープンソースを毎日紹介
    fnyaworld
    fnyaworld 2007/12/27
    これはいろいろ使えるかも
  • [ThinkIT] 第1回:Webブラウザを使ったテストツールSeleniumとは (1/3)

    この連載は、WebアプリケーションのテストツールであるSelenium(セレニウム)についてサンプルを用いながら概要と基的な使い方を解説していきます。連載第1回の今回は、Seleniumの概要について紹介します。 Seleniumとは、Webブラウザを使ってWebアプリケーションをテストするツールです。この「Webブラウザを使って」というのが非常に大きなポイントで、人が手でWebブラウザを操作する代わりにSeleniumがWebブラウザを操作してくれるのです。 そして単純に操作するだけでなく、例えばエラーメッセージが正しく表示されているかといった検証も行うことができます。つまり、今まで人手を必要としていたWebブラウザを使った試験が自動化できるものなのです。そのため数百項目もあるテストも、クリック1回で実施できます。 より重要なことは「自動化することによって試験を繰返し実施できる」こと

    fnyaworld
    fnyaworld 2007/12/22
    ウェブアプリのテストツール、フォームのテストめどいからねえ
  • jQueryセレクターとトラバース at jQuerist

    jQueryセレクターとトラバース 2007/09/08 16:59 Tag: Tags: beginner, jquery Unobtrusive JavaScriptを実現するために、jQueryにはセレクターとトラバース(全検索)機能が搭載されている。 これで二度目の登場になったUnobtrusive JavaScriptについては、別の機会にするとして、 今回は、HTML上にあるある特定の要素を取得するための機能について紹介しよう。 CSSXPathとjQueryカスタムセレクター jQueryには、CSSセレクター(CSS1-3に準拠)、XPath、そしてjQueryカスタムのセレクター機能がある。 今回は、多少は知識のあるCSSセレクターと、jQueryカスタムセレクターを使って、 HTML上の特定の要素を取得してみよう。 (参考: Official Tutori

    fnyaworld
    fnyaworld 2007/12/13
    セレクタの書き方よくわすれるんだよな・・・
  • ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips

    こんにちは、山下です。 今回は、jQueryのパフォーマンス最適化について説明したいと思います。 軽量と言われているjQueryですが、いろいろな機能を実現しようとして複数のプラグインを導入すると、だんだんと動作が重くなってきます。サーバ側をいくらチューニングしたところで、ブラウザ側での処理に時間がかかっていたら、せっかく訪問してくれたユーザに重いサイトとして認識されてしまいます。以下に、ウノウで運営している「映画生活」で実際に行っている方法を紹介します。 1. Packed版ではなくMinified版を使う jQuery1.1まではPacked版のみだったのですが、jQuery1.2からMinified版もダウンロードできるようになりました。Packed版よりもMinified版を使うことをお勧めします。どう違うのかというと、Packed版はファイルサイズを極限まで削減するために静的辞

    fnyaworld
    fnyaworld 2007/12/07
    やっぱりjQueryに落ち着くショボーン
  • IT戦記 - 一行で IE の JavaScript を高速化する方法

    以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -

    IT戦記 - 一行で IE の JavaScript を高速化する方法
  • My DebugBar | Main / HomePage

    Welcome to DebugBar Wiki 2015-03-02 : DebugBar v7.5.1 released : Try it Now ! 2014-10-13 : IETester v0.5.4 released : Try it now, it's free ! 2010-09-15 : Companion.JS v0.5.5 released: Download NOW ! Work faster This web site is for DebugBar community to get news about next releases, tutorials and samples on how to faster your developments with DebugBar, share experience, improve DebugBar usage, g

  • 1