A JavaScript Compressor. version 3.0 Help Paste: Base62 encode Shrink variables Load Clear Pack Copy: disabled Save Decode Also available as .NET, perl and PHP applications.

Login / Register Username/Email password Login with Google Login with Facebook Login with GitHub Achievements GameSystem8883 won commentator badge 1 day ago hensencharles9965 won commentator badge 4 days ago 楊育承8045 won commentator badge 1 week ago shenbo9646 won commentator badge 1 week ago ChrisChen6287 won commentator badge 2 weeks ago jasan05 won commentator badge 2 weeks ago FaradayProject425

Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save

スマートフォンでonclickなどのクリックイベントを設定しようとすると、どうにも動きがもっさりする。 理由はダブルクリックかどうかの判定をするために、コンマ数秒待つからみたい。 これだと気持ちいい動きが実現できないので、スマートフォンではonclickではなく、ontouchendを使ったほうがいい。 そうすれば指を離した時点で、ダブルクリックかどうかの判定を待つことなくイベントが発生する 気になる点と言えば、スクロールして指を離した時にもこのイベントが発生すること。 どこかリンクなどの上にタッチしてスクロール→指を離した時点でイベント発生！ これはユーザーが意図した動きではなさそうなので、スクロールした場合はイベントは発生しないようにしといたほうがいい タッチ系のイベントは3つ ontouchstart ontouchmove ontouchend //スクロールしたかどうかの判定フラ

2008.04.18 13:05 - Category: Web関連 - 巷のオンライン申込フォームやお問い合わせフォームで、住所の番地とか電話番号とか、数字やアルファベットまですべて「全角で入力」とか指定してくるやつがとても失礼。ユーザに入力してくださいと頼んでおいて、内容に関係ない部分までいちいち指定すんな。番地まで全角だとそもそもアホっぽくてかっこ悪いのはもちろん、辞書登録しておいた住所が使えなかったりする。 この中で一番むかつくのは全角指定ボックスに半角打ち込んだときに、チェックしてはじくやつ。 しかも電話番号だけは都合よく半角指定とか。 わざわざチェックするくらいなら勝手に裏で半角から全角にコンバートしてろこのアホ。 どうせ郵便物打ち込むときとかの文字数単位のスペース計算とか、レガシーなシステムにつながってるからとかのサービス側の勝手な都合なんでしょ？それならJavascr

■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri

リンクをクリックしてページを遷移する際に、フェードやスクロールのアニメーションを加えるスクリプトを紹介します。 デモページ Pageswitchの実装 実装は簡単です。 HTML 既存のHTMLに、特に手を加える必要はありません。 idに使用している「example」は適当なものに変更できます。 <div id="example"> <a href="//coliss.com/">Example #1</a><br /> <a href="http://www.example.com">Example #2</a><br /> </div> [ad#ad-2] JavaScript PageswitchはjQueryのプラグインのため「jquery.js」と当スクリプトを外部ファイルにし、下記のように各リンクにエフェクトを指定することができます。 $(document).ready(fun

ツールチップのスクリプトやプラグインは、数多くリリースされています。 ここではjQueryを使用したツールチップをどのようなロジックで実装するかを解説したチュートリアルを紹介します。 Simple Tooltip w/ jQuery & CSS デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 1. マークアップ -HTML 2. スタイル -CSS 3. エフェクト -jQuery 4. スクリプトのロジック 5. 注意点 1. マークアップ -HTML マークアップをする際に気をつけることは可能な限りシンプルするのと同時に、さまざまなシナリオに対応できるよう柔軟にすることです。 メインとなるa要素にはツールチップを表示するために、class名「tip_trigger」を記述します。また、ツールチップのコンテンツを配置するspan要素には、class名「tip」を記述

iPhoneやAndroidでヘッダーやフッターを固定させる時に使う「 iScroll 」ですが、 外部からアンカーでiScrollを使用しているページに飛ぶと 初期位置がアンカーの場所として記憶されてしまいiScrollの挙動がおかしくなります。 回避方法としてアンカーを使わず...

社会に触れ、発見を重ね、未来の可能性を広げる。 社会には無数の職業があります。そうした社会や職業について深く知ることから、本学でのキャリア形成はスタート。さまざまな職業の方の講演など、実社会にふれならがら、「こんな仕事もあるんだ」といった発見を繰り返すなかで、自分の将来についての選択肢や可能性を広げます。 自分自身を深く掘り下げ、キャリアをより具体的に。 1年生の時に学んださまざまな職業の人たちが活躍するそれぞれの業界に目を向ける一方で、自分自身について深く掘り下げます。いままで気づかなかった自分に出会い、そんな自分に合った生涯のキャリアをイメージ。また、そのキャリアを支える資格取得にも挑戦していきます。 社会人としての基礎を、体験しながら身につける。 「キャリア演習」「業界別人材育成講座」「就活実践キャンプ」などでは、模擬面接やグループワークを通じて就活に必要な知識や実践スキルを磨きます