スクロールに応じてアニメーション！Waypoints.jsを使って動きをつける方法
スクロールさせるとアニメーションさせるjQueryプラグインはたくさんありますが、今回はWaypoints.jsを使った方法を説明します。アニメーションさせたい要素が複数ある場合や、それぞれ違う動きを...
2ページ目だよ
【サイト制作】共通部分をパーツ化！効率的にサイトを作るテクニック
HTMLを使った静的サイトを作成するとき、headerやfooterなど共有部分をパーツ化することで効率的にサイトを作ることができます。ページごとにheaderやfooterを何度も書く必要がなく、共...
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を使ってサイト制作していくことが前提です。 この記事の目次 サイト用フォ...
WordPressのお問い合わせにGmailを設定する方法【Contact Form 7・MW WP Form】
WordPressのコンタクトフォームにgmailを設定していますが、googleのセキュリティ強化によってgooogleアカウントとパスワード登録では使えなくなりました。今後使用するにはGoogle...
WordPressサイトをSSL化！httpからhttpsに変更するお手軽３ステップ
SSL化とはサイトやブログのURLをhttpからhttpsに変更し、WEB上の通信を暗号化することでセキュリティを高める方法のこと。今回はWordPressで運営しているサイトを独自SSL化（無料）す...
WordPressに独自のjQueryを追加・管理する方法〜functions.phpへの書き方
WordPressには初めからJquery本体が読み込まれているため、独自に設定する必要はありません。ただ、使用するjQueryのバージョンを自分で選びたい場合や、プラグイン以外でスライダーやアニメー...
サムネイル画像のトリミング位置を自由に変更できるWordPressプラグインとは？
WordPressでサムネイル画像を自由にトリミングできるプラグインと言えば、「Post Thumbnail Editor」や「Thumbnail Crop Position」が有名です。ただ２つとも...
Macでフォントを管理するおすすめツール〜RightFontが便利すぎ
デスクトップ上から手軽にフォントを管理できるツール、RightFontを紹介します。こちらはMacユーザー限定の有料買い切りソフト（約5,000円）です。 公式サイト RightFont RightF...
