同人誌のアイデアがたくさんで面白い！ イラスト・マンガ・技術書の同人誌に特化されたデザインの解説書 -STEP UP! 同人誌のデザイン
Post on:2023年5月19日
同人誌はその中身はもちろん、装丁にも自分の「好き」を自由に詰め込むことができます。レイアウト、カラー、フォント、紙の種類、印刷、加工など、装丁の基礎知識からさまざまな実例と豊富なアイデアが収録されたデザイン書を紹介します […]
UIデザインに最適！ シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons
Post on:2023年5月18日
WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。 アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデ […]
CSSのブレンドモードを美しいデモでインタラクティブに学べる -Brad Woods' Digital Garden
Post on:2023年5月17日
CSSのブランドモードは、知っているけどあまり使用したことがないという人もいると思います。そんなCSSのブレンドモードを使用して、さまざまな美しいデモでインタラクティブに学べるサイトを紹介します。 CSSのブレンドモード […]
CSS コンテナクエリ（@container）の便利な使い方を解説
Post on:2023年5月16日
CSSのコンテナクエリとは、親コンテナに基づいてスタイルを定義できるCSSの新機能です。これによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。 2023年2月14日にFiref […]
プレーンなHTMLで、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワーク -Neat CSS
Post on:2023年5月16日
ポートフォリオやブログ、テキストサイトやシンプルなショップなど、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワークを紹介します。 HTMLもシンプルでプレーンなため、実装は簡単です。CSSはそのまま […]
CSSでこんな実装ができるとは！ 美しい光がきらり✨とボーダーに沿って回転するボタン -Button Shimmer Tricks
Post on:2023年5月15日
ぱっと見は普通の角丸ボタン、CSSグラーデションで実装された美しい光がきらりとボーダーに沿って回転するボタンを実装したデモを紹介します。 小さなボタンですが、CSSコンテナクエリをはじめ、CSSによるマスク、hsl()の […]
Notionをさらに使いこなす！ Webクリエイターとエンジニアにフォーカスした作業が捗るNotionの使い方が分かる解説書 -Notionプロジェクト完全入門
Post on:2023年5月12日
Notion（ノーション）をすでに使用している人も多いと思います。簡単に説明すると、iOS, Android, macOS, Windows, macOS対応のアプリで、そしてブラウザでも利用できるドキュメントを作成・共 […]
次世代のCSSグラデーションツールが美しすぎる！ すべての新しい色空間を完全にサポート -CSS HD Gradients
Post on:2023年5月11日
すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。 CSSの色指定に何を使用していますか？ […]
VS Code 1.78の新機能が便利！ 画像の相対パスが簡単に入力できるようになったぞ
Post on:2023年5月10日
VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルを […]
CSSの新機能、メディアクエリの新しいクエリ「update」がChrome 113で使用できるようになりました
Post on:2023年5月9日
2023年5月4日にリリースされたChrome 113で、CSSの@mediaで新しいメディアクエリが使用できるようになったので、紹介します。 新しいクエリはupdateで、WebサイトやアプリのUIをデバイスのリフレッ […]
sponsors
