Canvaってこんなこともできるんだ! プロユースとしても十分な機能を備えたデザインのテクニックがよく分かる解説書 -Canva 基本&デザインTIPS!

※本ページは、アフィリエイト広告を利用しています。

ここ1,2年、Canvaの進化がすごいですね!
一昔前は割とシンプルでやれることは限られていましたが、現在ではかなりいろいろなことができ、プロユースとしても十分な機能を備えています。

そんなCanvaの基本から応用まで、かなり複雑になった機能についてもよく分かる解説書を紹介します。Canvaをしばらく使っていなかった人には、えっ! こんなこともできるんだ!! と驚くと思います。

Canva 基本&デザインTIPS!

続きを読む

誤解しているかも! CSSの詳細度について、よくある誤解を解説

CSSの詳細度とは、(0,0,2)(1,0,0)など3つの数字でスタイルを適用する際の優先度を決めるブラウザのアルゴリズムです。要素に対して複数のCSS宣言があり、そのプロパティや値が競合している場合、詳細度が高いものが優先されます。

このCSSの詳細度について、よくある誤解を紹介します。

CSSの詳細度について、よくある誤解を解説

Misconceptions about CSS Specificity
by Bramus!

続きを読む

CSSはどんどん進化している! マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning

ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。

これまでは、JavaScriptがないと実装できないエフェクトでした。レスポンシブにも完全対応、アイテムが二段・三段と複数になっても、水平・垂直になってもエフェクトは追従します。

デモのキャプチャ

Anchor Magnet Slide Menu

続きを読む

UIデザインに最適! トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors

WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。

デバイスに依存しない、トーンを合わせたカラーパレットをOKLCH色空間で簡単に作成できる無料ツールを紹介します。RGBやHEX値もサポートしています。

 トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors

The good colors

続きを読む

今年発売されたばかりの新刊も対象になってる! SBクリエイティブ50%ポイント還元キャンペーンがKindleストアで開催

※本ページは、アフィリエイト広告を利用しています。

Webやプロダクトのデザイン、配色のアイデア集、同人誌・絵師さん向けのイラスト関連の良書がかなりたくさん対象となったSBクリエイティブ50%ポイント還元キャンペーンが開催されています。50%ポイント還元なので、実質半額ですね。

期間は5/30(木)まで。
ポイント還元キャンペーンで嬉しいのは、最近のKindle本も対象になっていることです。かなりお買い得なので、お見逃しないように!

Kindle本 50%オフセールの対象Kindle本

Kindle本ポイントキャンペーン|SBクリエイティブ特集
※キャンペーン期間は、5/30まで

続きを読む

イラストの立ち絵や視線誘導、配色など、キャラクターをより魅力的に描くテクニックが学べる一冊 -強いキャラクターデザイン

※本ページは、アフィリエイト広告を利用しています。

プロのイラストレーターによるキャラクターデザインは、視覚的な想像力やストーリーテリングの力、デザインのテクニック、心理学に関する知識などを組み合わせて魅力的なキャラクターが生み出されます。

動画やゲームなどのバーチャル空間におけるキャラクターデザインの作り方や考え方がよく分かるデザイン書を紹介します。

強いキャラクターデザイン

続きを読む

Web制作者は要チェック! Chrome 125で新しく追加された4つのCSSの機能

Chrome 125で追加された、CSSの新しい機能4つを紹介します。
今回のアップデートでは、今まではJavaScriptを使用しないと実装できなかったアンカーのポジションをCSSだけで設定できるようになりました。また、新しい関数やスクロールバーのカラースキームなど、Web制作者は要チェックです!

Chrome 125で新しく追加された4つのCSSの機能

New in Chrome 125
Chrome 125 beta

続きを読む

コピペで簡単に実装できる! Tailwind CSSで実装されたボタンの最新コレクション -Tailwind CSS button collection

Webサイトの外観を向上させるためにデザインされた、Tailwind CSSで実装されたボタンのコレクションを紹介します。

ボタンの実装はJavaScriptは無し、Tailwind CSSで実装されたさまざまなエフェクトが用意されています。コードはコピペするだけで、簡単に実装できます。

コピペで簡単に実装できる! Tailwind CSSで実装されたボタンの最新コレクション

Tailwind CSS button collection
Tailwind CSS button collection -GitHub

続きを読む

top of page

©2024 coliss