CSS 文章をCSSで両端揃えにする方法
まとまったテキストを配置する際に、両端がずれているとちょっと気になることありますよね？WEBサイトでも紙面デザインのように「両端揃え」でテキストを配置したい場合は、CSSのみで実現可能ですので取り入れてみてください。HTMLを記述するサンプ...
mororeco
CSS 
DESIGN デザイナーに必要な8つのマインドセット
新人のデザイナーさん向けに、デザイナーとして仕事をするうえで、私が大事だと思うマインドを整理してみました。数年前と今では、違ったことを考えるようになったなぁと実感しながらどんどん湧いて出てきてしまうので、今回は絞って「8つ」にまとめてみまし...
Illustrator QRコード画像をパスに変換する方法
QRコード素材などをクライアント様から指定画像で受け取る場合がありますが、解像度の問題や読み取り具合によって、そのままチラシなどに配置できない場合があるかと思います。可能な限り、QRコード画像をベクターデータに変換（パス化）して配置したいで...
ブログ 誰でも写真で副業ができる可能性について
趣味で写真を撮るデザイナーもきっと多いはず、私も写真を撮るのがいつしか趣味になっているので、何かお金になる方法はないかなと思い「ストックフォトサービス」でいくつか写真を販売してみてはいるもののイマイチ本腰を入れきれずに今に至っています。写真...
jQuery 続きを読むでアコーディオンが開くjQuery・CSSの記述方法
お知らせやQ&Aなどで、途中までの文章を表示しておいて「続きを読む」ボタンでアコーディオンが開いて全体を表示させたい時があります。そんな時は、ちょっとしたjsとcssで実現できますのでやってみましょう。HTMLを記述するサンプル文として「人...
CSS flexboxで横並びを意のままに！
要素を横並びで配置するとき、かつてはfloatプロパティを使って左に流し込んでいた人も多いと思います。今では「flexプロパティ」を使うことでコードもスッキリ記述できるようになりました。グローバルナビ、コンテンツ、リンクバナーなど横並びに均...
生成AI Photoshopの生成拡張機能の使い方とアイデア
Photoshopには「生成拡張」と「生成塗りつぶし」という便利な拡張機能が実装されています。今までスキルが必要だった合成処理などが誰でも簡単に出来るようになりました。今回は「生成拡張」機能について使い方とアイデアをご紹介していきます。 ク...
DESIGN あなたが他者より抜きんでるには
個人事業主や小さな会社の社長に必要なブランディング思考。売上を上げるための、誰にでもできる小さな工夫の数々が記されています。・大手と同じことをしようとしても勝てるわけがない！・二番煎じで同じことをしても値切られて価格競争に巻き込まれるだけ！...
ブログ どんなサービスがお得か？を考える前に必要性を伝えなさい。
例えば、個室でのパーソナルトレーニングの契約を売りたいという案件を担当してるとします。筋トレって誰にとっても絶対に必要なサービスではないですよね？元々「トレーニングをしたい！」という意欲的な方や、「個室パーソナルトレーニングを過去に契約して...
CSS 縦書き文字を上下左右の中央にCSSのみで配置する方法
和風ホテルや割烹料理店などの公式サイトで「縦書き文字」を上品に使っているのをよく見かけます。今回の記事はピンポイントで「縦書き文字を画面や親要素の中央に配置する方法」をご紹介します。左右の中央に配置する方法を解説しているサイトはいくつかあり...
ChatGPT ChatGPTに商品をPRするリリース文を考えてもらおう
新商品を開発してローンチする際に、SNSやプレスリリースで商品の特徴や魅力をしっかりと発信していきたいもの。ではいざ魅力ある文章を考えるのって結構難しいですよね。そこでChatGPTではどのような文書を作成してくれるか？試してみましょう。商...
ChatGPT ChatGPTに商品名とコピーを提案してもらおう
自社で新商品を発売するにあたり、商品名のアイデア出しでChatGPTを活用できるのか？商品の特徴やイメージを情報として提示してみたら、どんなネーミングを提案してくれるのか試してみました。商品の特徴 女性向けのハンドクリーム 保湿成分が高い ...
ChatGPT ChatGPTにSNS用の告知分を考えてもらおう
新しく発売する商品やサービスの発表のタイミングで、InstargmやXなどでも告知したい。認知度を広げたいのでSNSで発信をしながら広告運用も考えているが、どんな告知文を書けばいいのかわからない・・・。そんな時にはChatGPTに「SNS用...