なぜ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ツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
jCart - Free PHP/Ajax shopping cart downloaded over 77,000 times
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
digitalbush » Progress Bar Plugin
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 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jOpenSocial と opensocial-jquery についてまとめ ( ラボブログ )
スパイスラボ神部です。 Google Hackathon on リクルートMTL with goo ホームのエントリのときにも紹介しましたが、OpenSocial アプリを開発する際にすごく便利なラッパーライブラリ「jOpenSocial と opensocial-jquery 」というのがあるそうです。今のところ、外部 JavaScript を読み込むのが NG なコンテナは無いそうなので、ぜひ使えるようになりたいですね。 ただし、jQuery を使える人にとって最適化されているようなので、あまり使い込んでいない私には学習コストが結構あるかも。でも、PHP では PEAR にかなり助けられていますし、JavaScript でも基本の言語使用に加えて有用なライブラリを使えば、JS が怖くなくなるかもしれません。ということで、この２つのライブラリに関しての情報を集めるところからはじめてみたい
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) | 設置サンプル
アラート 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プロパティにクラス
Simple Tabs w/ CSS & jQuery - Easy Tab Tutorial with CSS and jQuery - jQuery Tutorials - Tabbed Navigation Tutorial
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
FullCalendar - JavaScript Event Calendar
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
jWYSIWYG
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
jGrowl - Unobtrusive Notification System for jQuery
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ページを開く
qTip - The jQuery tooltip plugin - Home
selectボックスをシンプルなプルダウンに拡張するjQuery.selectable.js :: 5509
http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm
screw-axis.com
Blog - Mikula Beutl - SEO Consulting
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT