以前に「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

レスポンシブレイアウトで構築したWebページの場合、閲覧している画面サイズによってレイアウトが最適化される構成になるのでPC用レイアウトとスマートフォン用レイアウトを任意で切り替えることは出来ないものだと思っていたのですがjQuery等を使ってmetaの「viewport」を切り替えることによってスマートフォンでもPC… →ReadMore

今までもハイクオリティなフリーアイコン素材など何度か紹介してきましたが、フラットなものやロングシャドウ等々、様々な種類の中からデザインを選択しとても簡単にカスタマイズしながらアイコンを作成することができるツール「Iconion : Free Icon Maker」がとても便利だったので自分用メモとして紹介してみます。様… →ReadMore

最近Webサイト上のUIにおいて、マウスホイールイベントを使って処理する機会が多くありその都度「jquery.mousewheel.js」などのプラグインを使って処理していたのですがjQueryファイルのみでマウスホイール上下イベントの取得方法を掲載している記事を見つけ自分でもいろいろと試してみたので実験内容と併せて紹… →ReadMore

Categories
Recent Entries
Popular Entries
Hatena Bookmark
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援について
  • NO FUR