メールアドレス暗号化(メール暗号化ツール)
<a href="mailto:abc-xyz@yahoo.co.jp">abc-xyz@yahoo.co.jp</a> ↓ <script type="text/javascript"> <!-- function converter(M){ var str="", str_as=""; for(var i=0;i<M.length;i++){ str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } function mail_to(k_1,k_2) {eval(String.fromCharCode(108,111,99,97,116,105,111,110,46,104,114,101,102, 32,61,32,39,109,97,105,108,116,111,58) +
MovableTypeに自作のTwitter Badgeをテンプレートモジュールで貼り付ける
kwLogには自作のTwitter Badgeを貼り付けています。何で自作しているかというとデザインを自分流にしたいからです。 自宅サーバを経由する方法もありますが、jsonpを使って表示しています。blogのhtmlのソースを見ると丸わかりですが、 <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/makoto_kw.json?callback=twitterCallback2&count=1"></script> を入れています。 twitterの自分のtimelineは http://twitte
ハッシュタグなどでtwitter検索した結果を表示して自動更新するjavascript - モーグルとカバとパウダーの日記
ハッシュタグなどでtwitter検索した結果を表示して自動更新するページを作りたいと思い、いろいろと調べてました。 で、twitter API使うとjavascriptで検索結果を得ることができるということがわかったので、javascriptだけでtwitter検索した結果を表示し、それを自動更新し続けるスクリプトを作成しました。 最終的にはPukiWikiのプラグイン化する予定ですが、出来上がって嬉しかったのでとりあえずスクリプト部分のソースを公開します。 (追記) このスクリプトをベースにしてPukiWiki用のTwitterプラグインを作りました。 こちらもご参照ください。 PukiWiki用Twitterプラグイン - モーグルとカバとパウダーの日記 (/追記) (追記) Twitterウィジェットを使えばよかったんですよね… 調べてた頃はこのウィジェット知らなくて http://
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
ブロックレベル要素の高さを揃える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]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
ランダムにバナー広告を表示させるには？
外部JSの作成 ファイル名「banner.js」をバナー画像と同じ場所に作成します。 画像ファイルの指定→bannerの配列 代替テキストの指定→messageの配列 リンク先の指定→linkの配列 それぞれ下のソースのように記述していきます。 banner[0]に対応する代替テキストはmessage[0]、リンク先はlink[0]という風に、 すべて同じにしておいてください。 function random_banner() { banner = new Array(); banner[0]="office2007.gif"; banner[1]="xweb.gif"; banner[2]="vista.gif"; banner[3]="banner_sr.gif"; message = new Array(); message[0]="Office 2007を試してください"; mes
jQuery.jsを使ってhtmlを外部読み込み
htmlの作成時に各ファイルで共通している部分がありますね。 ・ヘッダとか ・フッタとか ・グローバルナビとか そんな時、どうしてますか？ 1.各ファイルに同じ記述をしてますか？（変更掛かったらめんどくさいですね） 2.SSI（サーバーサイドインクルード）してますか？（できればいいけどちょっぴり敷居が高い？） 3.avascriptでdocument.writeつかってますか？（ソースが長いとめんどくさいですね） ざっくりリストアップすると以上のような方法が考えられます。 僕も上記のどれかをケースバイケースで使ってました。 そこにもうひとつ選択肢を追加します。 jQuery.jsを使って外部のhtmlファイルをまるごとインクルードしちゃいましょう。 方法 1.何はともあれjQuery.jsをダウンロード http://jquery.com/ 2.htmlのheader要素内で読み込む <s
jkdesign.org - This website is for sale! - jkdesign Resources and Information.
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
lightbox
prettyPhoto prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly an
dev.herr-schuessler.de | jQuery.popeye - an inline lightbox alternative | Demo page
jquery.popeye demo page The first popeye-box to the left of this paragraph opens to the right (standard behavior). Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras euismod risus non diam. Proin et neque. Fusce molestie eros et urna. Aliquam sed enim nec lacus bibendum suscipit. Sed varius, quam nec aliquam sagittis, risus sapien luctus nisi, sit amet convallis risus metus a mauris. C
Fancybox - Fancy lightbox alternative
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
meca.js
meca.jsとは meca.jsはマークアップエンジニアのコーディングを補助するためのjavascriptです。画像のロールオーバーやIE6の透過png対応などを実装しており、それぞれの機能を簡単にon/offできるので、使わない機能は無効にしてたりできます。その他にも、ターゲットになる要素のセレクタを設定でたりするのである程度柔軟に対応できます。（→元エントリー） 使い方 jQueryとmeca.jsを読み込みます。meca.jsの一番上の方に設定を書いてあるところがありますので、そこを自分の好きな設定に書き換えて下さい。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="meca.js"></script> ページ毎に設定を変更する meca.js本
Samuel Garneau dot com - jQuery : Slide Panel
Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Slide box - a jQ
piroBox v.1.0, jQuery plugin
jQuery piroBox plugin is simple images gallery, realized with jQuery librarypiroBox V.1.0 , jQuery plugin (last update november 16th) Set of images tag <head> The css and the 2 .js <link href="css/pirobox.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery1.2.6.js"></script> <!-- fixed version for Opera 9.6 (.height .width)--> <script t
doxdesk.com: software: fixed.js
Fixed positioning According to CSS level 2, an element can be positioned relative to the browser window using the style position: fixed: it does not move when the page is scrolled. You can do nice layout things with this in most modern browsers - but not on IE for Windows. Unless you use this script. Fixed backgrounds According to CSS level 1, an element’s background can be positioned relative to
インライン要素に背景画像を指定する
Fig 1: インライン要素に背景画像を指定 CSS でインライン要素に背景画像を指定する場合、IE6 と IE7 では致命的なバグがあるので注意。たとえば Fig 1 のように、パラグラフ中のハイパーリンクにアイコンを表示させたいとする。となると CSS はこんな感じになるだろう: a.pdf { padding-left: 20px; background: url(/img/pdf.png) no-repeat 0 50%; } a.external { padding-right: 20px; background: url(/img/external.png) no-repeat 100% 50%; } すべてのモダン・ブラウザで Fig 1 のようなレンダリング結果が得られるが、背景画像を指定したインライン要素が改行して複数行にわたる場合、IE6/7 は Fig 2 のようにし
fancyBox
Fancybox #Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. Supports images, videos, maps, inline content, iframes and any other HTML content. This is the fifth generation of Fancybox. Both Carousel and Panzoom components are used under the hood and that's what makes this project so unique. In addition, Fancybox is ea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LightviewのIE8の不具合を回避する方法｜黄金旅程
neo-navi.net - neo navi リソースおよび情報
worldending.jp