アシアルブログ

アシアルの中の人が技術と想いのたけをつづるブログです

jQuery

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

jQuery 2系と3系の違いについて。なお3系はβ版の情報を元にしています。

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

jQueryの代わりに使えるJavaScriptライブラリを紹介します。

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

ページスクロールと連動して、前面の画像がめくれて背面の画像が現れる効果をjQueryで実装します。

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

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

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

こんにちは、鴨田です。 年の瀬ですね。 年をとる毎に一年があっという間に過ぎてしまうので、 もう今年も終わりかと嘆く日々です。 ということで、個人的には今年最後のブログとなります。 スマホサイトを作っていると、 見出しリストの作り方というのが、…

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

こんにちは、鴨田です。 今年に入ってから、パララックス効果を用いたサイトをよく見かけますね。 春くらいに話題になって、定番のプラグインもあるので、最近もいろいろなところで見かけます。 とはいえ、最近は視差効果で奥行きを表現するというよりも、 …

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

jQuery UIを使ったリッチでオシャンティなソートを紹介します。 まずはデモをご覧ください。

jQuery Mobileを試してみました

初めまして。4月からアシアルに入社した志田と申します。 今回は、ブログを作るイメージでjQuery Mobileを試してみます。

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

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

phpImageCloudを使ってみました

phpImageCloudはタグの雲の画像を作成するためのPHPクラスです。 jQueryを利用して表示することでとても斬新な見せ方ができるようになります。 今回は実際の初期の設定と使い方をご紹介します。

ツールチップjQueryプラグイン「qtip」を使ってみました

jQueryのプラグインのひとつで「qtip」を使ってみました。 ツールチップ形式でポップアップで奇麗に表示することができます。 実際に使った方法のご紹介をしていきます。

簡単にテーブルをカッコよくするjQueryプラグイン「Flexigrid」を使ってみた

こんばんは。松田です。 ほんのちょっと手を入れるだけで、ただのテーブルレイアウトがかっこよくなってしまうjQueryプラグイン「Flexigrid」を使ってみました。 「Flexigrid」を使うと、カラムの表示/非表示機能、色分け、配置換えなどいろんな機能を自動的…

jQueryで長いURLやメールアドレスを折り返して表示する

Firefoxでは、長い半角文字をtableタグのtdタグなどに入れた場合折り返して表示することができずに重なって表示されていまう場合があります。先日、Firefoxの上記の仕様でデザインが崩れると報告をいただいた際に対応した方法をご紹介したいとおもいます。

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

こんにちは。サイフをなくしてヘコんでいる松田です。 今回はトレイン・トレインで使用することになった、入力補完ライブラリ「jquery.suggest」を使ってみたいと思います。 入力補完機能とは、テキストフィールドにある程度文字を入力すると、その文字が含…

jQueryCycleプラグインでスライドショー作成

はじめまして。4月から入社しました小川です。 実は1年以上前からアルバイトとしてアシアルで働いていたのですが、この春専門学校を卒業して、晴れて正社員になりました。 流石に1年以上いるだけあって環境にはだいぶ慣れてはいますが、初めての社会人という…