jquery.easyAudioEffects.js
EasyAudioEffects.js Easily set up sound effects to HTML elements Download on GitHub Latest Version : v1.0.0 with jQuery - v1.7.0 or Later. easyAudioEffects.js easyAudioEffects.js is jquery plug-in. This can be given a very easy sound effects for any of the elements on your WEB site. compatible browser This plug-in is the reaction slightly in Safari is slow. (Jun , 2015)
モダンでかっこいいページ遷移アニメーションサンプル:phpspot開発日誌
Animated Page Transition in Ajax | CodyHouse モダンでかっこいいページ遷移アニメーションサンプル。 ページを切り替える際にアニメーション付きでコンテンツを切り替えるデモです。 URLも変わるのですがそれを全く意識させないアニメーションが地味に凄いです。 関連エントリ CSS＆jQueryで作るパネル型の3Dナビゲーション作成サンプル フルスクリーンでタッチデバイスでも使いやすいナビゲーションメニュー実装 Parallaxで写真等を立体的に表現するデモ クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト
alert()のダイアログのスタイルを変更するスクリプト・SweetAlert
alert()で出せるダイアログのスタイルを変更する為のスクリプトのご紹介。シンプルな発想で素敵ですね。尚、本スクリプトはjQueryに依存しています。 alert()で出せるダイアログのスタイルを変更しよう、というスクリプトです。 確かに普通にアラート出すよりいいかもしれません。 <script src="jquery.js"></script> <script src="sweet-alert.min.js"></script>コアとSweetAlertを読み込みます。 $('.foo').click(function(){ swal({ title: "アラートです！", text: "メッセージがココに入ります", imageUrl: 'http://placehold.it/500x500', confirmButtonText: '了解！', confirmButtonColo
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
円、線、棒グラフを描画できるシンプルなチャートライブラリ「cssCharts.js」:phpspot開発日誌
sultantarimo/cssCharts.js GitHub 円、線、棒グラフを描画できるシンプルなチャートライブラリ「cssCharts.js」 シンプルなグラフ描画とインタラクティブ機能があるのみのグラフライブラリ。多機能すぎるライブラリが苦手な場合はこういうのも便利そうです デザインがフラットな点も特徴。 関連エントリ かなり豊富な種類のグラフを描画できる「ECharts」 Analytics風のモダンでインタラクティブなグラフを描画できる「MetricsGraphics.js」 グラフも描けるスプレッドシート作成jQueryプラグイン「jQuery.sheet」 テーブルをGoogle Chartsを使って多様なグラフに変換することが出来る「Chartinator」
Spectrum jQuery Plugin
A lovely and lightweight jQuery plugin for a fixed nav indicating scrolling progressHi, I Am Spectrum. I'm a dynamic & colourful jQuery plugin perfect for adding subtle colour transitions to your web applications. Fork me on Github Mention me on Twitter First Things First Download jquery.spectrum.js and place the file into the JavaScript folder in your directory. The root path should look somethin
jQueryTween - Lightest Tweening Engine for jQuery
jQueryTween - Lightest Tweening Engine for jQuery jQueryTween Welcome to jQueryTween - Lightest Tweening Engine for jQuery jQueryTween!! The Lightest Tweening Engine for jQuery This plugin is a bridge to tween.js and aims to drastically simplify your work. Each script does what it does best, for high performance hardware accelerated animations. Github Tween.js My Work Demo Developer Friendly Using
Animsition
AnimsitionA simple and easy jQuery plugin for CSS animated page transitions.Download on GitHub Tweet 58 different animations Fadefade-infade-outFade Demo Fade upfade-in-up-smfade-in-upfade-in-up-lgfade-out-up-smfade-out-upfade-out-up-lgFade Up Demo Fade downfade-in-down-smfade-in-downfade-in-down-lgfade-out-down-smfade-out-downfade-out-down-lgFade Down Demo Fade leftfade-in-left-smfade-in-leftfade
timedropper jQuery time plugin
DateDropper datedropper JS is a Pure Javascript user-friendly date picker that allows users to easily select a specific date from a calendar-like interface. What does Datedropper do Datedropper streamlines date selection, saving time and reducing errors. This datepicker allows users to select the desired date by clicking on it. The selected date will then be displayed in the input field and can be
Morphing Modal Window in CSS and jQuery | CodyHouse
Morphing Modal Window A call-to-action button that animates and turns into a full-size modal window. Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, modal windows are on top. With this nugget we wanted to spice-up the way we fire the modal window: the button that triggers the action animat
selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」:phpspot開発日誌
selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」 2015年02月03日- jQuery easySelect selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」。 selectタグにmultiple属性を追加すると複数選択が可能ですが、これを複数選択形式をUIを変えて入力補完のような形にするプラグインです。 selectのmultipleはCtrlキーを押しながらクリックするなどというUIとなるため、あまり採用はされませんが、ケースによってはこういう入力のUIも使いやすい場合がありそうです 関連エントリ selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flex
PWS Tabs jQuery Plugin
Default Usage $('.tabset0').pwstabs(); Nested Tabs Code $('.tabsetnested1').pwstabs({ tabsPosition: 'vertical', }); $('.tabsetnested2').pwstabs(); Tab With Mixed Content Quisque magna elit, maximus vel neque eget, laoreet commodo neque. Duis elementum ligula id metus rutrum, non vestibulum augue porttitor. Duis ullamcorper urna erat, vel convallis ipsum mattis vitae. Proin porttitor urna a enim ul
Purplecoat.js | Simple Labeled Overlays
Step 0: Add purplecoat-min.js along with jQuery. <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="http://ellekasai.github.io/purplecoat.js/purplecoat.min.js"></script> Step 1: Add data-purplecoat="foo" and data-purplecoat-label="Hello!" to any element. <img data-purplecoat="foo" data-purplecoat-label="Hello!" src="http:/
jQuery-plainModal
Download TAR.GZDownload ZIPView on GitHub Recommend: PlainModal instead of "jQuery-plainModal" No dependency, Modern browsers supported, Lightweight & Single file, and more features The simple jQuery Plugin for fully customizable modal windows. plainModal has basic functions only, and it does not style. It has no image files and no CSS files. Just one small file. Open Sample jQuery.plainModal Not
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
Breathing Halftone
Breathing Halftone Images go whoa with lots of floaty dots Made for Yaron Install breathing-halftone.pkgd.js breathing-halftone.pkgd.min.js Usage // get the image // jquery var img = $('#hero img')[0]; // or vanilla JS var img = document.querySelector('#hero img'); // init halftone new BreathingHalftone( img, { // options... }); Browsers that do not support <canvas> will fall back to the original
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://iamapioneer.com/plugins/skippr/
タイル上にエレメントを並べられるjQueryプラグイン「jMosaic」:phpspot開発日誌
Spotlight
IDEA * IDEA
