ドットインストール代表のライフハックブログ
jQuery plugin - Easy Image or Content Slider | Css Globe This is my first jQuery plugin. I wrote several jQuery scripts but never made a real plugin just because I was I afraid of it's complexity. コンテンツを滑らかにスライドさせるjQueryプラグイン。 各種デモが以下で閲覧できます。 Default non-styled image slider Non-styled vertical image slider Non-styled vertical content slider マークアップが次のようにシンプルに記述できる点も導入の敷居が低くていいかんじです。 <div id="slider
SREチームの長田です。 今回は、カヤックのメンバーが業務で使うために開発・公開しているOSSなプロダクトをまとめて紹介しようという企画です。 KAYAC organization以下にあるものだけでなく、在籍中のメンバーが作ったものもひっくるめて、実際に業務で使用しているものを中心に 紹介しています。 以下の3つのカテゴリに分けて記載しています。 各カテゴリ内はアルファベット順です。 ツール編 人間が手動で実行するもの アプリケーション編 どこかに常駐して、イベントを受け取ると動作するもの ライブラリ編 ツールやアプリケーションから参照されるもの 集めてみたらそこそこの量になったので、本記事では詳細な説明は省いています。 GitHubリポジトリのURLや関連記事のリンクを併記していますので、より詳しく知りたい場合はそちらを参照ください。 (...) 内はそのプロダクトで使用している主なプ
Pagecode Other demos Large Tree Demo Prerendered Large Tree Demo Async Tree Demo Simple Tree Demo, famfamfam theme (no lines) Sample 0 - navigation Item 1 Item 1.0 Item 1.0.0 Item 1.1 Item 1.2 Item 1.2.0 Item 1.2.0.0 Item 1.2.0.1 Item 1.2.0.2 Item 1.2.1 Item 1.2.1.0 Item 1.2.2 Item 1.2.2.0 Item 1.2.2.1 Item 1.2.2.2 Item 2 Item 2.0 Item 2.0.0 Item 2.0.0.0 Item 2.0.0.1 Item 2.1
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.
jQueryにたくさんのプラグインがありますが数が膨大なので探すのが結構手間。ウェブ制作にも即使えそうなjqueryのプラグインを抜粋してみました。 jQuery.jsのプラグイン抜粋 Accessible News Slider 見た目にも軽量そうなニュースのスライダーを作ってくれるjquery.jsのプラグイン。左右に記事がなければボタンが隠れるあたりの気の使いようがグーです。 slideViewer お手軽にFlashのようなピクチャーギャラリーを実装できるjquery.jsのプラグイン。Flashでもないのに動きにタメ・ツメがあって魅力的です。 jCarousel ネクスト・バックボタンの綺麗さにも気を使ったスムーススクロールのjquery.jsのプラグイン。ブログのサイドバーに設置とかできそう。 InnerFade with JQuery テキストや画像を綺麗な
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに!かつ操作性を向上!できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック(バリデーション)が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
まさに車輪の(以下略)なんですが、 jQuery使う事最近多い jquery_auto.js(リンク先なくなってる!)やyuga.jsを使うまでもない時もある という事でなんとなしに書こうと思った。 こうだったらいいなと思ったこと シンプル 拡張子の文字数にかかわらずに動く input type="image"でも動く コード /** * rollOver on jQuery * rollOver tag:img,input * rollOver class:Over * rollOver FileName:*_o.* * Last modify:20081210 * Licensed:MIT License * @author AkiraNISHIJIMA(https://nishiaki.probo.jp/wp/) */ function rollOver(){ var preLoad
CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (a lot.) What does it do? CrossSlide can do a few different things, depending on how it's called: Slid
jQuery is definitely my favourite Javascript Library and this ultimate jQuery Plugin List is for all other jQuery Lovers out there. At the moment there are about 240+ awesome Plugins in the List I’m sure that there are a lot of other plugins out there – so if you knew one that’s not in the list please post a comment and i will add it. Thanks! File upload Ajax File Upload jQUploader Multiple File U
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MopSlider オート・マニュアルに対応したコンテンツスライダー。 MopBox スライド機能付きの移動可能なボックスを表示。
当サイトでも使用しているページ内をスムーズにスクロールするスクリプトの紹介です。 スクリプトの概要 JSファイルのダウンロード ページの先頭へスムーズにスクロールさせる方法 ページ内の任意の場所にスムーズにスクロールさせる方法 メモ 更新履歴 横移動や別ページからスムーズにスクロールできる方法は、応用編です。 [JS]ページ内をスムーズにスクロールできるスクリプト(応用編) スクリプトの概要 ページの先頭や任意の要素に、スムーズにスクロールさせることができるスクリプトです。 動作環境 Win IE5, IE5.5, IE6, IE7, Firefox1.5, Firefox2, Opera8, Opera9, Safari3.01beta Mac Safari1.5, Safari2, Firefox1.5, Firefox2 使用条件 本スクリプトは、非商用利用に限りフリーで使用すること
リンク用途などにおいて画像のロールオーバーはかなり頻繁に利用されていますが、それを実現するとなるとコードが煩雑になってしまうことが多いようです。 例)Dreamweaverの場合 <a href="index.html" onMouseOver="MM_swapImage('sample','','sample_on.gif',1)" onMouseOut="MM_swapImgRestore()"> <img src="sample.gif" alt="サンプル" name="sample" id="sample" /> </a> "sample"という文字が何度も出てきてしまっているため、画像名が変わったらこれらすべて変更する必要があります。 これを、シンプルに実現できるようにしてみましょう。 今回もjquery.jsを利用してみます。 function initRollOverIma
yuga.jsって? ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
jquery.toggleElements.js - Toggle HTML-Elements with jQuerytoggleElements is designed to hide informations on your site and show it only when the user requests more information. Features unobtrusive script, simple to setup full customizeable via CSS only a class and a title-attribute must be added to your original HTML nesting toggleElements is possible This page uses jQuery Version Version
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く