これは読んでおかないと! UIデザインの使いやすさと機能性にフォーカスをあてて詳しく解説したデザイン書 -UIデザインのアイデア帳

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

WebサイトやスマホアプリのUIデザインで、見た目だけの美しさではなく、使いやすさと機能性にフォーカスをあてて詳しく解説したデザイン書を紹介します。

UIデザインのアイデアに困ったときに、ブラッシュアップさせたいときに、UIデザインの考え方から改善に役立つ知識やテクニックが満載の一冊です。

UIデザインのアイデア帳

続きを読む

CSSグラデーションで日の丸が実装できるとは驚いた! 日本の国旗をたった3行のCSSで実装するテクニック

昨日、Xで話題になっていたCSSで実装する日本の国旗、日の丸を紹介します。

HTMLはdiv一つだけで、あとはたった3行のCSSで簡単に実装できます。もちろん、レスポンシブにも対応しています。

日本の国旗をたった3行のCSSで実装するテクニック

続きを読む

UIデザイン用のアクセシブルなカラーパレットを自動生成するツール -Accessible Color Palette Generator

UIデザイン用のカラーパレットを作成するのは、簡単そうに思うかもしれません。しかし、アクセシビリティの要件を満たし、ブランドのアイデンティティやスケールのバランスが取れたカラーパレットを作成するには手間と時間がかかります。ほとんどのツールを使用しても、これらの要件を満たせるものは数が少ないです。

UIデザイン用のアクセシブルで、ライトモードとダークモードにも対応、アクセントカラーやニュートラルカラーでスケールの取れたバリエーションも自動生成してくれる便利ツールを紹介します。

UIデザイン用のアクセシブルなカラーパレットを自動生成するツール -Accessible Color Palette Generator

Accessible Color Palette Generator

続きを読む

これはびっくりの激安セールが開催! Affinity Photo 2とDesigner 2がまさかの71%オフ、期間は5/4まで

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

Affinity Photo 2とAffinity Designer 2の半額セールは見たことあるのですが、まさかまさかの71%オフセールがソースネクストで開催しています!

ブラックフライデーでも半額、Affinityの記念セールでも40%オフとかでしたが、通常10,400円が71%オフの2,980円です。

セール期間は5/4までなので、この機会をお見逃しないように。
Affinityの大きな特徴は、買い切りであること。興味はあったけど、できれば安いときにと思っていた人にはこれ以上はないタイミングです。

Affinity PhotoとAffinity Designerが驚異の71%オフ、5/4まで

続きを読む

AmazonのスマイルSALE ゴールデンウィークは本日まで! セールで私が買ったもの、見逃しがちなお買い得品を紹介します

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

Amazonでビッグセール「スマイルSALE ゴールデンウィーク 2025」が、4/21の本日まで期間限定で開催しています。通常のセールよりもかなり安くなって、非常にお買い得です。

せっかくなので、私が今回のセールとここ1,2年の間にAmazonで購入して、本当によかったもの、リピ買いしているものを紹介します。セール対象のものも多く、当然私はストック用に購入しました。

サイトのキャプチャ

Amazon スマイルSALE ゴールデンウィーク 2025

続きを読む

創作向けの類語辞典はこれまでのとは異なる! キャラクターの感情を表現するアイデアが見つかる -感情増幅類語辞典

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

普通の類語辞典とはひと味もふた味も異なり、創作に役立つアイデアやヒントが満載の類語辞典を紹介します。

「感情増幅類語辞典」は、「感情類語辞典[増補改訂版]」の副読本という位置づけで、小説、脚本、テレビ、映画、アニメ、マンガ、ラノベ、同人誌で、キャラクターの感情を表現するときの新しいアイデアを引き出す助けとなる類語辞典です。

感情増幅類語辞典

続きを読む

ブックマークしておくと便利! よく見かけるUIコンポーネントやUI要素を実装するCSSのまとめ -CSSnippets

Webサイトやスマホアプリでよく見かけるボタンやカード、フォーム、ローディングなど、UIコンポーネントやUI要素を実装するCSSのコード、Tailwind CSSのコード、さらにはReactのコードをまとめたCSSnippetsを紹介します。

これ使うかもと思ったCSSは、自分のスニペットに保存しておくと便利ですね。

Webサイトやスマホアプリでよく見かけるUIコンポーネントとUI要素を実装するCSSスニペットのコレクション

CSSnippets

続きを読む

CSSの:visitedの仕様が変わる! 訪問済みリンクの履歴が分割される機能がChrome 136に実装されます

今月リリース予定のChrome 136で、訪問済みリンクの履歴検出攻撃を無効化する機能が実装される予定です。

簡単に説明すると、:visitedによるリンク履歴が分割される機能が実装され、サイトA上でクリックしたサイトBへのリンクは、サイトA上では訪問済みになりますが、サイトC上のサイトBへのリンクは訪問済みにはなりません。履歴にはサイトBへのリンクはサイトA上でという情報も加わるようになります。

訪問済みリンクの履歴が分割される機能がChrome 136に実装されます

Making :visited more private
by Kyra Seevers

続きを読む

top of page

©2025 coliss