【卓上・スタジオ撮影・屋外・自撮り…多用途女優ライトを発見！】 卓上用の女優ライトは所有しているのですが、「卓上でも少し高いところから照らしたかったので伸縮式のスタンドが付いた女優ライトがほしいな、どうせなら立って使えるくらい高くなる方が...

昨今のコロナ禍において在宅ワークやリモートワークが注目されていますが、そのリモートワークにうってつけの仕事がWEBデザインです。 WEB業界はまだまだ活況で、今後の需要も見込めます。フリーランスや副業・複業・転職を検討している方で、未経験から「...

WordPressのローカル環境を構築するときの定番『Local（local by flywheel）』。無料で手軽に、しかも複数のWordPressをローカル環境で構築できるので、多くの方が利用していてオススメのツールです。 でも複数のWordPressを管理していると、ついついパス...

フリーランスや副業・パラレルワークでWebデザイナーやフロントエンジニアを目指すとき、まずオススメするのが「Progate」「ドットインストール」です。 「Progate」「ドットインストール」どちらもオンラインでプログラミング学習ができ、多くの方が「初...

WordPressのスパム対策として、Googleの「reCAPTCHA V3」はとても便利です。 ただ、お問い合わせ画面の右下にreCAPTCHAのロゴが表示されて少々邪魔に感じます。 とくに、WordPressでお問い合わせフォームを設置するためのプラグイン「Contact Form 7」を使...

WordPressでアニメーションさせようとすると「javascriptやcssのカスタマイズが必要なんじゃないの？」と思われるかもしれません。 しかし、WordPressがブロックエディタ（Gutenberg）になった現在では、ブロックごとにアニメーションの設定ができるプラグ...

入力フォームのカスタマイズでよくあるのが「郵便番号を入力すると住所が自動で入力されるようにしてほしい」というご要望。ちょっと難しそうな感じがしませんか？ これが、実際やってみると意外と簡単です。 「Contact Form 7（コンタクトフォーム7）」は...

WordPressで画像を差し替える必要があって、CSSで簡単に対応できないかと思って調べたことを備忘録的に記事にいたします。 なるべくCSSだけで画像を置き換えたかったのですが、コーディングはCSSまでしかできません！という方にはオススメです。 以下は「○...

行間（行高）や字間（文字間隔）は、文章の読みやすさに大きく影響します。 読みづらい文章だと、続けて読みたいと思わないですよね。離脱率やセッション継続時間の低下に繋がりかねません。 きれいなサイトは、文章スペースもスッキリしていて読みやすい...

WordPressで、カスタマイザーでは変更できないテキストに対して「変更してほしい」とクライアント様からご要望があり、CSSで簡単に対応したときのことを備忘録的にまとめます。 CSSだけでテキストを書き換えることはできないかな？と思ってやってみました...

今回は、CSSで画像や文字などの要素に影をつける方法（ドロップシャドウ）をご紹介します。 【】 CSSで影をつけるのによく使われるのがbox-shadowです。要素のボックス全体（ボーダーとその内側）に対して影をつけます。 .sample { 　box-shadow:（横に影...

今回は、jQueryでチェックボックスを変更する方法をご紹介します。 「チェックボックス、全部チェック入れる・全部チェックを外す、特定のグループを全部チェック入れる・全部チェックを外す、という機能がほしい」というクライアント様のご要望があり、お...

【】 デザイナーにとってAdobe Creative Cloud（アドビ・クリエイティブ・クラウド 以下 Adobe CC）は無くてはならないものです。 フリーランスのデザイナー・クリエイターにとってPhotoshop・Illustaratorは必須、エディトリアルデザインにはInDesignは欠...

これが無いと始まらない、デザイナーにとって必須のツール『Adobe Creative Cloud（アドビ・クリエイティブ・クラウド）』。非常に重要なツールですが、少々高価なのがネックです。独立したばかりのフリーランスデザイナーなら、少しでも固定費を下げたい...

WordPressでサイトを立ち上げる際、どのテーマを選ぶかはとても重要です。 しかし、テーマと言っても無料のものから有料のものまで無数にあり、どれが良いのか迷います。初めてWordPressに触れる方は、まずここで止まってしまいます。（私もそうでした…） ...

デザイナーにとって大事なツール『Adobe Creative Cloud（アドビ・クリエイティブ・クラウド）』、キレイな画像がたっぷり『Adobe Stock（アドビストック）』。重宝するのですが、その分ちょっと高価です。そこで、安く利用する方法をご案内してきました。...

レスポンシブ全盛の今、CSSで要素の幅や高さを指定するときの単位に px よりも % を使うことが増えたと思います。でも、もっと便利な単位がありました。vh,vw。いやー不勉強でした…ということで備忘録的にまとめたいと思います。 【】 vh,vwは、ブラウザ（...

Webサイトにお問合せフォームを設置するとスパムメール悩まされます。スパム対策として有名なプラグイン『Akismet』がありますが、ここではGoogleの『reCAPTCHA v3』での対策を紹介します。 【reCAPTCHAとは？】 Webサイトにお問合せフォームを設置すると...

WordPressの問い合わせフォームの定番プラグインといえば【Contact Form 7】で、私も使用しています。これがある時点から機能しなくなったので、悪戦苦闘しながら対策したときのお話を備忘録的にまとめてみました。 お問い合わせが送信できない ある時、問...

Google AdSense（グーグルアドセンス）の審査は年々厳しくなっていると言われていますが、実際はどうなのか気になりましたので試しにサイト開設45日目15日の時点で申請してみました。以外にもあっさり審査が通り、その後他のサイトも連続合格しましたので...

デザイナー必須のツール『Adobe Creative Cloud（アドビ・クリエイティブ・クラウド）』。とても便利なのですが、高額なのが最大の問題です。開業したてのフリーランスデザイナーとしては、少しでも経費を削減したいですね。これまで、約半額で安く利用す...

WordPressのスパム対策として、Googleの「reCAPTCHA V3」はとても便利です。 ただ、お問い合わせ画面の右下にreCAPTCHAのロゴが表示されて少々邪魔に感じます。 とくに、WordPressでお問い合わせフォームを設置するためのプラグイン「Contact Form 7」を使...

WordPressのSEO対策としてよく挙げられるプラグイン『WordPress Ping Optimizer』。ですが「WordPress Ping Optimizerって必要?」という方もおられます。「SEO効果が無い」ということから、そのような意見を述べられているようです。 しかし、それは『Word...

WordPressのローカル環境を構築するときの定番『Local（local by flywheel）』。無料で手軽に、しかも複数のWordPressをローカル環境で構築できるので、多くの方が利用していてオススメのツールです。 でも複数のWordPressを管理していると、ついついパス...