マックな方にはおなじみのドックメニューをCSSとJQueryで実現するテクニックが紹介されていました。 ↑ 無駄にGIFアニメを作成してみたw。こんな感じです。 画像やリンク先を変えればナビゲーションに使えますね。実装も簡単です。 コードは以下のサイトからダウンロードできますよ。 » CSS Dock Menu One Comment Pingback: なんちゃってGoogleXのサイトを更新しました | Blog.IKUBON.com Comments are closed.
javascriptライブラリーjQuery: The Write Less, Do More, JavaScript Libraryの数あるプラグインの中からサイト構築に役立つものをまとめてみました。 いろんなライブラリーやフレームワークが紹介されています。使うのであれば、coreの部分はひとつに絞ったほうがいいかと思っています。今回紹介するものは、基本的にMovableTypeで使えそうなものをクリップ。ただし、フォームとサーチなどのプラグイン情報に関しては今回のポストにはありません。 紹介する各プラグインの機能や設置などの参考ベースはYahoo!です。ajax機能を導入してからページビューが劇的にアップしたとのこと。ページビューの高いサイトを参考に習って似たようなものを実装するのがリスクがないかと思って以下のプラグインを紹介します。
history plugin This plugin helps you make your Ajax-driven page available for "Go Back" button and "bookmark" of browser. ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」。 「Ajaxなページで「戻るボタン」を機能させる方法」で紹介したその方法がjQueryのプラグインとしてライブラリ化されました。 動作確認は、デモ画面の、load1, load2, load3 リンクを押していき、ブラウザの戻るボタンで確認することが可能です。 「Ajaxなページで「戻るボタン」を機能させる方法」で解説したとおり、iframe を使ったりしているようです。 こういった機能はライブラリ化されていると便利、というかAjaxフレームワークには最初からついて
Live nude webcam chat IntroductionLive nude webcam chat has become increasingly popular as a form of online entertainment and communication. This unique platform allows individuals to connect with models in real-time, engaging in intimate experiences through video chat. With the advancements in technology and the widespread availability of high-speed internet connections, live nude webcam chat has
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風U
jQuery 1.1がリリースされた. 大幅な高速化がされて,APIもだいぶシンプルになった模様. 高速化に関しては,速度比較で実験できるようになっていて,特にIEで速くなっている感じ. 実際に自分のサイトに導入したところ,体感でもわかるレベルで高速化された・・・スバラシイ. APIは変更が大きく1.0と互換性がないものの,互換プラグインを入れれば大丈夫みたい. ただ,セレクタの動作が多少変わっているようで,一部動かないコードがあった. (a[@href=''] で絞るときに,hrefの中身が,HTML表記上のURLから,FQDN付のURLに変更されていた. [@href$=''] にして回避できた.) プラグインの対応も,Interfaceくらいしかまだ1.1対応していないようなので,もう少し環境が整うまでに時間がかかるかも. 開発メモもとりあえず注意書きだけ付けたけど,直さねば・・・
As previously announced, today we’re bringing you the alpha release of jQuery 1.1. We’d really appreciate it if you could help us test this alpha, so that we can have a stand-up release this weekend – just in time for jQuery’s 1 Year Anniversary! (January 14th) This is going to be a fantastic release. In fact, this release is so good that we’re going to be taking this entire week to tell you about
jQuery » SuckerFish Style Purpose Replicate Suckerfish Menus. Original Code $(document).ready(function(){ $("#nav-one li").hover( function(){ $("ul", this).fadeIn("fast"); }, function() { } ); if (document.all) { $("#nav-one li").hoverClass ("sfHover"); } }); $.fn.hoverClass = function(c) { return this.each(function(){ $(this).hover( function() { $(this).addClass(c); }, function() { $(this).rem
May 13th, 2006 Category: JavaScript, Web Development, jQuery Here is a jQuery plugin that lets you create JavaScript tabs very easily - once you assembled the HTML with just one line of JavaScript code. Starting with HTML the plugin relies on the following structure: <div id="container"> <ul> <li><a href="#section-1">Section 1</a></li> <li><a href="#section-2">Section 2</a></li> <li><a href="#sec
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
昨日、管理人たにぐちが仕事で、Lightbox.jsを利用しようとしたのですが、残念ながら動作しませんでした。調べた結果、jQueryを使っていると、Lightbox.jsが依存している Prototypeとぶつかってしまって、動作しないようです。残念。そこで、探してみるとありました、jQueryでも使えるLightbox(もどき)。 ThickBoxと言うこのスクリプトは、見た目はLightboxに比べて簡素。閉じるボタンなどに画像は使われておらず、「close」というテキストリンクのみ。表示にもこれといったエフェクトはありません。それ故、非常にファイルサイズも軽く必要なファイルも、Javascriptファイル一つと、後は CSSと画像(ローディングアニメに利用)が1つずつと言うシンプル設計。それぞれ取り込んだら、次のようにリンクタグを変更します。<a href="images/sing
jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日本語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ
コメント( 0 ) | トラックバック( 0 ) jQueryのインストールは非常に簡単で、ダウンロードした JavaScriptを好きな場所に配置するだけです。<script type="text/javascript" src="latest.js">それでは、非常に簡単なプログラムを作ってみましょう。 headタグの内部に次のように入力します。$(document).ready(function() { alert('ウィンドウの読み込みが完了しました'); });このファイルを保存して、Webブラウザで表示すると、ドキュメントが読み込み終わった時点でメッセージが表示されます。 このプログラム、JavaScriptだけでも例えばwindow.onload = function() { alert('ロードが完了しました'); }といったプログラムで同じような動きを実現できます。しかし
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての<p>ノードの中身を”Hel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く