今回はMacでgemをインストールして、バージョンなど管理する流れを説明します。 説明する環境は以下の通りです。 macOS Mojar v10.14.6 Visual Studio Code v1....

gulpとはnode.jsベースで動くパッケージで、いままで面倒だった作業を自動化してくれる優れもの。今回gulp4で設定する内容は以下になります。 Sass（expandedとcompressedを...

VScode（Visual Studio Code）とは軽量かつ高速で動作する高機能エディタ。WindowsでもMacでも動作し、無料とは思えない機能の豊富さ、動作の軽さから多くのプログラマーから選ば...

今回はカスタム投稿一覧を固定ページに出力する方法を説明します。固定ページの他にトップページにカスタム投稿から４記事だけ出力させたい場合などにも使えます。 この記事の目次 カスタム投稿とカスタム分類を作...

WordPressのテーマ制作にはPHPとデーターベースを扱える環境が必要です。ただ、DreamweaverではPHPは扱えますが、データーベースを作る機能はありません。そこでFlywheelという無...

今回はPhotoshopでネオン管を使ったような文字の書き方を紹介します。 この記事の目次 ネオン部分となる枠と文字を作る ネオン効果をつける 一部のネオンの色を変える ネオンの色を強調させる ネオン...

今回はPhotoshopで昼間の写真を夜に変える方法を説明します。写真全体の明るさや色味の調整と、昼の空から夜の空に差し替えるだけで実現できるテクニックです。 この記事の目次 写真を配置する 「昼間」...

今日は炎のテクスチャを使って写真と合成するテクニックを紹介します。炎の背景が黒であればどんな写真にも馴染ませることができるので、ぜひ試してみてください。 この記事の目次 Photoshopに写真を配置...

今回はテキストも画像もパララックスできるRellax.jsの使い方を紹介します。jQueryに依存しないで使えるプラグインですが、今回はjQueryを使用して説明します。 まずはデモサイトを作ったので...

今回はローディング画面をjQueryで実装する方法を紹介します。アニメーションや画像を多く使っているサイトにおすすめです。 デモサイト この記事の目次 HTMLに書くこと CSSに書くこと image...