てっく煮ブログ - JavaScript の角丸ライブラリまとめ
JavaScriptJavaScript の角丸ライブラリについて調べていたら、RUZEE.Borders というのを見つけました。こいつがかなりすごかったのですが、ついでに他の角丸ライブラリとも比較してまとめておきます。どれも画像は使用せず、div タグなどをいっぱい作成して丸く見せている力技のライブラリです。他にもいいのがあったら教えてください。Nifty Cube→サンプルNifty Corners の後継。9KB (+CSS 2KB)角のサイズは 10px, 5px, 2px の３つから指定border は指定不可能 (div の入れ子により border っぽく見せることはできる)背景画像への対応不明CSS セレクタ(一部)で指定可能transcorners→サンプルは transcorners のサイト上部mootools 必須。prototype.js との組み合わせムリ（た
The Best Tech Blog | Chin Pokomon
What is the Stash app for Android and who should download it? What are the benefits of using it and how does it work? Before you decide whether or … [Read more...] about Stash App: What Is It And The Benefits Of Using It Motorola MG7310 Review The Motorola MG7310 is a somewhat controversial DOCSIS 3.0 cable modem / WiFi router combo. The DOCSIS 3.0 increased transfer … [Read more...] about Motorol
角丸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
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
[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>
ブロックレベル要素の高さを揃える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
jQuery勉強中
JavaScriptは、現在のWebページではなくてはならない存在です。 「Webブラウザに依存する点がある」という難しさがありますが、その点を解決するためのライブラリがいろいろ出回るようになって、以前よりもかなり便利になりました。 そのようなライブラリの中で「jQuery」は人気があるものの1つです。 遅ればせながら、私もjQueryを調べ始めました。 jQueryはJohn Resig氏が開発したライブラリで、コンパクトでありながら強力なところが魅力です。 1.CSSライクな要素操作 jQueryの特徴として、CSSのセレクタのような書き方で、HTML内の要素を柔軟に扱える点があげられます。 DOMで書くと長くなるような処理を、jQueryだと簡潔に書くことができることが多いです。 例えば、「『hide』のクラスが指定された要素を非表示にする」という場合だと、以下のように簡潔に書くこと
文字列暗号化
メールアドレス暗号化で調子づいて、もうちょっと汎用的に使えそうなスクリプトも作ってみました。こちらは日本語も暗号化できるため、たとえばクイズの答えを伏せておくといった簡単な用途に使えます。HTMLやスクリプトのソースを見られても、解答はわかりませんから。 文字列を暗号化する 以下に暗号化キーと任意の文字列を入力して、「暗号化を実行する」ボタンを押してください。 暗号化キー： (1～94の数値を指定) 暗号化したい文字列： 暗号化したい文字列をここに入力します。 一行単位で暗号化するので、 適度に改行したほうが扱いやすいでしょう。 暗号文を利用する 復号するには、まず暗号化した暗号化キーを setEncodedKey() という関数の引数に指定します (使用例の2行目)。これで準備完了。あとは「decode(一行単位の暗号文)」という構文で復号できます。 「使用例」の箇所に表示されたサンプル
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.
FlashとJavascriptで簡単な暗号化（難読化）の方法は？…
FlashとJavascriptで簡単な暗号化（難読化）の方法は？ FlashからJavascriptに数字をわたすというものを作っているのですが、 渡す数字をぱっと見ただけではわからないようにしたいと思っています。 当初、16進数への変換を考えていましたが、数字が10桁を超える場合もあるため、 「JavascriptでParseIntが正常に動かない」ことがあり、困っています。 何か、数字を暗号化（難読化）する方法で、Flashから渡したものを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
404 Not Found
Not Found The requested URL was not found on this server.
ページ内リンクをスクロールで魅せる JavaScript はじめてのブログデザイン
今日はページ内のリンクをスムーズにスクロールさせる JavaScript のご紹介です。 多くの Web ページの下の方に「ページのトップに戻る」なんてリンクがあります。通常はクリックするとページの先頭に「ドン！」と一瞬にして戻りますが、今回の JavaScript を使用することで「シュルルルルル～♪」とページの先頭に戻ると言うアクションに視覚効果を与えられます。 ユーザビリティの向上にも繋がりますし、簡単に導入できるので試してみてはいかがでしょうか？ それでは早速どのような代物か JavaScript のサンプルページで実際の動きをご確認ください。 いかがでしたでしょうか？ この Smooth scrolling を導入してみよう！と言う方は続きをどうぞ。 それでは Smooth scrolling を手に入れましょう。海外サイトなので念のためキャプチャを使いつつ手順を説明します。 ま
Interface.jsで簡単スムーススクロール - Emotional Web
This domain may be for sale!
[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 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
ページ内をスクロールさせる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="
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.exfiction.net/~nojimake/jswh/jswh01.html
trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -
http://www.tnstudio.net/blog/archives/2008/02/re_vista_ie7_sw_1.html