Web制作に役立つ情報一覧

Appleデバイスの歴代モデルすべてを比較できて便利！ iPhone, iPadなどの画面サイズや機能のまとめ

2023/09/22(Fri) 08:58

Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスの画面サイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、セーフエリア、ウィジェットのサイズなど、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。

https://coliss.com/articles/build-websites/operation/work/complete-guide-for-ios-displays.html

CSSで実装できる、最新HTMLテクニック・スニペットまとめ 2023年9月版

2023/09/21(Thu) 09:17

目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変です。「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。

https://photoshopvip.net/151016

無料で使えるロゴなし編集ソフト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