[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax
Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方 「Demo 3」を例に、実装方法を簡単に紹介します。 外部ファイル 「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jarallax-0.2.3b.js"></script> HTML HTML自体は通常通りに実装し、アニメーションのエフェクトを適用するエレメントには参照できるようid, classなどを付けます。 <h1 class="logo">Jarallax</h1> <div class="container" id="slide1"> <h2>見出し：slide
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
Googleロゴで危険な冒険をして遊ぼう - はぁはぁブログ
Web系今日のGoogleロゴは遊べていいですね。 こいつ‥‥動くぞ！！！というわけで 右の十字レバーを動かすと海の中を潜って冒険できます。Google 海を潜った下のほうではおっきいサメがキバをむいていたり調査隊がいたり。 なんだかわくわくしちゃいますね。HTML＋CSS＋JavaScriptiPhoneやMacBook Proの本体をかたむけるとすごい！ フルブラウザならAndroidでもいけるみたいです。 FLASHではなくHTML＋CSS＋JavaScriptで！ っていうところがいいですね。 以下で検証しましたがIE6でもきちんと。【Windows XP】 Internet Explorer 6.0〜8.0 Firefox 3.6.8 Safari 5.0 Chrome 5.0 【Mac OS X】 Firefox 3.6.8 Safari 5.0 Chrome 5.0 Oper
Paul Giacherio - User Interface Developer
responsive design · shopify · jekyll · graphic design · content development OESH Shoes is a women's shoe company founded by a Harvard doctor. Together, we uncovered the best narratives for the brand, including the tag line— Healthy by Design. I designed and built an all new website and shopify store which rely heavily on product photography and clear, concise messaging. Healthy by design OESH are
5分で分かる JavaScript を知らない人が JavaScript の便利さを学べる記事を書いたよ - ginpeiのブログ
JavaScript を知らない人に JavaScript の話して欲しいと言われる夢を見たのでブログ書きました。*1 難しい話は抜きにして JavaScript は <script> と </script> で囲えば動きます。*2 HTML をコードレベルで編集できるサービスなら、設定は一切不要です。 <script> JavaScriptのコード </script> 拡張子にも制限はありません。最終的にHTML文書として出力されるのであれば、htmlでもphpでもcgiでも構いません。なおフレームの代わりにPHPを使うという為になる記事があるのですが、ここでは関係ないので読むのは後ででよいです。 ついでに JavaScript を少しでも使えるようになれば、こんなことができるという一例を紹介します。 コピーライトの西暦を自動更新 JavaScript を使えばページフッタの西暦も自動更
prototype.jsと同時に使うには - jQuery 日本語リファレンス
日本でも人気の高いprototype.jsのようなライブラリを、既に用いてサイト構築をしている人も多いかと思います。 しかし、新たにjQueryも試してみたい。あるいはjQueryで作られたライブラリを導入してみたい...というような場合、最も問題になるのは「$」関数の扱いです。 prototype.jsにおいて、$は"document.getElementById"に代わるもので、非常によく使われます。 一方でjQueryでは核であるjQueryオブジェクトのことで、これを使わずにjQueryのコードを書くことは、ほぼ無いでしょう。 これらを共存させるには、jQueryの"noConflict"を使います。 全ての箇所で$をprototype.jsの動作をさせる場合 次のように記述します。 <script src="prototype.js"></script> <script src
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
cubdesign » jQueryで作るFlashみたいにフェードインフェードアウトするバナー
Flashみたいに、何枚かの写真をランダムにフェードインフェードアウトしながら表示するバナーを作ってみた。 一応、jQueryのプラグイン形式で（プラグインの作り方はてきとう！）。 画像パスと、リンク先URLをリストでプラグインに渡せば、リストをシャッフルして（最初の1回だけ）順に表示する。５秒置き（初期値）にフェードインフェードアウトしながらパラパラと画像が変わる。 これでiPhoneでもバナーがクリックできる！ サンプル 一応プラグイン形式のソース /** * jQuery Shuffle Bannar plugin * Copyright (C) cubdesign | http://www.cubdesign.com/ * Dual licensed under the MIT <http://www.opensource.org/licenses/mit-license.php
イヌでもわかるJavaScript講座
このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ？と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、本講座のサンプルを使ってＨＴＭＬファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
www.joomler.net is Expired or Suspended.
macaroniworks.net
http://solidstate.jp/ImageDisplay/gallery/script_151.html
サービス終了のお知らせ
病院ウェブリク | 採用成功報酬型ホームページ
Aext.net
http://moto-mono.net/2010/04/30/whatinout.html