以前にも、「jQueryでページ遷移時にスライドアニメーションをつけてみる」と題して、jQueryを使ってWebページの遷移時にスライドなどのアニメーション効果を実装させるスクリプトを紹介しましたが、同様の動作を簡単に実装できるjQueryプラグインがいくつかあったのでメモ書きとして紹介してみます。Animsition… →ReadMore

最近ではWebページにアニメーションを組み込む方法はjQueryやHTML5またはGIFアニメなどさまざまありますが、jQueryを使ってパラパラアニメのようにコマ分けした連続画像を切り替えることで動きを見せるフレームアニメーションjQueryプラグイン「jquery.frameAnimation.js」を作ってみたの… →ReadMore

Webページ上にアニメーション演出を組み込もうとする場合、今ではJavaScript(jQuery)やCSS3など、実装方法がいくつかありますがHTML5でのアニメーション動作を簡単に作成することができる気になる便利ツールが2点ほどあったので自分用メモとして紹介してみます。Google Web DesignerGoog… →ReadMore

以前に「jQueryで外部HTML(JSON形式)化した要素を「もっと見る」ボタンで追加する方法」と題して、JSON形式でで外部HTML化したコンテンツ要素を「もっと見る」ボタンで追加するUIを紹介しました。当時公開したスクリプトでは「もっと見る」動作はページ内で1つの設置のみの構成になっていたところ1ページで複数設置… →ReadMore

以前にテキストを1文字ずつタイプライター風に表示するjQueryプラグインを紹介しましたが、HTMLもスクリプトもシンプルでもっと扱いやすい構成で同様の動作が実現できないか試しに作ってみたので紹介してみたいと思います。jQueryでタイプライターのようにテキストを1文字ずつ表示させる方法まずは動作サンプルから。「jQu… →ReadMore

Webページ内に並べられた要素の高さを揃えるスクリプトサンプルやjQueryプラグインを今までもいくつか紹介してきましたが、並べられた要素をレスポンシブ対応かつ1行ごとに高さを揃える形でのスクリプトサンプルを試しに作ってみたので紹介してみます。jQueryでレスポンシブ対応した1行ごとに要素の高さを揃える方法まずは動作… →ReadMore

以前、iPhone5sのプロダクトページがリリースした頃に『簡単にパララックス実装可能な軽量スクリプト「skrollr」&コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して1ページをフルスクリーン表示にして、画面全体をスクロールさせることで1… →ReadMore

Webページ制作時において、<li>や<img>などのインライン要素に対してHTMLソース上でタグ間を改行させると半角スペースほどの空白(余白)が発生してしまい扱いに困ることがあったりするので、この空白をjQuery使って強引に削除する実験をしてみました。jQueryでインライン要素をHTML内で改行すると発生する空白… →ReadMore

WindowsXPのサポートも終了し、この先はWebサイト制作においてIE8を対象外にできる状況が増えることが想定されCSS3の各機能を今まで以上に活用できる機会が増えてくるかと思います。そんな中、最近あちこちで話題になっていた複雑なCSS3アニメーションエフェクトを簡単に実装することが扱うことが可能になる「iHove… →ReadMore

Categories
Recent Entries
Popular Entries
Hatena Bookmark
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR