タグ

jQueryに関するmelan_xxxのブックマーク (11)

  • jQueryコーディングの基本的なことからプラグイン化までの注意書き(Webデザイン)

    jQuery でのプログラミングの、基的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前:CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery

  • jQueryを使った何でもブルブル震えるプラグイン。

    今回はjQueryを使ったユニークなプラグインを紹介します。任意の要素を何でもぶるぶる震わせちゃうちょっとネタみたいなスクリプトなんですけど、設置も簡単なのでエディットライフでも試してみました。フッターのIEがゴミ箱に入ってるアレなアイコンをポインタするとまるで生きているかのように(オイオイ)バイブします。つかウザっ!! 面白いのでぜひお試しあれ。 使い方は簡単でjQueryとプラグインに動作を調整させるスクリプト、そしてバイブさせる要素をIDで指定する。これだけです。非常にシンプルなのがいいです。でもアイデア次第で面白い使い方ができそう。コリスでは「続きを読む」に触れた瞬間ぶるぶる震えだすので一瞬の驚きが楽しい。大胆だなあ。 今回は指定した要素がブルブルとバイブするユニークなjQueryプラグインの紹介。設置後はIDを指定してdivなどで挟むだけでかんたんに震わせることができます。 マウ

    jQueryを使った何でもブルブル震えるプラグイン。
    melan_xxx
    melan_xxx 2012/10/17
    ブルブル震える 四角かわいい!
  • 4166金沙手机官网-(济南)有限公司

    4166金沙手机官网是包含了新葡京、威尼斯人、金沙、BBIN电子、MG真人视讯、BET365等多个官方平台,游戏、体育、娱乐的第一首选,点击进入最新的娱乐备用网址:www.701net,www.4155com,www.js06com,www.8029com,4166金沙手机官网每天向广大玩家不定时的提供各种娱乐资讯,4166金沙手机官网最受广大玩家欢迎的菠菜平台之一我么一直以来都遵守信誉第一。

    melan_xxx
    melan_xxx 2012/10/16
    メニューデザイン
  • 透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた

    以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記(09/07/24) 若干修正し、2.1にバージョンアップしました。 (今までのでも問題なく動作します。) ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ

    透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
  • jobyj.in

    This domain may be for sale!

    melan_xxx
    melan_xxx 2012/03/07
    rolloverデザイン シンプルでお洒落! 是非使いたいですな(*´ω`*)
  • TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」

    TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 1.サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 2.プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 3.プラグインのダウンロード githubのjQue

    TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」
  • イモムシでjQuery入門 | 第1回デザイナーがイモムシで覚えるjQuery

    こんにちは。kamecoです。 androidアプリをhtmlベースで作ったりしています。 それができるのも、jQueryの力でjavascriptをちょっと書けるようになったから。 ということで、jQueryを覚えよう! 電卓で入門とか色々考えたのですが、 私が覚えた方法で。。 myベストイモムシを作ろう!!!! とりあえずあなたのイモムシも用意しよう。 ダウンロード とりあえず名前を付けると愛着がわきます。 うちの子は「クロスケ」です。 ↑クロスケ。かわゆす。 練習で書いてた時から書き換えてないので、挙動がおかしいのは見逃してください。。 つまめます。動きます。顔変わります。などなど。 クロスケのjsもブログを書きながら新調してあげようと思います。 イモムシのhtml解説 これから使うhtmlですので構成や呼び出しているものを一応確認しておきます。 cssやh

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • jQuery初心者(凡人)が1か月でjQueryを書けるようになった4つのポイント : 読書メモ・感想とWebマーケティング雑感

    2011年12月02日06:30 jQuery初心者(凡人)が1か月でjQueryを書けるようになった4つのポイント カテゴリWEB書評読書メモ mixiチェック シェア Tweet 独学でjQueryをはじめて、1か月そこそこで ベーシックなアニメーションを実装できるようになりました。 私なりにポイントだと思ったことを整理したいと思います。 ポイント1 jQuery初心者用のを買う 数か月前からjQueryを学びたい、学びたいと思い、はてぶのホッテントリに入る jQueryの記事を、ブックマークしては都度読んでいました。 しかし、一向に進歩が見られません。 いい加減、でも買ってみるかと思った最中 ひょんなことで出会ったこのにより、jQuery学習のスピードが一気に上がりました。 Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)西畑 一馬アスキ

    melan_xxx
    melan_xxx 2011/12/05
    練習方法
  • 並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

    Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」

    melan_xxx
    melan_xxx 2011/09/06
    画像を素敵に敷き詰めてくれるらしい また確認
  • ThickBox 3.1

    ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C

    melan_xxx
    melan_xxx 2011/08/11
    めもめも
  • 1