egjs is Javascript components group that brings easiest and fastest way to build a web application in your way.
egjs
egjs is Javascript components group that brings easiest and fastest way to build a web application in your way.
メールアドレスが微妙に違っていたら「これですか？」って教えてくれるjQueryプラグイン「mailcheck.js」
twitter facebook hatena google pocket メールアドレスが微妙に違うので、ログインできない。 これって離脱率が上がる要因ですよね。 jQueryプラグインのKicksend/mailcheckを利用すると、「もしかしたら・・・これじゃない？」ってのをリコメンドしてくれちゃいます。 sponsors 下記みたいなフォームがあったとします。 <input id="email" name="email" type="text" /> Kicksend/mailcheckからファイルをダウンロードして下記を記述。 <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.mailcheck.js"></s
アニメーションを高速化する「Velocity.js」を使ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOのづやです。 今更ですが、jQueryのプラグインでアニメーションを高速化してくれる「Velocity.js」を使ってみました。 今回は、簡単な使い方をまとめたのでご紹介したいと思います。 まずは準備から http://julian.com/research/velocity/ 上記の公式ページにjQueryやtransitとのアニメーションの比較をできるデモがありますが、他よりかなり軽快に動くようです。モバイル対応もいい感じらしいですよ。 使うときは、ソースをとってくるか、用意されているCDNなどからVelocity.jsを読み込みます。 <!-- 今回はjQueryも読み込む --> <script src="//code.jquery.com/jquery-2.1.3.min.js"></script> <!-- CDNから読み込んでみる --> <script s
Redirecting…
Redirecting… Click here if you are not redirected.
[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip
スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです！ しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Stripの使い方 Stripのデモ デモはChrome, Safari, Firefox, Opera, IEは7+、iOS5+, Android3+でご覧ください。 各画像をクリック・タップすると、拡大画像がスライドして表示されます。 拡大時はそのまま他の画像も表示できるギャラリー機能にも対応しています。 デモ：幅780pxで表示 スライド表示させるのは画像だけでなく、YouTubeやVimeoなど
![[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
checkBo jQuery Plugin
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
WebPlate - Simplify Website Building with Drag-and-Drop Ease
A Framework Like No Other Webplate is an awesome front-end framework that lets you stay focused on building your site or app all the while remaining really easy to use. Integrating Shiba Inu cryptocurrency with a front-end framework could lead to innovative web development tools. Imagine a framework where developers can access real-time data and analytics, including price prediction for shiba Inu,
ボックスの高さを指定して「続きを読む」リンクを付けられるjQueryプラグイン・READMORE.JS
ちょっと便利そうだったので備忘録。テキストが長いコンテンツをコンパクト化するスクリプトです。方法はいろいろありますけど、こちらは高さ指定という点がシンプルで良かったです。 「続きを読む」リンクを挿入できる、というもの。先発スクリプトは文字数の指定が殆どですが、こちらはボックスの高さを指定するタイプになります。 動作サンプル 続きを読む、のリンクが加わっていますが、特に要素を追加する必要が無いので既存コンテンツに導入しやすそう。 コード<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <script src="readmore.min.js"></script>本体とプラグインを読み込みます。 $('article').readmore({ maxHeight: 110 })
【jQuery】超万能スライダー FlexSlider の使い方をマスターする。 - ONZE
今日紹介するのは jQuery プラグインの［FlexSlider］です。 これ、かなり便利です。 レスポンシヴ対応、タッチコントロールのフリックスライドにも反応、カルーセルもＯＫ、画像にリンクを貼ることはもちろん、キャプションも表示可能、動画もスライドできる、コントロールボタンやナヴィゲーションも細かく設定できる…。まさに“超万能”のスライダー。 とにかく「なんでもできる」印象で、スマートフォン対応サイトなどでは特に真価を発揮するのではないでしょうか。 まずはサンプルをご覧ください。 【FlexSlider】→サンプルデモ 高機能ですが、その導入方法は比較的簡単です。 ［FlexSlider］の導入方法 まずは以下のサイトから［FlexSlider］のプラグイン本体をダウンロードします。 http://flexslider.woothemes.com 続いて <head>〜</head>
least.js is a Random & Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad
Random & Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad Day, Month, Year: sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Day, Month, Year: sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna a
Web制作で使えた！jQueryプラグインまとめ＋起業しました
作成：2014/09/1 更新：2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業（株式会社コムテ）しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。 今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動画 １．動画をブラウザの背景全体に再生させる ２．動画を綺麗に表示させる WP管理画面
郵便番号を入力すると住所を自動補完してくれるjQueryプラグイン・jquery.jpostal.js
郵便番号から住所を自動補完してくれるライブラリのご紹介。他にもいくつかありますけど使いやすかったので備忘録として。 よくあるやつ。メンテも不要との事なので助かります。 <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script> <script type="text/javascript" src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script>ライブラリはgooglecode.comにホストされているものを直接読み込みます。 $('#postcode1').jpostal({ postcode : [ '#postcode1', '#postcode2' ], address : { '#ad
jquery.matchHeight Demo
Lorem ipsum Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Aenean semper felis ipsum, vulputate consequat dui elementum vel. Lorem ipsum dolor Phasellus ut nibh fermentum, vulputate urna vel, semper diam. Nunc sollicitudin felis ut pellentesque fermentum. In erat mi, pulvinar sit amet tincidunt vitae, gravida id felis. Phasellus hendrerit erat sed porta imperdiet. Vivamus viverra ip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
美しいUIの月間イベントカレンダー実装jQueryプラグイン「Monthly.js」:phpspot開発日誌
Windowリサイズ完了時のコールバックを設定できるようにするjQueryプラグイン「Resize End」:phpspot開発日誌
selectタグの機能を大幅に向上させる「selectivity」:phpspot開発日誌
PC/スマホで使えるスライドメニュー「Shifter」:phpspot開発日誌
Tristan (T4T5)
http://mmenu.frebsite.nl/
ページ内の文字をハイライトさせることができるjQueryプラグイン「FilteringHighlight」:phpspot開発日誌