Asial Blog

Recruit! Asialで一緒に働きませんか?

タグ「jQuery」の一覧

jQuery 3.0βリリース。2系と3系の違いについて

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
jQuery
icon
jQuery 2系と3系の違いについて。なお3系はβ版の情報を元にしています。

jQueryから離れるためのJavaScript代替ライブラリまとめ

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
jQuery
Monaca
Minified.js
jQueryの代わりに使えるJavaScriptライブラリを紹介します。

【jQuery Tips】スクロールで画像がめくれる動きを表現する

カテゴリ :
デザイン・UI
タグ :
JavaScript
jQuery
Monaca
HTML5
デザイン
ランキング1位.png
ページスクロールと連動して、前面の画像がめくれて背面の画像が現れる効果をjQueryで実装します。

初心者のコーダーでも簡単に実装出来るJavaScript/jQuery Tips

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
JavaScript
jQuery
icon
こんにちは、鴨田です。

今更感はすごくあるとは思いますが、
コーダー初心者でも簡単なjQueryのコードで、
ちょっとした運用を楽に出来るTipsを紹介したいと思います。

決定版?! スマホページ用のリストレイアウトHTMLテンプレートを書いてみた

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
HTML5
CSS3
jQuery
icon
こんにちは、鴨田です。

年の瀬ですね。
年をとる毎に一年があっという間に過ぎてしまうので、
もう今年も終わりかと嘆く日々です。

ということで、個人的には今年最後のブログとなります。

スマホサイトを作っていると、
見出しリストの作り方というのが、大分テンプレート化するので、
今日は自分メモも兼ねて、リストテンプレートを作りたいと思います。

パララックスというか、スクロールでアニメーションさせるjQueryプラグイン「ScrollTween.js」

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
JavaScript
jQuery
パララックス
アニメーション
icon
こんにちは、鴨田です。

今年に入ってから、パララックス効果を用いたサイトをよく見かけますね。
春くらいに話題になって、定番のプラグインもあるので、最近もいろいろなところで見かけます。

とはいえ、最近は視差効果で奥行きを表現するというよりも、
単純にスクロールに連動してアニメーションさせることも含めて、
パララックスサイトと呼んでいるが多いのではとも思います
何かと話題のスマホアプリ「comm」もそうですね。

そんな流行に従って、パララックスサイトの作り方を少しご紹介できればと思います。

jQueryで簡単にドラッグ&ドロップのソートを実装する方法

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
JavaScript
jQuery
jQueryUI
UX
jQueryで簡単にドラッグアンドドロップのソートを実装する方法
jQuery UIを使ったリッチでオシャンティなソートを紹介します。
まずはデモをご覧ください。

jQuery Mobileを試してみました

カテゴリ :
バックエンド(プログラミング)
タグ :
JavaScript
jQuery Mobile
jQuery
Tech
トップ
初めまして。4月からアシアルに入社した志田と申します。
今回は、ブログを作るイメージでjQuery Mobileを試してみます。

jQuery用プラグイン「Autocomplete」を使って入力補完機能を実装してみる

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
JavaScript
jQuery
ピクチャ 2.png
こんにちは、中川です。

アシアルブログの検索でも利用している、suggest(入力補完)機能、便利ですよね。
以前「jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる」という記事で松田がライブラリ紹介しています。

しかし、「jquery.suggest」ですが、表示が味気なかったり、カスタマイズ面で、若干モノ足りない部分が出てきました。。。
で、補完機能を実装する為のJavaScriptですが、いろいろ探せば結構たくさんでてきまして、その中でも使いやすく、機能も豊富でカスタマイズもしやすいjQueryプラグインの「Autocomplete」というものを見つけましたので紹介したいと思います。

phpImageCloudを使ってみました

カテゴリ :
バックエンド(プログラミング)
タグ :
Tech
JavaScript
jQuery
PHP
phpImageCloud
phpImageCloudはタグの雲の画像を作成するためのPHPクラスです。
jQueryを利用して表示することでとても斬新な見せ方ができるようになります。
今回は実際の初期の設定と使い方をご紹介します。