We’re getting things ready Loading your experience… This won’t take long.
We’re getting things ready Loading your experience… This won’t take long.
JavaScriptJavaScript の角丸ライブラリについて調べていたら、RUZEE.Borders というのを見つけました。こいつがかなりすごかったのですが、ついでに他の角丸ライブラリとも比較してまとめておきます。どれも画像は使用せず、div タグなどをいっぱい作成して丸く見せている力技のライブラリです。他にもいいのがあったら教えてください。Nifty Cube→サンプルNifty Corners の後継。9KB (+CSS 2KB)角のサイズは 10px, 5px, 2px の3つから指定border は指定不可能 (div の入れ子により border っぽく見せることはできる)背景画像への対応不明CSS セレクタ(一部)で指定可能transcorners→サンプルは transcorners のサイト上部mootools 必須。prototype.js との組み合わせムリ(た
角丸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
概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア(フリーソフトウェア)です。弊社は GNU GPLに則り、本ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3(参考邦訳)のもとに提供されます。 詳細はMJL本体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL本体(圧縮版) mjl.js
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>
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 JavaScriptは、現在のWebページではなくてはならない存在です。 「Webブラウザに依存する点がある」という難しさがありますが、その点を
メールアドレス暗号化で調子づいて、もうちょっと汎用的に使えそうなスクリプトも作ってみました。こちらは日本語も暗号化できるため、たとえばクイズの答えを伏せておくといった簡単な用途に使えます。HTMLやスクリプトのソースを見られても、解答はわかりませんから。 文字列を暗号化する 以下に暗号化キーと任意の文字列を入力して、「暗号化を実行する」ボタンを押してください。 暗号化キー: (1~94の数値を指定) 暗号化したい文字列: 暗号化したい文字列をここに入力します。 一行単位で暗号化するので、 適度に改行したほうが扱いやすいでしょう。 暗号文を利用する 復号するには、まず暗号化した暗号化キーを setEncodedKey() という関数の引数に指定します (使用例の2行目)。これで準備完了。あとは「decode(一行単位の暗号文)」という構文で復号できます。 「使用例」の箇所に表示されたサンプル
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.
FlashとJavascriptで簡単な暗号化(難読化)の方法は? FlashからJavascriptに数字をわたすというものを作っているのですが、 渡す数字をぱっと見ただけではわからないようにしたいと思っています。 当初、16進数への変換を考えていましたが、数字が10桁を超える場合もあるため、 「JavascriptでParseIntが正常に動かない」ことがあり、困っています。 何か、数字を暗号化(難読化)する方法で、Flashから渡したものをJSでデコードできるものはないでしょうか?
アルファ画像を扱う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
Not Found The requested URL was not found on this server.
今日はページ内のリンクをスムーズにスクロールさせる JavaScript のご紹介です。 多くの Web ページの下の方に「ページのトップに戻る」なんてリンクがあります。通常はクリックするとページの先頭に「ドン!」と一瞬にして戻りますが、今回の JavaScript を使用することで「シュルルルルル~♪」とページの先頭に戻ると言うアクションに視覚効果を与えられます。 ユーザビリティの向上にも繋がりますし、簡単に導入できるので試してみてはいかがでしょうか? それでは早速どのような代物か JavaScript のサンプルページで実際の動きをご確認ください。 いかがでしたでしょうか? この Smooth scrolling を導入してみよう!と言う方は続きをどうぞ。 それでは Smooth scrolling を手に入れましょう。海外サイトなので念のためキャプチャを使いつつ手順を説明します。 ま
We’re getting things ready Loading your experience… This won’t take long.
以前、紹介した「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をリ
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="
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く