タグ

jqueryとJavaScriptに関するsonesoneのブックマーク (9)

  • リファラ実験 - referrer test

    Updated: 2005-05-22 03:54:29+0900 [Home] 直にリンク 直にリンク リファラ表示ページに直にリンクします。 Firefox 1.0.4 …… リファラはこのページになる。 Opera 8.0 …… リファラはこのページになる。 IE 6 …… リファラはこのページになる。 NS 7 …… リファラはこのページになる。 Opera 7 …… リファラはこのページになる。 Lynx 2.8(cygwin) …… リファラはこのページになる。 w3m 0.1.9(cygwin) …… リファラはこのページになる。 HTTPヘッダのLocationを使用する Locationヘッダ HTTPヘッダでLocationを使用します。 header("Location: http://www.teria.com/~koseki/memo/referrer/view.

  • 個人的に使うことが多い9つのjQuery・JavaScriptスニペット :: 5509

    プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。(もっときれいに書けとか何そのコードとかも歓迎) 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク

  • マウスウィールでも横スクロールするjavascript「horizontinyscrolling.js」

    横スクロールのjavascriptでは、bookreadeer.jsなるものが人気です。 が、javascriptをoffにすると縦になっちゃいますし、そもそもスクロール時に矢印を利用する人は多いのでしょうか? 今回紹介するhorizontinyscrolling.jsはマウスに付いている「ぐるぐる」のマウスウィールでスクロール可能です。 これにより、縦スクロールと同じ感覚でページ送りができます。 もちろんjavascriptがoffでも横スクロールOK 使用方法 【目次】 STEP 1 STEP 2 STEP 3 STEP 4 STEP 5 sponsors STEP 1 Javascriptをダウンロード とりあえずjavascriptがなければ始まりません。 horizontinyscrolling.jsからとってきましょう。 そして埋め込みます。 <script src="http

  • How To: Resizeable Background Image | CSS-Tricks

    If you are looking for how to do FULL SCREEN BACKGROUND IMAGE, go here. My friend Richard recently came to me with a simple CSS question: Is there a way to make a background image resizeable? As in, fill the background of a web page edge-to-edge with an image, no matter the size of the browser window. Also, have it resize larger or smaller as the browser window changes. Also, make sure it retains

    How To: Resizeable Background Image | CSS-Tricks
  • Some Useful JavaScript & jQuery Snippets – Part 2 | Codrops

    Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = “cookietest=1; expires=” + dt.toGMTString(); var cookiesEnabled = document.cookie.indexOf(“cookietest=”) != -1; if(!cookiesEnabled){ //cookies are […] Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() +

    Some Useful JavaScript & jQuery Snippets – Part 2 | Codrops
  • Some Useful JavaScript & jQuery Snippets | Codrops

    How to refresh the src of an image with jQuery? $(imageobj).attr(‘src’, $(imageobj) .attr(‘src’) + ‘?’ + Math.random() ); How to see if an image is loaded or not with jquery […] How to refresh the src of an image with jQuery? $(imageobj).attr('src', $(imageobj) .attr('src') + '?' + Math.random() ); How to see if an image is loaded or not with jquery var imgsrc = 'img/image1.png'; $('<img/>').load(

    Some Useful JavaScript & jQuery Snippets | Codrops
  • 初めてのjQuery:セレクターAPIを一挙解説(前編) (1/6)

    jQueryの具体的な記述方法に入る前に、そもそもJavaScriptでは何ができるかということに少し触れておきましょう。 誤解を恐れずに言えば、JavaScriptは「(X)HTMLCSS(Cascading Style Sheets)を操作するためのプログラミング言語」です。Webサイトを作成するには、通常、(X)HTMLでコンテンツの構造や内容を、CSSで見た目であるレイアウトや装飾を記述します。これに対してJavaScriptは、ユーザーの操作などが発生したタイミングで(X)HTMLCSSを動的に変更することにより、Webサイトにインタラクティブな動きを与えます。 たとえば、第1回で紹介したアコーディオンパネルは、「dt要素がクリックされたらdd要素のheightプロパティを変更する」という処理によって、パネル部分が伸び縮みする動きを実現しています。 jQueryに限らず、Ja

    初めてのjQuery:セレクターAPIを一挙解説(前編) (1/6)
  • JQuery Cycle Plugin

    Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is

  • たった1行で再現する有名ECサイトのUIデザイン (1/5)

    インターネットでは買いにくいものだからこそ、サイトの使い勝手やデザインにしっかりこだわる――そうした取り組みで成功しているのが、「ファッション」分野のECサイトではないでしょうか。素材や色味、サイズや形など、実際に手にとって見て、確認してから買いたい。あるいは、店頭でのスタッフとのコミュニケーションも楽しみたい。リアル店舗にはあってECサイトにはないデメリットを解消するため、アパレル系のECサイトにはさまざまな工夫が見られます。 「JOURNAL STANDARD」などの若者向けアパレルブランドを展開するベイクルーズのECサイト「スタイルクルーズ」もその1つです。今回はこのスタイルクルーズが採用しているUI(ユーザーインターフェイス)を参考にさせてもらいましょう。 今回のお手サイト:『スタイルクルーズ』 「JOURNAL STANDARD」「IENA」などを展開するベイクルーズが2007

    たった1行で再現する有名ECサイトのUIデザイン (1/5)
  • 1