サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト「SpriteMenu」を紹介します。 SpriteMenu demo SpriteMenu デモでは、イージングを使用したスライドとフェードのアニメーションが紹介されています。 使用している画像はどちらも同じで、下記のようになっています。 CSSスプライト用の画像(クリックで拡大) ナビゲーションはリスト要素で実装されており、スクリプトのオプションではナビゲーションのサイズ、アニメーションのエフェクト、スピード、イージングなどを変更できます。 SpriteMenuはjQueryのプラグインのため、実装にはjquery.jsが必要です。
Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key -- and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully. According t
Nowadays, it might be accurate to say that screen real estate is worth more than actual real estate. As web developers, we spend precious time laying out our pages, using every UI concept in the book to conserve space, while trying to maintain a user's focus on the task at hand. There are many techniques to use — Lightbox, Carousel and Tabs to name a few — and today I hope to offer up another: jQu
Welcome and thanks for visiting! This is the official home page for the jTruncate plugin for jQuery. In a nutshell, jTruncate provides simple yet customizable truncation for text entities in your web page. Download The latest version of jTruncate can be found at the following links: Uncompressed source for jTruncate (1.71KB) Packed version of jTruncate (only 952 bytes!) Instructions/Examples For u
もうかなり前になってしまうのですが、OSCにて自分が発表した内容をまだブログに書いておりませんでした。発表しておいてなんですが…この内容はないなーと、反省。。。ですが、ブログ用に編集してまとめてみました。 ようやくまとめる時間が取れてよかった。。。 いろいろな意味でいまさらなのかもしれないですが、タイトルも変更して、あらためてまとめます。 最初はクロスブラウザとかの面でだけ考慮して書いていたので、ところどころそんな文章もありますが、基本的にコーディング時・制作時のポイントとか抑えておくべき基礎的なポイントです。 現在使われている主なブラウザ まず、クロスブラウザに対応とか言う前に、どんなブラウザがあるか再確認。 ■主なブラウザとバージョン ・Internet Explorer(IE) 5.5~8 ・Firefox2~3.5 ・Opera9.6~10 ・Safari3,4 ・Google C
先日、同じ業界で働こうとしている友人に、 Q&A部分をクリックで開閉できるようにしたい。 と言われたので、作ろうとしたけどなんだかうまくいかなかった。 classとかidとかで名前を付けなくても、 動作するような開閉プログラムができないかなってことで数日悩んでみた。 悩んだ結果、うまく動作するのができたので紹介しておく。 これができるまで クリックしたら、そのクリックした部分に関連するところを開く様にしたい。 最初はclassとか振り分けて作っていたけど、 それだと開閉部分を増やしたときにもclassとかidを指定しないといけないので面倒。 じゃあクリックする部分と開く部分を配列で格納して、 該当する部分を同時に出力するようにしてみようかと思ったけど、 それもうまいこと行かず失敗。何よりプログラムが面倒になる。 そんなことをしなくてもクリックした部分のindexをとって、 クリックした箇所
またまた、とあるサイトでステキなプラグインを見かけてしまった(moreタグの「続きを読む」の下に下がる時の動きが・・・うにょ~~んって感じで下がるやつ)・・・またまた、それが何なのか探しまくって何とか発見!!・・・実は、自分もすでに使っていたプラグイン(Content with show/hide javascript for "more")のカスタマイズ品でした・・・σ(^◇^;)ヒヤアセ 早速、自分もまねてやってみると・・・!!o(^^o)(o^^)o おおおぉ!! 最近そんなことばかりで気が付けばプラグインがいっぱい・・・そのうち、何が入っているか書いてみよう・・・・ ・・・その後事件はおきました、(T^T) ふと画像を表示させて見ると・・・・( ̄□ ̄;)!! lightbox が(「jQuery」シリーズ全て)!!・・・動作不能になってるではありませんか~~!!! 。・゚゚・(×_
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く