タグ

JavaScriptとjqueryに関するtiadeen2のブックマーク (90)

  • [JS]自動再生にも対応しているニュースパネルのスクリプト -Easy News

    Easy Newsは、限られたスペースに複数のニュースなどのパネルをスライド形式に表示できるスクリプトです。 Easy News デモページ: One News デモページ: Multiple News デモページ: Easy News Plus パネルのスライドは自動再生と手動再生に対応しており、パネルの切り替え時にはフェードやスライドなどのエフェクトが使用できます。 Easy Newsは、jQueryのプラグインで、デモではjquery.js 1.2.1を使用しています。

  • OreScript時代の幕開け - yukobaの日記

    先日、MozillaでECMAScript(JavaScript)の仕様を作っているJohn Resigさんが来日しました。 その際、1時間ほどのQ&Aの司会と、ライトニングトークでの発表を私させていたただきました。 その際、基調講演をしてくださった、etoさん(http://eto.com/d/PresenForJohnResig.html)のコメント。 こないだのJohn Resigによる講演の後に一緒に飲んだんですけど, その席で聞いた話がすんごく面白かったな. いろいろ面白かったんだけど,特にjquery2が面白かった. http://ejohn.org/apps/jquery2/ このURLなんですけど,コードはこんな感じ. <script src="http://jquery.com/src/latest/"></script> <script src="parse.js"><

    OreScript時代の幕開け - yukobaの日記
  • [JS]画像を使用しないでグラデーションを表現するスクリプト -gradient

    gradientは、画像を使用しないでブロック要素やインライン要素にグラデーションの背景を表示するスクリプトです。 gradient デモページ gradientはjQueryのプラグインで、動作にはjquery.jsとdimensions.jsが必要です。 キャプチャ画像は、gif画像のためモアレがでてグラデーションが汚いですが、実際はきれいなグラデーションで表示されます。 サンプル グラデーションは、始点と終点の色、水平・垂直方向、グラデーションのポジション・開始位置などの指定ができます。

  • 【レポート】いまなぜProtoscriptか? 開発者が明かす、作成動機とその利点 (1) JSONを採用 - 直感的に操作できる、それがProtoscript | エンタープライズ | マイコミジャーナル

    既報のとおり、Ajax Webアプリケーションを開発するためのスクリプティングとして「Protoscript」が発表されたわけだが、同プロダクトの発案者であり開発者であるYahoo! Ajax Evangelist, Bill Scott氏は、「Why Protoscript?」というタイトルのもと、Protoscriptの開発経緯やその利点を紹介している。Protoscriptがどういった目的で開発されたのか、既存のフレームワークと比較してどのような特徴/利点があるのか。同ドキュメントはこれらの点についてよくまとめられており、興味深いので紹介しよう。 プロトタイプ開発をより簡単にすることが目的 同ドキュメントでは、Protoscriptの開発動機について、「プロトタイプ開発は技術に精通していないユーザには難しすぎるため、それを現在主流のアプローチとは別のアプローチでより簡単に実現できるよ

    tiadeen2
    tiadeen2 2007/09/13
    アーキテクチャが確立されてくると、次はスクリプト言語化。ということかな
  • jQueryを使ってTwitterをおいしくマッシュアップ (1/4) ─ @IT

    記事は2007年に執筆されたものです。jQueryやAjax全般の最新情報は「リッチクライアント & 帳票フォーラム」総合目次のカテゴリ「実践Ajax」や「Ajax技術解説」をご参照ください。 Ajaxおいしいレシピを紹介する前に そもそも、Ajaxのこと分かってますか? 2005年の始めにAjaxという言葉が知られるようになってから、Ajaxは急速に技術の進化を遂げ普及してきました。読者の皆さんの中にもAjaxの開発を実際に経験した方が増えているのではないでしょうか?

    jQueryを使ってTwitterをおいしくマッシュアップ (1/4) ─ @IT
    tiadeen2
    tiadeen2 2007/08/30
    jQueryとMVCフレームワークで可読性のある組み方をする方法
  • jQuery: jqShuffle | The Book and the Cover

    Overview The jQuery jqShuffle Plugin allows you to take a list/group of photos/paragraphs and shuffle through them. When set, it provides a flash-like photo gallery effect. The plugin is still in development as far as extras go. Base functionality will take your list and produce a shuffle effect similiar to the way you would shuffle a stack of photos, taking the top most photo, moving it to the le

    tiadeen2
    tiadeen2 2007/08/16
    複数の画像をシャッフルするように見せる。Flashみたいで楽しいと思ったけど、一覧性が無いのがあれげ。。大きい画像にすると重そうだし・・う~む。
  • iandeth. - jQuery JSONP plugin

    iandeth. Perl, Flash ActionScript, MySQL, Movable Type, システム開発 - そんなテーマのサイトdeth. 最近遅ればせながらjQueryを使い始めてみているのですが、jQueryは標準ではクロスドメインのJSONPリクエストに対応していないようでした。AJAX系APIの中には $.getScript() のようにレスポンスをjavascriptソースとして実行するものもありますが、あくまで同一ドメイン内通信に限定されているので、「JSONP対応のWebサービスからデータを直接取得」のような用途には使えません。 じゃあ、ということで随分前 (2006-01-25) にMichael Geary氏がJSONP用のjQueryプラグインをさくっと作って公開してくれています: JSON for jQuery - mt.to これでとりあえずは

    tiadeen2
    tiadeen2 2007/08/16
    jqueryでJSONPリクエストに対応したプラグインをより良く改変したもの
  • The jQuery Plugin Registry

    This site is a static archive of the old jQuery Plugin Registry. New plugin releases will not be processed. The jQuery Plugin Registry is preserved for historical purposes. Search is still supported. We do not recommend using any versions of plugins from this registry. Please find jQuery plugins on npm.

    tiadeen2
    tiadeen2 2007/08/16
    要素のInner/Outerの幅/高さが取れたり、ScrollOffsetが取れたり、要素の中に含まれる要素についてもtop/leftが取れる
  • jquery.jsの使えそうなプラグイン ウェブハッカー

    jQueryにたくさんのプラグインがありますが数が膨大なので探すのが結構手間。ウェブ制作にも即使えそうなjqueryのプラグインを抜粋してみました。 jQuery.jsのプラグイン抜粋 Accessible News Slider 見た目にも軽量そうなニュースのスライダーを作ってくれるjquery.jsのプラグイン。左右に記事がなければボタンが隠れるあたりの気の使いようがグーです。 slideViewer お手軽にFlashのようなピクチャーギャラリーを実装できるjquery.jsのプラグイン。Flashでもないのに動きにタメ・ツメがあって魅力的です。 jCarousel ネクスト・バックボタンの綺麗さにも気を使ったスムーススクロールのjquery.jsのプラグイン。ブログのサイドバーに設置とかできそう。 InnerFade with JQuery テキストや画像を綺麗な

    tiadeen2
    tiadeen2 2007/08/08
    ぷらぐいーん
  • jQueryでブロック要素の高さを揃えてみる - 徒書

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば