GoogleMapが表示されない３つの原因と解決方法 - APIキーの設定ミスが9割
ホームページにGoogleMapを埋め込んでも表示されない原因は3つです。今回はその原因と解決法について説明します。 前提条件 GoogleMapのAPIキーは取得済みブログではなく、企業ホームページ...
新しい記事一覧
SVGアイコンを一括管理できる無料ツール - Iconsetが最高にオススメ
今回はデスクトップ上でSVGアイコンを一括管理できるツール、「Iconset」を紹介します。アイコンを大量に登録しても重くならず、かつ無料で使えるツールです。 SVGアイコンを一括管理できるIcons...
WordPressでプラグインなしで画像を遅延読み込みする方法 - lozad.jsの使い方
今回はWordPressにある遅延読み込み用のプラグインを使わないで、lozad.jsを使って実装します。jQueryに依存していないのでlozad.js単体で動作します。 説明する環境は以下の通りで...
gitのコマンド一覧 - 忘れるコマンドを管理する
gitでよく使うコマンドについてまとめてみました。コマンドの説明については#の部分に書いてありますが、基本的にはコピペ用に作成しています。 説明する環境は以下。 macOS Mojar v10.14....
Photoshopで合成！- 切り取った画像と背景の色合いをなじませる手順
今回はPhotoshopで切り取った画像と背景の色合いをなじませる方法を紹介します。まったく色味の違う画像を合成するときに役立つテクニックです。 この記事の目次 切り取った画像と背景の色合いをなじませ...
Zendeskのテーマ開発でSassとAutoprefixerを設定する手順
Zendeskのテーマを作るときに開発環境でSassとAutoprefixerを設定する方法を紹介します。今回は個人的な備忘録になります。 前提条件は以下。 エディタの拡張機能でコンパイルしない Ze...
Photoshopのおすすめ初期設定 - Webバナー Webデザイン用
今回はWebバナーやWebデザインに必要なPhotoshopの初期設定について説明します。 説明する環境は以下の通りです。 macOS Mojar v10.14.6 Photoshop cc 2020...
Photoshopで髪の毛を切り抜く！ - アルファチャンネルを使った確実な方法
今回はPhotoshopで髪の毛を綺麗に切り抜く方法を紹介します。アルファチャンネルを使うと細かい髪の毛や、複雑な背景であっても切り抜くことができます。ただし手軽にできるものではないので、サクッと切り...
Zendeskのテーマ制作環境をローカルに作る４ステップ！
今回はZendeskのテーマ制作する環境をローカルに作る手順について説明します。 前提条件は以下になります。 Zendeskの新規テーマを制作する 構築するドメインは「hogehoe.zendesk....
「Live Sass Compiler」の設定方法 - VScodeでSassを書く
今回はVScodeの拡張機能「Live Sass Compiler」の設定方法を説明します。手軽にSassを書ける環境を作れるのでおすすめです。この機能には自動でベンダープレフィックス（Autopre...