JavaScript / CSS 編 - イメージボタンを使ってクリック感を表現する - futomi's CGI Cafe
このように input タグを使って、好みのイメージボタンを代用することができますが、ちょっと物足りないと思いませんか？実は、ボタンを押しても、押したというクリック感を表現できていないからなんです。前述のフォームボタンはそっけないボタンではありながらも、ボタンをマウスでクリックすると、ボタンが凹んだ感じになりますよね。イメージボタンでも、このような演出ができれば、利用者も安心するものです。このような演出をするかしないかは、好みの問題だと思われる方もいらっしゃるでしょう。フォームボタンを押してからすぐにサーバからレスポンスが来るのであれば、このような演出をしなくても、利用者は特に違和感を感じません。しかし、サーバのレスポンスが遅い場合には、クリックしたという感覚が無いと、不安になり何度もボタンを押してみるものです。この演出は、無いよりはあったほうが良いのです。 ここでは、イメージボタンでクリ
Javascriptで作られたiPhone風インターフェース | POP*POP
さてもうすぐ登場のiPhoneですが、一足先にそのインターフェースをJavascriptで実現してしまった人がいるようです。 画面遷移もそれっぽくてかっこいいですよ。 ↑ diggの人気記事を読むことができます。 なお、ソースコードもダウンロードできますので興味のある方はご自身のサイトに設置したり、勉強したりしてみてはいかがでしょうか。 実際に動作しているサイトは以下からどうぞ。 » iPhone Interface in JavaScript
The work of Scott Schiller
Scott Schiller: Creative, Technical and Professional Portfolio This site showcases the work of Scott Schiller. I am a Web Developer currently located in Calgary, AB. A bit of philosophy My passion for the Web is demonstrated by the work I do; rather than try to explain it all, I prefer to let my work speak for itself. This site exists for that reason - to showcase some of the things I have done in
画像をスライド表示させるjavascript「iCarousel」
Web上は無限のスペースがあるといえ、やはりディスプレイの表示領域には限界があります。 Fabio Zendhi NagaoのiCarouselを使用すると、ニュースティッカーや画像のスクロール表示することが出来ます。 今回は商品説明などでよく使われるような、画像のスライド表示を説明します。 使用方法 iCarouselからダウンロードしたiCarousel.jsとjavascriptライブラリmootools.jsをダウンロードします。 この2つと以下のスクリプトをhead内に埋め込みます。 <script type="text/javascript"> window.addEvent("domready", function() { var Carousel = new iCarousel("メイン画像用id", { idPrevious: "previous", idNext: "n
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
jdsharp.us » jdMenu Hierarchical Menu Plugin for jQuery
About Jonathan Sharp Jonathan Sharp is Owner of Out West Media LLC. located near Omaha, Nebraska, USA. Out West Media provides custom jQuery development, web design and web development services. He and his wife are blessed with a beautiful daughter, two horses and two dogs. Sites of Interest jQuery Minute™ Blog Out West Media - jQuery Consulting jQuery Plugins AutoScroll jdMenu jdNewsScroll xmlDOM
小粋空間: CSS JavaScript によるカラムレイアウト切り替え（cookieによる状態保持）
CSS+JavaScript によるカラムレイアウト切り替えでは基本的な切り替え方法を紹介しましたが、このエントリーでは cookie を用いてスタイルを保持する方法を紹介します。 前述の通り、前回までのカスタマイズではブラウザ上でページ遷移やリロードをするとスタイルが元に戻ってしまうという欠点があります。例えば配色や文字サイズを切り替えたらそのままのデザインで他のページも閲覧したいケースは少なくないと思いますので、このカスタマイズを併用されるとユーザビリティが向上するでしょう。 サンプルを用意しましたのでリロードを実施してみてください。 注：IEのリキッドレイアウト表示に不具合があるようですので、サンプルは固定レイアウトのみに限定させて頂いてます。 CSS+JavaScript によるカラムレイアウト切り替えのカスタマイズが終わっていることを前提にカスタマイズを説明します。 １．cook
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/lightbox_effect
CSSデザインできるスクロールバー表示JavaScript （fleXcroll） - youmos
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
youmos - 新しいWebビジネスや技術アイデアを活性化するWebマガジン
http://www.nicolaswill.com/howsitgoing.php
http://youmos.com/news/sifr_bjkit.html
GOTOCHINA
Branding by Garden | A Unique Branding Agency in London