なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
Notice: Undefined index: jcart in /home/eofgxrgc8nga/public_html/jcart/jcart/jcart.php on line 588 Notice: Undefined index: ajax in /home/eofgxrgc8nga/public_html/jcart/jcart/config-loader.php on line 29 Notice: Undefined index: js in /home/eofgxrgc8nga/public_html/jcart/includes/header.php on line 6 Notice: Undefined index: js in /home/eofgxrgc8nga/public_html/jcart/includes/header.php on line 11
This domain may be for sale!
Download Latest (Alpha 1) Uncompressed Overview This is a progress bar plugin for jQuery. Usage First, include the progress bar javascript file. <script src="jquery.progressbar.js" type="text/javascript"></script> Next, include the styles necessary to render the progress bar correctly. /* progress bar container */ #progressbar{ border:1px solid black; width:200px; height:20px; position:relative; c
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
スパイスラボ神部です。 Google Hackathon on リクルートMTL with goo ホームのエントリのときにも紹介しましたが、OpenSocial アプリを開発する際にすごく便利なラッパーライブラリ「jOpenSocial と opensocial-jquery 」というのがあるそうです。今のところ、外部 JavaScript を読み込むのが NG なコンテナは無いそうなので、ぜひ使えるようになりたいですね。 ただし、jQuery を使える人にとって最適化されているようなので、あまり使い込んでいない私には学習コストが結構あるかも。でも、PHP では PEAR にかなり助けられていますし、JavaScript でも基本の言語使用に加えて有用なライブラリを使えば、JS が怖くなくなるかもしれません。ということで、この２つのライブラリに関しての情報を集めるところからはじめてみたい
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
概要 jQuery Spinは、jQueryのプラグインとして動作します。 入力フォームで数値を扱うことがありますが、その際の入力補助用のインターフェースです。 動作 以下のフィールドに、数値を入力します。右側の上下のスピンボタンを使うと便利です。 マウスを押したままにすると、連続して値が変化します。 使い方 まずjQuery本体が必要になります。 jQueryそのものの導入については、別途ドキュメントなどを参照してください。 jQuery Spinは、から入手してください。 まず最初にスクリプトの配置と共に、スピンボタンの表面画像を配置しなければなりません。 画像は「押されていない状態」「上が押された状態」「下が押された状態」の3枚が必要です。 サンプルとして、ダウンロードファイルにも画像が入っているので、参考にしながら独自の見た目を作ってください。 3枚の画像は、同じディレクトリに置か
アラート jAlert('This is a custom alert box', 'タイトル'); 確認ダイアログ jConfirm('Can you confirm this?', 'タイトル', function(r) { jAlert('戻り値：' + r, '結果タイトル'); }); 入力プロンプト jPrompt('何か入力してください', '事前に入力された値', 'タイトル', function(r) { if( r ) alert('You entered ' + r); }); アラート内にHTML文を表示 jAlert('<strong>強調</strong>、<a href="#">リンク</a>のように、HTMLタグを使用することができます。'); アラートに別のスタイルを適用 $.alerts.dialogClassプロパティにクラス
I know there are quite a few tutorials out there that demonstrate how to create tabs with CSS & jQuery, but I decided to create my own as well. I’m not sure if the techniques are the same, but hopefully this tutorial will be easy to understand even for a beginner. For those who are not familiar with jQuery, check out their site for a general overview, and you can also follow up with the various tu
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
WYSIWYG jQuery Plugin Download jWYSIWYG v0.4 (73.8kb, Compressed) Requires jQuery 1.2.3+ Homepage Author Juan M Martínez, joksnet@gmail.com, Company Updated September 26, 2008 Sites @jQuery, @Google Code, Support Forum, Bug Tracker Description This plugin is an inline content editor to allow editing rich HTML content on the fly. It's an alternative to WYMeditor with much less features. With a smal
We have mentioned Growl-like notification system for web a while ago, they are Send Notifications Instantly with Growl Mootools and Roar – Another Notification Widget with MooTools. Here is another Growl-like script for web which is written in jQuery called jGrowl. jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X’s Growl Framework works. I
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
