Web制作に役立つ情報一覧

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

HTMLにsearch要素が追加されたぞ！

2023/03/30(Thu) 09:04

先週、HTML Living Standardの仕様にsearch要素が追加されました。ブラウザへの実装はまだ先になると思いますが、検索フォームを実装する時は下記のようなHTMLを使用できるようになります。アクセシビリティの面でも率先して使用していきたいですね。

https://coliss.com/articles/build-websites/operation/work/add-the-seach-element.html

【無料・有料】文章校正ツールおすすめ6選の機能比較！AIでのカスタマイズ校閲時代がやってきた

2023/03/30(Thu) 09:04

「冷たい印象になるから」と、若い人はメッセージのやりとりで句読点をつけたがらない。そんな話を聞いて「俺、もしかして冷たい人間と思われているかも？」とショックを受けました…。10年以上の紙媒体編集者歴を経てWeb編集者に転身した自分ですが、いまだに戸惑うことがあります。それは、Web編集ならではのスピード感です。

https://liginc.co.jp/624157

CSSで角丸を美しく実装する方法、相対角丸のテクニック

2023/03/29(Wed) 08:55

角丸を外側と内側のパネルに使用した際、違和感を感じたことはありませんか？数値的には同じ値の角丸を使用しても、内側の角丸の方が少し大きく見えて、不格好になってしまいます。この外と内の角丸をバランスよく美しく、CSSで実装する相対角丸のテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/relative-rounded-corners.html

画像生成AIサービスAdobe Fireflyが登場 著作権問題をクリアに

2023/03/28(Tue) 09:00

Adobeが独自のAI画像生成ツール、「Adobe Firefly（アドビ・ファイアフライ）」のベータ版をリリースを発表しました。画像や動画、音楽などあらゆるAI関連サービスがリリースされるなか、この一年間沈黙を貫いてきたAdobe。ついにラスボス登場、といったところでしょう。

https://photoshopvip.net/145001

ヴィンテージ・レトロ好きのための大人デザイン素材集

2023/03/27(Mon) 11:09

人気のレトロ、ヴィンテージデザインを、あらゆる角度で見直し、他とは異なる素材集を作ることをミッションに完成した、The Exquisite Vintage Creative Collection。幅広い美しいデザインを集め、できるだけシンプルに使えて、誰でも簡単にデザインを楽しむことができるように、工夫し作り上げています。

https://photoshopvip.net/144950