Tweet {{'DESIGNED' | translate}} @AlfredoBarronC, {{'TRANSLATED' | translate}} +MisaelRojas {{'LICENSE' | translate}} license LGPL GitHub . Smoke v2.2.4 . {{'ISSUES' | translate}} . {{'RELEASES'| translate}}
最近プログラムを書くようなアルバイトを始めて、家ではめっきりあnげふん生活している海山ですこんばんは。 時刻を登録して、表示しようとしたときの話です。 タイムゾーンが違う地域で登録されたりすると、表示がおかしくなってしまうとの事だったので、「○分前」などのtwitterのような表記にしたいという話が有りました。 そこで見つけたのがこのライブラリ、timeagoです。 http://timeago.yarp.com/ 以下のように表示してくれます three days ago 使い方 まず、timeagoをダウンロード http://timeago.yarp.com/ 2つのjsファイルを指定します。 <script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.timeago.js" typ
Usage This library depends on jQuery. Include the script file in your HTML page: ... <script src="path/to/jQuery-sidebar.min.js"></script> ... <div class="sidebar left">Hello World</div> <div class="sidebar right">I am on right!</div> <div class="sidebar top">I am on top!</div> <div class="sidebar bottom">I am on bottom!</div> ... <script> // Sidebar on left (default) $(".sidebar.left").sidebar().
jQuery Super Simple Text Rotator by Pete R. Add a super simple rotating text to your website with little to no markup Created by Pete R., Founder of Travelistly & BucketListly Turn this: Super <span class="rotate">Simple, Customizable, Light Weight, Easy</span> Text Rotator with Style into these.. Super Simple, Customizable, Light Weight, Easy Text Rotator with Style Super Simple, Customizable, Li
Other Features Uses CSS3 with javascript fallback Fully responsive Custom transition styles Completely customizable with tons of optional settings Lightweight, easy to use, and only one file Cross browser support (IE7+) Open source Choose either custom HTML, images, iframes, or video panels Optionally use HTM5 data attributes Off Canvas directions from top, Bottom, left, and right Works from any c
checkBo jQuery Plugin, Custom Checkbox and Radio button that really work by @ElmahdiMahmoudCross browsers: Chrome, Firefox, Safari, Opera ( PC, MACOS ). IE8+ (CSS3 not supported) Handheld/Touch devices support: Andriod, IOS, BlackBerry Lightweight Plugin Check all checkboxes Size options: Default, Small, Medium, Large NO classes or custom attributes are required for states :checked. More options a
最近のWebサイトでよく見かける面白い仕掛けのコンテンツやエフェクト、便利な機能を実装できるjQueryのプラグインやスクリプトを紹介します。 Midnight デモページ ロゴやヘッダなどをスクロール時に固定表示し、スクロールして表示されたコンテンツに応じて、固定エレメントのスタイルシートを変更させて表示するjQueryのプラグイン。 デモでは、表示されているコンテンツに応じて、ロゴの背景色とカラーが変わります。 Off Canvas Menu Effects デモページ メニューをサイドやトップ・ボトムから気持ちいいアニメーションで表示させるOff Canvas Menuのかっこいいエフェクトのまとめ。アニメーションのバリエーションとして見るだけでも楽しいです。
jQuery HoverCap jQuery-Hovercap is the jQuery plugin that display caption overlays over images. Documents Usage <head> ... <script src="js/jquery.js"></script> <script src="jquery.hovercap.js"></script> <script> $(function() { $('.target').hovercap({ toggleElement: '.target__caption' }); }); </script> </head> <body> <div class="target"> <div class="target__image"><img src="..." alt=""></div> <div
Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.3.0 Uncompressed 8.8Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js Source github.com/be
TOP > plugin > 魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」 webサイトを構築する際に、印象的に、サイトを魅力的に見せてくれるjQueryは非常に便利なツール。よく利用されている方はとても多いのではないでしょうか?今回はそんなjQueryプラグインをフリーで使用できる「14 Free Frontend jQuery Plugins」を紹介したいと思います。 fullPage.js One Page Scroll Site Plugin 14種の、独特な動きを見せるjQueryプラグインが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 jquery.matchHeight Tests ディスプレイサイズによって可変するボックスレイアウトの
Flapper is a jQuery text display plugin for creating animated split flap text animations that are found in train stations and airports, where they typically display departure and/or arrival information and do that cool flipping of letters to display the new information. The animations used a rotating stack of letters and numbers printed on hinged panels. As the stack rotated, a new symbol would fa
Smart Fixed Navigation A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It's smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution. Web pages with a lot of content require a quick way for the user to get back to the top, where the navigation is (most of the time). Hence the old back-t
Headroom.js Give your pages some headroom. Hide your header until you need it. Or install via npm/yarn: npm install headroom.js --save yarn add headroom.js What's it all about? Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slid
インタラクティブなクレカ情報入力フォームを実装するスクリプトのご紹介。以前も似たようなものを紹介しましたが、こちらの方が良さそうだったので備忘録。 以前、Skeuocardというスクリプトをご紹介しましたが、こちらも同じ目的で作られたものです。 カード番号を入力すると、頭4桁を解析してカードの種類が表示されます。このスタイルもCSSのみで作っているようです。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'></script> <script src="card.js"></script>本体とプラグインを読み込みます。 $('form').card({ container: $('.foobar')})で、セッティングするだけ。 Webで
Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く