今回はAdobe社が提供しているDreamweaver CC 2019の基本的な設定方法を説明します。HTMLファイルとSassを使ってサイト制作していくことが前提です。 説明する環境は以下の通り。...

背景画像をフェードで切り替えて、さらにページネーションも使えるスライダーを紹介します。jQueryを使わず単体で動作します。 デモページ 前提条件は以下 jQueryは使わないページネーションとナビゲ...

今回はベーシック認証の設定方法について説明します。ユーザー名とパスワードを設定することで見る人を制限できます。ベーシック認証中は検索エンジンからindexされません。 説明する環境は以下です。 mac...

ブログの記事が長くなってくると、サイドバーのスペースが余ってしまうことはよくあること。最近ではサイドバーを固定して、記事を読み進めても追従してくるサイトをよく見かけるようになりました。今回は最も簡単に...

Cloud9のMySQLバージョンは5.5.57と標準の5.6を満たしていません。Cloud9上でサイトを作成して本番環境に移す分には問題はありませんが、その逆の本番環境からCloud9へサイトを移す...

サイトを制作するときにWindowsとMac、AndroidとiPhoneなど、OSや機種によって処理を変更することがありますよね。今回はjQueryでユーザーエージェントを判定して、bodyに特定の...

Cloud9とはクラウド上でプログラミングの開発環境が作れるツールのこと。無料で使えるうえに、ダウンロードも必要ない。wordpressの開発環境を作ろうと思ったら５分もかかりません。こんな便利なCl...

ズーム系スライダーを実装する方法はいくつかありますが、今回はjQueryを使って手軽に実装できるZoom Sliderを紹介します。 デモページ ※2019/12/5追記ズーム系のスライダーならSwi...

Internet Explorer（以下、IE）では下にスクロールしてもカチッとマウスホイールした分しか動きません。今回はIEユーザーでもマウススクロールに余韻をもたせるようにjQueryを使って設定...

パララックス効果を手軽に実装できるjQueryプラグインは多くあります。それゆえ数が多くてどれを選んだら良いか分からない人も少ないないはず。最近ではjQueryを使わなくてもcssでパララックス効果を...