Dreamweaver CC 2019でCompassを使うための設定方法
今回はDreamweaverでCompassを設定する方法を説明します。Compassの開発は2016年に終了しているので本来であればAutoprefixerを使うことがベストです。ただDreamwe...
ー 【ウェブ制作】に関する記事
Dreamweaver CC 2019でサイトをサーバーにアップロードするまでの手順
Dreamweaverでサイトを作成したら、次はサーバーにアップします。サーバーにアップするにはFTPソフト（FFFTPやFileZilla）を使うのが一般的ですが、今回はDreamweaverの設定...
Dreamweaver CC 2019の使い方〜サイト作成する環境を作る
今回はAdobe社が提供しているDreamweaver CC 2019の基本的な設定方法を説明します。HTMLファイルとSassを使ってサイト制作していくことが前提です。 説明する環境は以下の通り。...
背景画像をフェードで切り替えるスライダーSwiper.jsの使い方（ページネーションあり）
背景画像をフェードで切り替えて、さらにページネーションも使えるスライダーを紹介します。jQueryを使わず単体で動作します。 デモページ 前提条件は以下 jQueryは使わないページネーションとナビゲ...
ベーシック認証の設定方法 - サイトにパスワードをかけてアクセス制限する
今回はベーシック認証の設定方法について説明します。ユーザー名とパスワードを設定することで見る人を制限できます。ベーシック認証中は検索エンジンからindexされません。 説明する環境は以下です。 mac...
サイドバーを固定・追従する最も簡単なjQueryプラグインとは？
ブログの記事が長くなってくると、サイドバーのスペースが余ってしまうことはよくあること。最近ではサイドバーを固定して、記事を読み進めても追従してくるサイトをよく見かけるようになりました。今回は最も簡単に...
Cloud9のMySQLバージョンを5.6にする方法とは？
Cloud9のMySQLバージョンは5.5.57と標準の5.6を満たしていません。Cloud9上でサイトを作成して本番環境に移す分には問題はありませんが、その逆の本番環境からCloud9へサイトを移す...
ユーザーエージェントを判定し、bodyに特定のクラスをつける方法【jQuery】
サイトを制作するときにWindowsとMac、AndroidとiPhoneなど、OSや機種によって処理を変更することがありますよね。今回はjQueryでユーザーエージェントを判定して、bodyに特定の...
Cloud9のPHPバージョンアップを手軽に行う方法とは？【PHP5.5から7.1へ】
Cloud9とはクラウド上でプログラミングの開発環境が作れるツールのこと。無料で使えるうえに、ダウンロードも必要ない。wordpressの開発環境を作ろうと思ったら５分もかかりません。こんな便利なCl...
ズームアウトしながらフェードで切り替わるZoom Sliderの使い方
ズーム系スライダーを実装する方法はいくつかありますが、今回はjQueryを使って手軽に実装できるZoom Sliderを紹介します。 デモページ ※2019/12/5追記ズーム系のスライダーならSwi...
