Web制作に役立つ情報一覧

無料で使えるロゴなし編集ソフト7選！選び方も解説

2023/09/20(Wed) 09:08

個人・企業ともに動画の使用シーンが増えていますが、無料の編集ソフトを利用すると、動画編集ソフトのロゴが完成した動画に入ってしまうことがありますよね。「せっかく作った動画にロゴが入ってしまうのは嫌だな……」「クライアントに見せる動画にロゴは入れたくない」と感じる方に向けて、無料で使えるロゴなし動画編集ソフトを7つご紹介します。ソフトの選び方も合わせてお伝えしますので、動画編集を始めてみたい！という方もぜひ参考にしてみてください。

https://liginc.co.jp/633150

アドビAI革命 フォトショップのFirefly生成AIでできる驚きの使い方とは？

2023/09/15(Fri) 09:34

Adobeの画像生成AI「Firefly」が正式リリースされたことで、Photoshopデスクトップ版も最新版25.0にアップデート。これまでベータ版のみで利用できたアドビ生成AI機能、「生成塗りつぶし」と「生成拡張」がついに追加されました。この記事では、PhotsohopのFireflyによる生成AIをどのように利用できるか、実際に試しながら詳しく見ていきます。

https://photoshopvip.net/150940

これはすごい便利！ HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders

2023/09/15(Fri) 09:33

HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり、ローダーを探すときはここをチェックすることをお勧めします。ローダーが不要な人でもCSSアニメーションを楽しめると思います。

https://coliss.com/articles/build-websites/operation/css/collection-of-css-loading-animations.html

超リアルな人物の全身写真を数クリックで作成できるAI Human Generator

2023/09/14(Thu) 08:55

AI Human Generatorは、ほんの数クリックするだけで、超リアルな人物の全身写真をリアルタイムで作成できるオンラインAIツールです。

https://photoshopvip.net/150772

SVGとPNG完備のおしゃれなイラスト素材！ あらゆるメディアで完全無料で利用できる太っ腹ライセンス -Transhumans

2023/09/13(Wed) 08:52

商用でも完全に無料で利用できる、SVGとPNG完備のおしゃれなイラスト素材を紹介します。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、あらゆるメディアで無料で利用できます。イラストはすべて手描きのベクターで、80年代のSF映画や日本のイラストにインスパイアされて描かれています。

https://coliss.com/articles/freebies/illustration-library-transhumans.html

CSSのtext-shadowでシャドウをつけるときにハイライトを加えると、よりリアルで美しいシャドウが実装できます

2023/09/12(Tue) 08:54

イラストを描くときや写真のシャドウではハイライトが非常に重要ですが、CSSのシャドウでこの発想は抜けていました。テキストにCSSでシャドウを設定するときに、上部に1,2pxのハイライトを加えると、よりリアルで美しいシャドウになる実装テクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/highlight-compliment-to-a-text-shadow-effect.html

【商用無料】シンプルなUIデザイン向けベストSVGアイコンライブラリ42選

2023/09/11(Mon) 09:00

アイコンは、UIデザインにおいて重要な役割を果たします。メッセージを伝え、独自のブランド観をデザインで表現できます。しかし、アイコンひとつずつを作成するには時間だけでなく、当然スキルも必要です。また、プロダクトデザインなどでは、プロジェクトの進行に応じてアイコンは変更されがちで、何度も修正することもあります。

https://photoshopvip.net/150735

HTMLをWordPress化するときの実装から公開までの手順がよく分かる解説書 -HTMLサイトをWordPressにする本

2023/09/11(Mon) 08:59

HTMLベースのビジネスサイトをWordPress化する手順をていねいに詳しく解説した解説書を紹介します。HTMLやCSSのコードをどのようにWordPress化するのか、コンテンツに合わせたテーマファイルの構成方法、さまざまな要素のコード化、WordPressならではの条件分岐や機能の使い方、そしてローカル環境での開発方法、本番環境への移行方法（SSL化なども）まで、最新のWordPressに対応した実装から公開までの手順がよく分かります。

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

横並びになったボタンを同じ幅で配置するCSS

2023/09/07(Thu) 08:52

複数のボタンを横並びにしつつ、それぞれのボタンが同じ幅になるように合わせたいということがある。ボタンに同じwidthを指定すれば合わせられるが、するとラベルの長さに応じた幅にできなくなる。

https://yuheiy.com/2022-08-14-same-width-buttons

全部、商用利用も無料！ Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適

2023/09/05(Tue) 08:55

Google Fontsには日本語フォントや英語フォントをはじめ、さまざまな言語のフォントをすべて無料で使用できます。いやー、いい時代ですね。そんなGoogle Fontsの中からリーダビリティ、レジビリティに優れた、テキストを読みやすくするためにデザインされたアクセシブルなフォントを紹介します。教育機関で教材に使用されていたり、指導用として承認されているフォントをあります。

https://coliss.com/articles/build-websites/operation/work/accessible-with-google-fonts.html