Macでウェブ制作するための開発関連メモを残していきます。(html/JavaScript/jQuery など)

カテゴリー: JavaScript・jQuery

JavaScript/jQuery(Ajax)でページ読み込みする時のSEO対策

昔はAjaxでのページ読み込みはGoogleクローラーに認識されないから、ページがインデックスされないよって言われてましたが、もうJavaScriptのAjax読み込みでもSEO対策ができるようになってるらしいです。
Ajaxは作り手もユーザーにも便利なことが多いのでどんどん使えるようになったら嬉しいですね~。
というわけで色々調べたことをメモしていきます。

続きを読む

【jQuery】カスタマイズも簡単。定番スライドショーはbxsliderで

WEBサイトを作るとき、何かと入れる機会の多いスライドショー。簡単なようで、デザインを変えたいからといってゼロベースで作りだすと、意外に作るアクションも多くて大変です。

今回は、筆者がよくお世話になっている簡単設置・多機能・スマホにも対応、そして簡単なカスタマイズも対応しやすいおすすめスライドショーjQueryプラグイン・bxSliderをご紹介します。

続きを読む

【jQuery Plugin】透明画像のパラパラアニメが作れる SwitchAmimeChan

数枚のパラパラアニメが作れるスライドショーが欲しかったのですが、いいのが見つからなかったので作りました。
背景が透けて見える、透明画像をつかったパラパラアニメにも対応しています。

デモ用ページを作ったのでご紹介します。
デモとしてニュンニュン動いているロングなうさぎさんは、デザイナーの友人・ガーナさんに描いてもらいました。
どうもありがとう(^^)

スクリーンショット 2014-12-12 18.00.04

SwitchAmimeChanのデモページとダウンロードはこちらです。

SwitchAmimeChan – jQuery Plagin

一覧がさみしいので、まず5個くらいは作れたらいいな〜という目標でポツポツ作っていきます。
2014年残すところも少なくなってきましたが新年を迎えるまでがんばっていきましょう!

おわり

【jQuery Plugin】シンプル横方向スライドショー SlideChan

気がつけばもう2014年も終わりに近いですね…色々やっていることをまとめて残していきたいところです。
そのうちのひとつというにはやっつけですが、プラグインがひとつそこそこ形になったのでデモページも作ってGitHubにアップしてみました。

jQueryプラグインの、スライドショー「SlideChan」です。

続きを読む

【jQuery】ローディング・画像のプリロードを実装する

最近全画面表示のパララックスを使ったちょっぴりリッチなコンテンツを作る機会があったのですが、要素や初期化処理がそこそこ多くてローディングがないとサイトに訪問した瞬間に何かグチャグチャ動作するのが見えてかっこ悪い。

「読み込み中…56%」とかそんな感じのゲージとかを表示したい時なんかにも実際のロード状況がわからないと作れないなぁということで画像のプリロードなどのロード処理について調べてみました。

続きを読む

【jQuery】jQuery入門・基本の使い方(導入編)

htmlで簡単なウェブページが作れるようになってくると、ボタンをクリックしたら要素がアニメーションしたり、写真が自動的に切り替わったりできたらいいのにな〜と思いませんか?
今回は、ウェブサイトをちょっとリッチにできる、「jQuery」というものについて簡単にご紹介します。

続きを読む

© 2022 atomicbox

Theme by Anders Noren上へ ↑