Web制作に役立つ情報一覧

独立したCSS translate・rorate・scaleプロパティだからできる、豊かなアニメーションテクニック！

2023/03/13(Mon) 08:56

最新のCSSではtranslate、rotate、scaleをプロパティとして独立して指定できるようになりました。これにより複雑な記述をせずとも別々のタイムラインの指定やイージングの指定など柔軟なアニメーション表現が可能になりました。本記事では独立した特長とそれらを活かしたアニメーション表現を紹介します。

https://ics.media/entry/230309/

これは簡単で楽！ スクロールバーのデザインを変更するCSSを確認しながら生成できるツール -Scrollbar.app

2023/03/10(Fri) 08:58

スクロールバーは、長いコンテンツのWebサイトに不可欠な要素です。ブラウザにはスクロールバーのデフォルトのスタイルがありますが、サイトのデザインに最適とは限りません。スクロールバーのデザインを変更するのは、CSSで簡単にできます。

https://coliss.com/articles/build-websites/operation/css/css-scrollbar-selectors-app.html

デザインの世界では無視できない「文字」と「ロゴタイプ」の話。

2023/03/09(Thu) 08:58

決して大げさな表現でなく、私は人類史上最高のデザインは「文字」だと思っています。「文字」がデザイン？文字は文字でしょ？という方もいるかと思いますが、図形をルールに従って並べコミニュケーションをとるという行為は、紛れもなくデザインによって成り立っているもの。

https://note.com/pkgtokyo/n/nbfd8a2f60b96

動くWebデザインの最新アイデア28個まとめ

2023/03/08(Wed) 09:00

ウェブサイトやモバイルアプリを魅力的にしたいときは、アニメーションを利用すると良いでしょう。その理由は、ユーザーの注目を無意識に集め、美しさも表現できるから。さまざまなデザイントレンドとしても、毎年選出されており、まずます需要が高まっています。

https://photoshopvip.net/144594

WordPressの今までの解説書は全部過去のものに、制作の仕様が大きく変わったブロックテーマの使い方がよく分かる解説書 -作って学ぶWordPressブロックテーマ

2023/03/06(Mon) 08:49

「ブロックテーマ」とは、WordPressのサイトエディタのために用意された新しいテーマのフォーマットで、Gutenbergのブロックを使用してテンプレートを構成するものです。WordPressが後方互換を考慮するかぎり、今までのクラシックエディタや初期のGutenbergも使用できると思いますが、これからWordPressのテーマを制作するなら、このブロックテーマが必須になります。

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

ChatGPTの次はこれ！無料で利用できるAI生成ツールまとめリスト

2023/03/03(Fri) 09:01

ChatGPTの世界的なブームのおかげで、あらゆるツールがAIを活用するという、新しい時代に突入しました。しかし、このAIブームは、あっという間に飽和状態となり、似たようなサービスがいくつも乱立する、カオスな状態となっています。もちろん、さまざまなAIツールを試すのは、長所と短所を理解できる良い方法です。実際、AIツールの多くは利用の制限がありますが、使うまで気づかないということもよく聞きます。

https://photoshopvip.net/144565

好きに選べる、センスのいい最新フリーフォントまとめ 2023年2月版

2023/03/01(Wed) 09:19

文字を入力するだけでおしゃれに魅せる、トレンディーな書体が大集合

https://photoshopvip.net/144486

CSSの知っておくと便利なフクロウセレクタの使い方！ 要素を積み重ねる時のマージンにかなり便利です

2023/03/01(Wed) 09:18

兄弟要素を積み重ねる時、垂直マージンをどのように実装していますか？要素を積み重ねる時のマージンは、フクロウセレクタ（* + *）を使うと簡単です。さらに、>を追加することで、マージンが再帰的に与えられるのを防ぎます。たった3行のCSSで積み重ねる時のマージンを管理できる、フクロウセレクタの効果的な使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/about-css-owl-selector.html

迷わず決定 Adobeの配色カラーパレット、アイデア101個

2023/02/28(Tue) 08:58

デザインで配色えらびが重要なのは分かっているが、いつも迷って時間がかかるという人も多いでしょう。この記事では、時短にも役立つAdobeの配色アイデア101個をご紹介します。

https://photoshopvip.net/144449

コピペで簡単！他と差のつくHTML/CSSスニペット30選まとめ

2023/02/27(Mon) 08:55

Webデザインをするとき、どんなデザインや仕掛けを採用したらよいか、迷うというひとも多いのではないでしょうか。今回は印象に残るウェブデザインを表現できる、最新のHTMLスニペットをまとめてご紹介します。

https://photoshopvip.net/144432