軽量のイメージスライダー実装jQueryプラグイン「Orbit」:phpspot開発日誌
ZURB ? Interaction Design and Design Strategy 軽量のイメージスライダー実装jQueryプラグイン「Orbit」。 わずか2.8KBというサイズでクールな動作をするイメージスライダーの実装が可能です。 実装方法は必要なJS, CSSを読み込んだ後に、<div>の中に<img>タグを並べるだけです。title、altタグにキャプションを設定しておけば下に表示されます。 実装が超簡単かつ軽量ということでいい感じです。 関連エントリ Flickr風のイメージスライダーを作ってみよう JavaScript製の画像スライダー・ギャラリーいろいろ クールに動作するスライダーを実現するJSライブラリ「Start/Stop Slider」
KOMPOSITION (コンポジション)：東京・渋谷でアートやスポーツのイベントを企画、若者の夢を支援するNPO
住まいを探す 今住んでいる家の家賃が支払えない、今住んでいる家を急遽引っ越さなくてはいけなくなった、住まいを借りづらい、保証人がいない、保証会社の審査に通らないなど、住まいでお困りの方及び支援者の方、ご相談ください。 現在、千葉県松戸市（松戸駅前地区）にて居住支援を行っています。
[JS]よく使う機能だけに絞り込んだ、シンプルなカルーセルのスクリプト -bxCarousel
画像をはじめさまざまなHTML要素をスライド表示させるカルーセルのスクリプトを紹介します。 下記のデモでは、Example One（表示数4、移動数2、手動操作）、Example Two（表示数3、移動数1、自動操作）となっています。
Nihilogic
Saturday, September 20, 2008 9 comments Mandelbrot in less than 128 bytes of DHTML Labels: javascript A while ago, Mathieu "p01" Henri rendered the initial Mandelbrot set in 137 bytes of JavaScript and HTML, getting it down to 133 bytes with a few tweaks but still a few bytes short of his 128 byte goal. Since fractals are groovy, I decided to make my own, trying to get it below that magic number.
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧［ABC順］ リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。 特集記事 レンタルサーバーの選び方 ～ 選ぶ際のポイントや価格帯の目安を解説 レンタルサーバーの容量はどのくらい必要か ～ 計算方法と目安を解説 おすすめのレンタルサーバー ～ 目的別に推奨サーバーを紹介 記事一覧
JavaScript初級者から中級者になろう
JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。 現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。 初級者の基礎知識 本文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。 基礎第一回 基礎第二回 基礎第三回 基礎第四回 基礎第五回 基礎第六回 第一章 オブジェクト オブジェクトとは オブジェクトの実体 配列のコピー オブジェクトと関数 第二章 DOMの基礎 HTMLと木構造 DOMとは 基本的な操作とテキストノード 木構造の操作：ノードの除去 木構造の操作：ノードの追加 木構造の操作：さまざまな機能 木構造の操作
onehackoranother.com | Default Web Site Page
SORRY! If you are the owner of this website, please contact your hosting provider: webmaster@onehackoranother.com It is possible you have reached this page because: The IP address for this domain may have changed recently. Check your DNS settings to verify that the domain is set up correctly. It may take 8-24 hours for DNS changes to propagate. It may be possible to restore access to this site by
jsdo.itで遊ぼう！ - os0x.blog
既にご存知の方も多いと思いますが、1週間ほど前にKAYACさんの新サービスjsdo.itがリリースされています。 jsdo.itはHTML, CSS, JavaScriptを編集してその場で実行、共有するプログラマ向けコミュニティサイトです。wonderflをご存知の方はそのJavaScript版の一言で十分でしょう。 単にコードを書いて公開するだけでなく、その場で実行したり、favorite に登録したり、forkしたり、コメントを書いたりと、ソーシャルな要素が強いところがポイントです。 とりわけforkが特徴で、公開されているコードをベースにして改良を加えてみたり、パラメータを変えてどうなるのか実験してみたり、といったことが簡単にできます。また、わからないところがあればquestionタグを付けてどこがわからないのか書いておけば、誰かが回答付きでforkしてくれるかもしれません。que
これまでに使った20のjQueryプラグイン :: 5509
delicious(nori_17/tagged:jquery)から実際に使ったものをメモ。 順番はたぶん登録が古い順なはず。たまに自作がまじってます。自作のは5509って振ってます。 deliciousからのみ抜き出したので使ったけど入ってないのがたくさんありそう。20なはずがない… Galleria http://devkick.com/lab/galleria/ 画像ギャラリープラグイン。これはきれいですよね。でもちょっと重い。 FancyBox 確か商用でも使えるhighslideみたいなのを探してた気がする。 tablesorter http://tablesorter.com/docs/ シンプルにデータ並び替え。管理画面には欠かせないですね。 prettyPhoto 角丸がかわいいLightboxクローン。 AjaxZip2 http://www.kawa.net/works
大きな絵がアニメーションする絵本作家さんのサイト – creamu
写真や絵をテーマにしたサイトを作りたい。 そんなときに参考になるのが、『絵本作家 谷口智則さんのWEBサイト』。大きな絵がアニメーションするサイトです。 最近よく紹介していますが、ブラウザサイズいっぱいに背景画像を敷いてアニメーションしています。supersized.jsが使われていますね。 メニューにマウスオーバーするとフェードしますが、fade.jsの中のシンプルなJavaScriptで制御されています。 中ページは余白が大きく取ってあって、すっきりした美しいデザインになっています。画像のポップアップにはfancyboxが使われていたり、JavaScriptが効果的に使われていますね。 すっきりとしたデザインが好きな方は、一度見てみてください。 絵本作家 谷口智則さんのWEBサイト 三宿でまったり中。仕事を落ち着かせて引越しの作業をがんばるぞ。
jQueryを使ったフルスクリーンのスライドショー『supersized』 – creamu
supersizedというjQueryを使ったフルスクリーンのスライドショーを見つけました。 特徴は以下の3つですね。 ・画像の縦横比を維持しながらブラウザに合うように画像をリサイズする ・フェードイン&アウトしながら画像を切り替える ・ナビゲーションで「一時停止・再生・戻る・進む」をコントロールできる こんな感じです。 オプションも数値でいろいろと設定できますね。 とてもかっこいいのでぜひ見てみてください。 » supersized 気持ちいい週末ですね〜。まったりだな。
[JS]jQuery初心者もOK、サイトにアニメーション効果を取り入れるチュートリアル
jQueryを使用して、サイトにフェードやスライド、表示・非表示、タイマーなどのアニメーション効果を取り入れるチュートリアルを紹介します。 Super-Easy Animated Effects with jQuery チュートリアルは英語ですが、使用する関数、ソース（HTMLとJavaScript）が必要最小限でまとめられており、デモページ（シンプルすぎかも）もあるため、英語が苦手な人でも大丈夫だと思います。 下記に、チュートリアルをいくつかご紹介。 アニメーションでフェードイン・フェードアウト <textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascr
AIR_J：日本全国のアーティスト・イン・レジデンス総合サイト
街中レトロビルでAIR～アーティスト・クリエイター×地域活性化プロジェクト～ 当社のレトロビル『江郷ビル』を格安で提供することにより、アーティスト・クリエイターの支援と地域活性化を目的とした募集企画となっております。 トビチ美術館2025 空き家の彼は誰時（かわたれどき）展 アーティスト・事務局インターン募集 10年かけて「暮らしの中にアートが日常にある豊かな未来をつくる」。そんな想いで日本のど真ん中、長野県上伊那郡辰野町のトビチ商店街 空き家・空き店をギャラリー会場として2021年から始まった、トビチ美術館。今年は5年目。「空き家の幸」と呼んでいる、空き家や空き店舗から出た古材・廃材を使ってアップサイクルアート作品を、滞在しながら製作いただきます。招待アーティスト、ローカルアーティスト、アルバイトアーティスト、事務局インターン、いろんな滞在方法で辰野町にきている人たちと偶然出会い生まれ
Grandpeople
Grandpeople - Design / Art direction / Shapes and Colours since 2005.
ジニックデザイン - Zin’ic／design
ジニックデザイン Zin’ic／design 商業施設等 設計・デザイン・監修、店舗設計、店舗デザイン、インテリアデザイン、グラフィックデザイン 事業内容 商業施設等 設計・デザイン・監修 インテリアデザイン グラフィックデザイン 会社情報 ジニックデザイン 鶴 賢治 （Tsuru Kenzi） 1968年生まれ ＯCT 大阪工業技術専門学校卒 某商業店舗設計施工会社に10年勤務 横垣内 佳幸 （Yokogaichi Yoshiyuki） 1974年生まれ 神戸芸術工科大学卒業 某商業店舗設計施工会社に7年勤務 設立 設計施工会社で出会い、大阪を中心に 飲食店など数店舗を共同で設計。 退社後 2000年4月にジニックデザインを設立。 〒541-0048 大阪市中央区瓦町4-3-4市川ビル6F 会社案内 時代の流れに伴い消費者の意識・動向はその速度を増しています。その流れについて行き、流れに
ImgHover [jGlycy]
semooh作。 ImgHoverは、画像にマウスが乗った際の切り替え動作を実装します。 単純な画像の切り替えに加え、フェード効果を付けることも可能です。 imghover-1.1rc jQuery Plugin imgタグに jg="imghover" を記述することで、画像の切り替えが行われます。 <img src="/jglycy/img/muuu_01.gif" width="200" height="200" jg="imghover" /> 切り替わる画像のデフォルト設定は、末尾に”_o”がついたファイルです。 上記の例であれば、muuu_01.gifはマウスが乗った際にmuuu_01_o.gifと切り替えられます。 こういったsafixやprefix、あるいは切り替える画像を直接指定するようなことは、全てオプションで可能です。
[JS]使い方も簡単、画像をフェードで切り替える超軽量スクリプト -hoverFade
既存のページに導入するのも簡単な画像をフェードで切り替えるスクリプトをDan Wellmanから紹介します。 フッタのアイコン 実装方法 フェードで切り替える画像のエレメントに対して、hover時に画像が切り替わるように設定します。その際に使用するクラス名は「hover-css」が初期設定です（変更可能）。 これはもしJavaScriptがオフの環境でも、ホバーがCSSで行われるようにするためです。 次にスクリプト用のクラスを用意します。初期設定は「hover-anims」で、「hover-css」と同様に画像が切り替わるように設定します。 これはスクリプトで利用するクラスで、その際にCSSのクラスは削除されます。 jquery.jsとhoverfade.jsを外部ファイルとして配置します。記述位置の理想はHTMLの終わりです。 HTMLにさきほどのCSS用のクラスを記述します。 また、初
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dualSlider
http://www.creativecontrol.tv/www/
[JS]ダイナミックにウェブサイトをナビゲートするスクリプト -jQuery Panel Magic