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

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

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

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

Photoshopでネオン管の文字エフェクトを紹介します。アルファベットのほうがリアルですが、今回は日本語で作成してみました。 説明する環境は以下の通りです。 macOS Mojar v10.14.6...

今回はPhotoshopで昼間の写真を夜に変える方法を説明します。写真全体の明るさや色味の調整と、昼の空から夜の空に差し替えるだけで実現できるテクニックです。 説明する環境は以下の通りです。 macO...

今日は炎のテクスチャを使って写真と合成するテクニックを紹介します。炎の背景が黒であればどんな写真にも馴染ませることができるので、ぜひ試してみてください。 説明する環境は以下の通りです。 macOS M...

今回はテキストも画像もパララックスできるRellax.jsの使い方を紹介します。jQueryに依存せずに使えるプラグインです。 デモページRellax.js公式サイト ※2020.03.19追記jQu...

今回はJavaScriptでローディング画面を実装する方法を紹介します。アニメーションや画像を多く使っているサイトにおすすめです。 デモサイト 前提条件は以下 jQueryは使わない画像と背景画像を読...

WordPressのGutenbergではブロックごとにテキストや画像を入れます。ブロックとは以下のようにアイコン化されていて、入力したい内容に沿って選択します。（例：画像を挿入したかったら画像のアイ...