Web制作に役立つ情報一覧

【商用OK】おしゃれで使いやすいフリーフォント45個まとめ

2023/04/14(Fri) 08:52

おしゃれなフォントを探しているが、あまり予算がないとお困りの方へ。どれも無料ダウンロードでき、商用利用にも対応したフリーフォントをご紹介します。フォント選びに迷わず、入力するだけでおしゃれな雰囲気を演出できます。

https://photoshopvip.net/145373

UIデザインに必須の16の論理ルール！ デザインは細部のちょっとした作り込みが使いやすさを決める

2023/04/14(Fri) 08:51

UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。長い記事なので、時間がある時にゆっくりご覧ください。

https://coliss.com/articles/build-websites/operation/work/16-ui-design-rules.html

Sass不要！CSSだけでも変数やネスト、演算子が使えるよ！

2023/04/13(Thu) 08:59

CSSをより便利に、効率よく記述できるSass。利用しているWebサイト制作者も多いでしょう。近年はCSSでもSassのような書き方ができるようになってきているので、Sassとの書き方の違いとともに紹介します！

https://www.webcreatorbox.com/tech/sass-to-css

デザインは余白でこんなに変わる！Webデザイナーが解説

2023/04/11(Tue) 08:55

この記事ではデザインをする上で重要な要素である「余白」について解説します。「デザインがごちゃごちゃしてしまってなんだか垢抜けない……」「かといって余白を作るとスカスカしてしまいそうで怖い……」そんな経験をしたことのある方向けに、余白の役割と効果的な使い方、意識するべきポイントを解説します。

https://liginc.co.jp/624584

イラレ(Illustrator)で矢印を追加する超簡単な方法【図解】

2023/04/05(Wed) 09:10

「Illustrator（イラレ）で矢印を作成する方法」について、イラレ初心者の方向けに、実際の画像をお見せしながらわかりやすく解説していきます！この記事を読めば、一番簡単な方法で矢印が作れるようになります！「矢印は三角と線を組み合わせて作っている……」「いつも素材サイトからダウンロードしがち……」という方は簡単に作れる矢印制作にチャレンジしてみましょう！

https://liginc.co.jp/624649

AIでコードを生成！ テキストを入力すると、UI要素やコンポーネントを実装するHTMLとCSSを生成してくれる -AI CODE

2023/04/05(Wed) 09:09

AIは、Web制作にもすごい速さで浸透しそうですね。今までも似たツールがいくつかあったのですが、かなり出来がよいので紹介したいと思います。テキストを入力、たとえば「シンプルでモダンなナビゲーション　アイテムは日本語」と入力すると、そのUI要素を実装するHTMLとCSSを生成してくれるAIツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/text-into-html-and-css-with-ai.html

画像生成AI Midjourney（ミッドジャーニー）とChatGPTの組み合わせ最強説

2023/04/04(Tue) 08:52

画像生成AIに興味はあるけど、どうすれば魅力的な仕上がりにできるかお困りの方へ。このガイドはMidjourneyコミュニティーや、Twitterなどで話題のプロンプトを中心に、実際に試しながら「これは使える！」、と感じた小技やポイントをまとめています。デッサンや写真撮影のスキルがなくても、誰でも画像生成をはじめることができます。

https://photoshopvip.net/145164

CSSのfont-familyの書き方のまとめ、スマホ・デスクトップの各最新OSにインストールされているフォントを使用 -Modern Font Stacks

2023/04/04(Tue) 08:51

iOS, Android, macOS, Windows, Linuxの各最新OSにデフォルトでインストールされているフォントをCSSで使用するときに、font-familyにどのように定義するとよいのかが分かるModern Font Stacksを紹介します。日本語フォントには残念ながら対応していませんが、英語フォントを使用する際のfont-familyの書き方がまとめられています。

https://coliss.com/articles/build-websites/operation/css/system-font-stack-css-organized.html

AIイラストブーム到来、Adobe Fireflyベータ版の使い方

2023/04/03(Mon) 09:00

Adobeが先日発表した、画像生成AIのAdobe Firefly（ファイアーフライ）。現在はリクエストが通ったひとから、ベータ版を利用できるようになりますが、今回リクエストが通ったため、どのようなことができるのか、実際に見ていきます。

https://photoshopvip.net/145111

画像生成AIの情報が整理されていて分かりやすい、一通り知っておきたいことがまとめられられた解説書 -先読み！IT×ビジネス講座 画像生成AI

2023/04/03(Mon) 09:00

画像生成AIが大きな注目を集めていますね。しかし、情報の量も非常に多く、少し混乱してしまうこともあるかもしれません。画像生成AIとはどんなサービスなのか、どんな仕組みで生成されるのか、どうやって使用すればよいのか、お勧めのサービス、キーワードの作り方、思い通りの画像にするための呪文、著作権などの法律上の問題点、画像生成AIの活用方法など、これだけは理解しておきたいというのがまとまった一冊を紹介します。

https://coliss.com/articles/book-review/isbn-9784295016267.html