READ MORE

半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」と題して画面幅めいっぱいでのコンテンツスライダーを紹介しましたが当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。同じ、画面幅めいっぱいでのコンテンツスライダー構成でレスポンシブ対応さ…

READ MORE

jQueryなどを使ってページ遷移をしない構成で画面切り替えを作る際通常ではURLは変わることなく一つのURLみとなりブラウザの「戻る」や「進む」が効かなかったり直接、切り替え後の特定の画面へ遷移することができなかったりします。その様なページ遷移無しの切り替えの場合でもブラウザの「戻る」や「進む」を有効にし切り替え画面…

READ MORE

Android(アンドロイド)開発では通常のWebサイト制作では聞きなれないdp(dip)という単位を使用することがあります。Androidでの基本的な5つの解像度【ldpi】【mdpi】【hdpi】【xhdpi】【xxhdpi】の各画面で表示する際の共通単位になるようですが、このdp(dip)の値をpxに変換する必要…

READ MORE

レスポンシブ対応を求められるWebサイト制作ではナビゲーションメニューの構成について何かと気を使わなくてはいけない点が出てきます。ウィンドウサイズによってナビゲーションメニューの形状を変化させるやり方は様々ですが便利に使えそうだと思ってメモしておいたJSやCSSでのチュートリアルがそこそこ溜まっていたので11種類ほどま…

READ MORE

先日ここでレスポンシブ対応のスライドショーの試作品として「jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法 」と題してjQueryを使ってのレスポンシブ対応のサムネイル付きクロスフェードスライドショーを紹介しましたが、操作面に関してフリック操作には対応していなかったので、メイン部分に…

READ MORE

もはや今ではTwitterでつぶやく際にURLは自動で短縮されたりあえて短縮URLを生成するツールを使用することも少なくなって必要性もなくなってきていると思いますが勉強がてら「bit.ly」のAPIを使って短縮URLを生成するツールを試しに作ってみたので紹介してみます。URL短縮 [URL SHORTNER]URL短縮…

READ MORE

以前からjQueryを使ってのシンプルなスライドショーをいくつか紹介していますがやはり今後はサイト上に設置するスライドショー関連もレスポンシブに対応している必要が出てくることは必至なので試しに作ってみたのを紹介してみます。jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法今回のレスポン…

READ MORE

スマホサイト制作の実機検証する際などでQRコードを使うことがよくあるのですがさくっとQRコードを作れる手軽なツールがいまいち見当たらなかったのでjQueryを使って簡単にQRコードを作成できるツールを作ってみたので紹介してみます。(ただ自分で使うために作ったものになりますが・・・)QRコード作成 [QR CODE GE…

READ MORE

以前の記事で「jQueryで画像などコンテンツ要素を順番にフェードインさせる方法」と題して、一覧となって並べられた画像をjQueryを使って順々にフェードインさせる方法を紹介しましたが、同様のパターンで、フェードインさせる順番をランダムにするパターンをできるだけシンプルな構成で作ってみたので紹介してみます。jQuery…

READ MORE

以前ここでも「CSS3 Transitionプロパティでアニメーションを実行させるパターン【ページロード/マウスオーバー/クリックアクション】」と題して、CSSアニメーションの実行パターンをいくつか紹介しましたが、アニメーションの実行制御をCSS側でなくjQueryで操作させる方法が簡単でいろいろとこの先使えそうだった…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner