• Home
  • twitter
  • Facebook Page
  • google+
  • RSS
  • follow us in feedlyfeedly
  • Contact Form
OPEN

カテゴリー:jQueryの記事

2015/2/23

横並びの要素の高さを揃えるjQueryプラグイン「matchHeight」がレスポンシブでもバッチリ動いて素敵


高さが異なる要素を横並びにした時に、その高さを揃えたい–生きとし生けるもの全ての夢。

でまぁ今までとあるプラグインを利用していたのですが、レスポンシブで上手く動かないということでなんかいいやつ無いんかい、と探していたところjquery.matchHeight.jsというのを見つけました。

jquery.matchHeight.js – a more robust equal heights plugin for jquery

続きを読む

2014/8/07

私がよく使っているjQueryプラグインまとめ(スライダー、モーダルウィンドウなど)

jQueryプラグイン
こんにちは、暑いですね。脇汗すごいですね。僕が。
さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。(たまにjQueryが必須でないものもあります。)

※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。

続きを読む

2013/7/26

テキストを均等割り付けしてくれるjQueryプラグイン「jQuery.justify.js」

Justified
Justified / ark

先日仕事で「Webページにおける文字の均等割り付け」を行わなければならない場面がありまして。
「そんなんCSSで簡単にできるでしょ」と思っていたら、text-align:justify;がwebkit系のブラウザだと上手く動かないことが発覚。

無理やりスペースつこうて揃えてやろうかなどと思っていたところ、NxWorld@nxworld_net さんにテキストの均等割り付けをしてくれるjQueryプラグイン「jQuery.justify.js」を教えて頂きました:)

参考:文字の均等割り付けを行うjQueryプラグイン jQuery.justify.js | php-tips

続きを読む

2013/3/11

jQueryを使ってページの読み込み時に画像などの要素をフェードインさせる

365.18 1 chapter down, 2 books to go
365.18 1 chapter down, 2 books to go / remysharp

先日当サイトの404ページを作成したのですが、その折になんとなく画像などをフェードインさせる仕様にしてみました。
当サイト404ページ

そんなに難しいコードでもないんですけど、どうやってやるんですか的なご質問を頂きましたのでここでやり方をご紹介。

続きを読む

2012/12/11

jQueryのエフェクトに変化を加える「jQuery Easing Plugin」の使い方と、全33種類のエフェクトサンプルを作成してみた

121211
様々な効果でWebページのUIをリッチにしてくれるjQuery
今回は、そのjQueryのエフェクト動作を加速/減速させるためのプラグイン、「jQuery Easing Plugin」の使い方と、全33種類のエフェクトサンプルを(自分用に)作ってみましたのでシェアしておきます。

「jQueryってなんじゃらほい」という方は先日書きました7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座をご一読ください。分かりやすいと僕の中で大評判です。

続きを読む

2012/11/07

7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

121107 top
約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。

結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。

そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。

とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない)
あくまで「jQueryに興味はあるけれど全く触れたことは無いしjavascriptも全くわからないしなんか難しそうだし」と敬遠している方に向けたモノになります:)

まぁともあれ、そんな私のような方々のお力に少しでもなれればこれ幸いです。

続きを読む

2012/8/08

Youtubeなどの動画コンテンツをスマートフォンの横幅に合わせてくれるjQuery「FitVids.js」の搭載手順

YouTube cafe
YouTube cafe / marioanima

WPtouchを搭載したブログによく見られるのですが、自分のブログでもYouTubeなどのビデオを掲載した記事をスマートフォンなどで閲覧した際、横幅が画面からはみ出してしまい気持ち悪かったので、動画コンテンツを自動的にスマホの横幅に合わせてくれるjQuery「FitVids.js」を導入してみました。

続きを読む

About This Site

Mac,iPhone,Evernote,Web,Foodを中心に様々な情報をお届けするブログです。
ふざけた文体が目につきますが、本人はいたってふざけております。
ご意見・ご感想は info[at]ozpa-h4.com もしくはコンタクトフォームまでどうぞ。
広告掲載、執筆、取材などの依頼も受け付けております。
さらに詳しく

SNS

×