タグ

JavaScriptとjavascriptに関するfoooのブックマーク (130)

  • bayashi.jp

    We’re getting things ready Loading your experience… This won’t take long.

    fooo
    fooo 2008/11/20
    js角丸ライブラリ。border対応
  • てっく煮ブログ - JavaScript の角丸ライブラリまとめ

    JavaScriptJavaScript の角丸ライブラリについて調べていたら、RUZEE.Borders というのを見つけました。こいつがかなりすごかったのですが、ついでに他の角丸ライブラリとも比較してまとめておきます。どれも画像は使用せず、div タグなどをいっぱい作成して丸く見せている力技のライブラリです。他にもいいのがあったら教えてください。Nifty Cube→サンプルNifty Corners の後継。9KB (+CSS 2KB)角のサイズは 10px, 5px, 2px の3つから指定border は指定不可能 (div の入れ子により border っぽく見せることはできる)背景画像への対応不明CSS セレクタ(一部)で指定可能transcorners→サンプルは transcorners のサイト上部mootools 必須。prototype.js との組み合わせムリ(た

    fooo
    fooo 2008/11/20
    jsの角丸ライブラリの特徴をまとめたもの
  • Domain Parked

    ACTIVE DOMAIN REGISTRATIONDomain Successfully RegisteredThis domain is currently parked and reserved by its owner. Website content or related services may become available in the future.

    fooo
    fooo 2008/11/17
    角丸jsライブラリ。jQueryを使用。divだけでなく、submitなどにも使える
  • 角丸javascriptライブラリ『curvyCorners』を使ってみる

    角丸javascriptライブラリ『curvyCorners』を使ってみる 角丸javascriptライブラリ『curvyCorners』を使ってみました。 配布サイトからダウンロードしてきてrounded_corners_lite.inc.jsファイルをheadで読み込んでください。 <script type="text/javascript" src="rounded_corners_lite.inc.js"></script> 次にbodyに角丸にしたいblock要素をclass属性を付けて配置します。 <div class="myBox"> さんぷるさんぷるさんぷるさんぷるさんぷる<br /> さんぷるさんぷるさんぷるさんぷるさんぷる<br /> さんぷるさんぷるさんぷるさんぷるさんぷる<br /> さんぷるさんぷるさんぷるさんぷるさんぷる<br /> </div> これで準備はO

    角丸javascriptライブラリ『curvyCorners』を使ってみる
    fooo
    fooo 2008/10/29
    角丸jsライブラリ「curvyCorners」の使い方
  • MJL ― MITSUE-LINKS JavaScript Library | 制作/開発 | ミツエーリンクス

    概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア(フリーソフトウェア)です。弊社は GNU GPLに則り、ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3(参考邦訳)のもとに提供されます。 詳細はMJL体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL体(圧縮版) mjl.js

    fooo
    fooo 2008/10/29
    画像のロールオーバー、Flashオブジェクト埋め込みの機能拡張、ブロック要素の高さ揃えなど、汎用性・実用性を重視したjsライブラリ
  • [JS]見出しなどのテキストを画像に置換するスクリプト -jQIR | コリス

    jQIR (jQuery Image Replacement)は、見出しなどのテキストをpng, gif, jpg画像に置換するスクリプトです。 <textarea name="code" class="html" cols="60" rows="5"> <h1 id="heading1" class="jqir">Heading 1</h1> <h2 class="jqir {src:heading2.png}">Heading 2</h2> <h3 id="heading3" class="jqir"><a href="http://jquery.com">Heading 3</a></h2> </textarea>

    fooo
    fooo 2008/09/26
    classを設定するだけで見出しテキストを画像に置換してくれるjQuery
  • ブロックレベル要素の高さを揃えるheightLine.js[to-R]

    ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]
  • jQuery勉強中

    2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindleで、定価250円です。 JavaScriptは、現在のWebページではなくてはならない存在です。 「Webブラウザに依存する点がある」という難しさがありますが、その点を

    fooo
    fooo 2008/04/30
    jQueryことはじめ
  • http://www.exfiction.net/~nojimake/jswh/jswh01.html

    fooo
    fooo 2008/04/03
    文字参照変換スクリプト
  • 文字列暗号化

    メールアドレス暗号化で調子づいて、もうちょっと汎用的に使えそうなスクリプトも作ってみました。こちらは日語も暗号化できるため、たとえばクイズの答えを伏せておくといった簡単な用途に使えます。HTMLやスクリプトのソースを見られても、解答はわかりませんから。 文字列を暗号化する 以下に暗号化キーと任意の文字列を入力して、「暗号化を実行する」ボタンを押してください。 暗号化キー: (1~94の数値を指定) 暗号化したい文字列: 暗号化したい文字列をここに入力します。 一行単位で暗号化するので、 適度に改行したほうが扱いやすいでしょう。 暗号文を利用する 復号するには、まず暗号化した暗号化キーを setEncodedKey() という関数の引数に指定します (使用例の2行目)。これで準備完了。あとは「decode(一行単位の暗号文)」という構文で復号できます。 「使用例」の箇所に表示されたサンプル

    fooo
    fooo 2008/04/03
    jsで文字列を暗号化するライブラリ。モダンブラウザに対応
  • Ren暗号解読

    Base64 Encode / Decode JavaScript で Base64 の符号化と復号化 IE4+, NN4.06+, Gecko, Opera6+ 説明 そのままです。JavaScript で Base64 のエンコード、デコードを行ないます。 Download Download [base64.js] Sample 符号化 復号化 バイナリモード [PageTop] [Back] [Home] Copyright(C) 2002-2006 kerry.

    fooo
    fooo 2008/04/03
    jsでBase64の変換を行うライブラリ
  • FlashとJavascriptで簡単な暗号化(難読化)の方法は?…

    FlashとJavascriptで簡単な暗号化(難読化)の方法は? FlashからJavascriptに数字をわたすというものを作っているのですが、 渡す数字をぱっと見ただけではわからないようにしたいと思っています。 当初、16進数への変換を考えていましたが、数字が10桁を超える場合もあるため、 「JavascriptでParseIntが正常に動かない」ことがあり、困っています。 何か、数字を暗号化(難読化)する方法で、Flashから渡したものをJSでデコードできるものはないでしょうか?

    fooo
    fooo 2008/04/03
    jsでできる簡単な暗号化とは
  • アルファ画像を扱うalphafilter.jsライブラリ[to-R]

    アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a

    アルファ画像を扱うalphafilter.jsライブラリ[to-R]
    fooo
    fooo 2008/03/18
    IE6で透過画像を表示させるライブラリ。ただし、スタンドアローンのIE6では効かない
  • 404 Not Found

    Not Found The requested URL was not found on this server.

    fooo
    fooo 2008/03/15
    カウントダウン
  • trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -

    Halo bosku! kembali lagi bersama kami situs slot terpopuler dan terupdate no 1 di Indonesia, yang menyediakan ragam permainan […]

    fooo
    fooo 2008/02/25
    IE7でSWFObjectが動作しないことに関する記事
  • ページ内リンクをスクロールで魅せる JavaScript はじめてのブログデザイン

    今日はページ内のリンクをスムーズにスクロールさせる JavaScript のご紹介です。 多くの Web ページの下の方に「ページのトップに戻る」なんてリンクがあります。通常はクリックするとページの先頭に「ドン!」と一瞬にして戻りますが、今回の JavaScript を使用することで「シュルルルルル~♪」とページの先頭に戻ると言うアクションに視覚効果を与えられます。 ユーザビリティの向上にも繋がりますし、簡単に導入できるので試してみてはいかがでしょうか? それでは早速どのような代物か JavaScript のサンプルページで実際の動きをご確認ください。 いかがでしたでしょうか? この Smooth scrolling を導入してみよう!と言う方は続きをどうぞ。 それでは Smooth scrolling を手に入れましょう。海外サイトなので念のためキャプチャを使いつつ手順を説明します。 ま

    fooo
    fooo 2008/02/19
    リンク内をスクロールさせる。イージングがないが、idをアンカーネームとして利用できる。使用ライブラリ:smoothscroll.js
  • Interface.jsで簡単スムーススクロール - Emotional Web

    We’re getting things ready Loading your experience… This won’t take long.

    fooo
    fooo 2008/02/19
    ページ内をスクロールさせる。使用ライブラリ:interface.js, jQuery
  • [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス

    以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記: 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ(IE8, Fx2.5, Chrome2)を更新しました。 2009年2月23日 ver.3.0.6をリ

    [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
    fooo
    fooo 2008/02/19
    ページ内をスクロールさせる。機敏な動き。縦だけでなく横バージョンも有
  • ページ内をスクロールさせるjavascript「auto-scrolling-page-navigation」

    twitter facebook hatena google pocket 文が長くなった時、1ページに収めたい時にはアンカーリンクを使い、該当箇所まで飛ばせることがあります。 しかし、アンカーはがくっと一気に遷移するのが嫌いです。 そんな方には、auto-scrolling-page-navigationを使えばスムースなスクロールが可能になります。 sponsors 使用方法 prototypeからporotype.js、script.aculo.usからeffects.jsをダウンロードします。 次に以下をheadに書き込みます。 <script src="http://yourdomain/prototype.js" type="text/javascript"<>/script> <script src="http://yourdomain/effects.js" type="

    fooo
    fooo 2008/02/19
    ページ内をスクロールさせる。使用ライブラリ:prototype.jp, effects.js
  • 【インフォシーク】Infoseek : 楽天が運営するポータルサイト

    日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。