You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
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
jQSlickWrap the pixel-perfect prose plugin v0.2 need to wrap content around an image? ...really around an image? jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images. It's as simple as $('img').slickWrap(); download it! contribute! Why would I need this? If you've ever felt the need to wrap stuff around an irregularly-sha
ハロウィンも終わって、今度はクリスマスグッズが店頭をにぎわす季節に入ってきました! 季節と絡めた商品がたくさんあるなか、 WEBではというと、大抵季節ものの特集ページで展開しています! でも、そんなコンテンツもってないし、 でもでもやっぱなんかやりたいって時におススメのプラグインです! もちろん設置も簡単なので、 ちょっとだけ冬とかクリスマス気分にしたいときにどうぞ! 「SnowStorm」 URL: http://www.schillmania.com/projects/snowstorm/ 雪降るjQuery!デモサイトを作りました! 設置イメージとしてご覧ください。 ページ上でマウスの動きにあわせて雪の降る方向やスピードが変わります。 更に、ページ下に降った雪が少しだけ積るエフェクト付!! デモページで確認してみてください! DEMO: https://liruu.com/demo/
スマホサイトでもよく見かけるようになったモーダルウィンドウ! お知らせや会員登録などを促すのに活躍していますね。 モーダルウィンドウは、クリックして開くパターンとアクセス時に表示するパターンがありますが、 クリックイベントパターンはよくあるので、 今回は、ページを開いた時、トップページで開くパターンで、 スマホサイトのみ表示するパターンをご紹介します! アクセス時に開くモーダルウィンドウ 「layerBoard」というプラグインを使います。 デモサイトでどんな動きをするのか確認してください! デモサイト ※スマホデバイスのみ対応しています。 デモサイト URL:https://liruu.com/demo/modal/ 設定方法 1)プラグインのダウンロード 2)設置します! 3)ユーザーエージェント切り替えます! 4)HTMLを記述します! ※アンドロイド 1)プラグインのダウンロード
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
Key features Flexible fullscreen mode Works on mobile - and major desktop browsers Comes with two different transitions Only ~4kb (minified) What is it? jQuery Fullscreen Editor plugin transforms textfields to customizable editors, either it can be used within a form or standalone. To activate the plugin, just add the following snippet into your document; $(".mytextarea").fseditor(); Instructions
チェックボックスやラジオボタンに簡単に装飾するiCheck.jsというのをいつか使いたくなったときのためにメモ。 iCheck.js 設置デモ(minimal-red) あらかじめ用意されたCSSを指定することで、checkboxやラジオボタンに簡単にデザインを適用できます。 デモではminimalのredを適用しています。以下、それを例として設置等まとめます。 設置 上記サイトからDLしたzipに含まれるもののうち大半はデモ用で、実際に使うのは以下のファイル群です。 [js] jquery.icheck.min.js またはjquery.icheck.js [skins] [スキンカテゴリフォルダ] css、pngファイル これらと同階層に適用したいhtmlを置くという前提で以下記述例です。 <script src="//ajax.googleapis.com/ajax/li
How it works jQuery Credit Card Validator is written in CoffeeScript and (surprise, surprise!) is a jQuery plugin. It analyses the card number in the input field on which it was called, and returns an object with four properties: card_type — an object with the below properties, or null if card type unknown name — one of the strings describing the card type, eg visa range — range string used to mat
rails4-autocomplete An easy way to use jQuery's autocomplete with Rails 4. Supports both ActiveRecord, mongoid, and MongoMapper. Works with Formtastic and SimpleForm Before you start Make sure your project is using jQuery-UI and the autocomplete widget before you continue. You can find more info about that here: http://jquery.com/ http://jqueryui.com/demos/autocomplete/ http://github.com/rails/jqu
管理者向け画面などで、画面下部にコマンドボタンを配置した際、画面に表示するデータ量が多いとコマンドボタンが画面の表示枠内に収まらず不便に・・・かと言って position:fixed で固定表示すると、データ量が少ない場合に不格好に見えてしまう・・・そんな経験は無いでしょうか? Fitbar は、ツールバーやナビゲーションメニューを画面のスクロール位置に応じ上部又は下部に固定表示させることができる jQuery プラグインです。 jQuery Sitekit の一機能として、もしくは単独の jQuery プラグインとして使用することができます。 Fitbar の使い方 jQuery、Fitbar(または jQuery Sitekit)の CSS, JS ファイルを読み込みます。 <link href="jquery.fitbar.css" rel="stylesheet" type="te
Facebookで人物を補完すると、その人物名の周りに枠が表示されて強調されますよね(gif画像参照)。 これのやり方を解説します。 TL;DR textareaの強調表示は、textareaを透明にして後ろにいい感じの背景を設置してるだけ textareaの中にDOMを入れても表示されない パッと考えるとtextareaの中にDOMツリーを入れるとそれが表示されるんじゃないか、と思うかも知れません が、ぜんぜんそんなことは無くて、そのまま文字列が表示されてしまいます。 ご存知のようにtextareaやinputは、他の要素のように子要素を表示するのではなく、自身のvalue属性の値を画面に表示する働きをします。value属性は文字列を格納するためのものなのでDOMを入れられないわけですね。 強調用のDOMを重ねあわせる textareaにはDOMをそのまま入れられないので、仕方がなく周り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く