コリス (@coliss.com.web.brid.gy) Bsky - nopzon.com

Bluesky Explorer

Posts by コリス

これからのデザインの新しい定番書！デザインのしっかりした知識とテクニックをかなり深く学べる -デザインの最強原則 ※本ページは、アフィリエイト広告を利用しています。気に入ったデザインを参考にしたけど、うまくいかなかった。なぜこのデザインなのか聞かれても、説明できなかった。そんな経験をしたことはありませんか？ WebやUIデザイン、 […]

2 days ago 0 0 0 0

ついに素材管理アプリ「Eagle」もAIに対応！手元の素材をAIが分析、目的の素材を見つける新機能「AI Search」が便利すぎる 当ブログのビジターも素材の管理に「Eagle」を使用している人がいると思います。私も6年前から画像やフォントの管理に使用しています。そんなEagleに新機能として「AI Search」が実装されました！これがまた非常 […]

3 days ago 0 0 0 0

Adobeユーザーはダウンロードしておこう！ Adobe Fontsで使用できる日本語フォントすべてを一覧できるPDF 2026年最新版 4月に、Adobe Fontsで使用できる日本語フォントが増えました！（紹介記事）今回のアップデートでは、多くのデザイナーに人気の七種秦史氏のフォントが大量追加され、極細のロゴナ、初登場となるG体（ジタイ）のフォント、 […]

4 days ago 0 0 0 0

Web制作者はチェックしておこう！ View Transitions（ビュー遷移）でよく使うコードのまとめ-View Transitions Toolkit View Transitionsをより簡単に操作するためのコードや関数をまとめたView Transitions Toolkitを紹介します。 View Transitionsを使った最近のナビゲーション、スクロール位置 […]

5 days ago 0 0 0 0

これは便利！ボーダーをあらゆる形状にできるborder-shapeプロパティをサポート、Chrome 147で新しく追加された4個のCSSの機能 4/7にアップデートされたChrome 147に追加された、CSSとUIに関する新しい機能を紹介します。今回のアップデートで注目すべきは、要素のボーダーをあらゆる形状にできるborder-shapeプロパティ、ライトモ […]

6 days ago 0 0 0 0

シンプルで論理的、かつ説得力のある服を着たキャラクターを描くための考え方とテクニックが分かるイラスト書 -衣服の描き方マスターガイド ※本ページは、アフィリエイト広告を利用しています。服の描き方、シワの描き方のイラスト書は私も何冊か持っていますが、これまでの本とは一線を画すシンプルで理論的、かつ説得力のある服を着たキャラクターを描くための考え方とテク […]

1 week ago 0 0 0 0

2026年4月、Adobeユーザーに朗報！ Adobe Fontsに日本語フォントが大量追加、CCユーザーは無料で使えます 4/10のフォントの日に先立って、Adobe Fontsで使用できる日本語フォントフォントが大量に追加されました！！今回は、「きりぎりす」の七種秦史氏のフォントが大量追加され、さらにロゴナの極細ウェイト「VDL ロゴナ […]

1 week ago 0 0 0 0

日本語フォントの期間限定セールが開催！字形がうつくしい新フォント「角_清明かな」公開記念、無料版もあります タイプデザイナー金井和夫氏のREN FONTで、新フォント公開記念セールが期間限定（4/30まで）で開催されています！ Webデザインやグラフィックデザイン、マンガや同人誌など、クリエイティブワークにぴったりな日本語フォ […]

1 week ago 0 0 0 0

長年の悩みがこれで解決！ CSSのposition: stickyの仕様が変わり、上部固定と左端固定が同時に実装できるようなります テーブルのヘッダを上部に固定し、さらに列の1つを左端に固定する、これを実装するのは非常に大変です。一見、position: sticky;を使って、top: 0;とleft: 0;で実装できそうですが、実際にはどちらか […]

1 week ago 0 0 0 0

Amazonの新生活セールFinalは本日（4/6）最終日！見逃しがちなお買い得品を紹介します ※本ページは、アフィリエイト広告を利用しています。 Amazonでビッグセール「新生活セールFinal」が開催です！このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、Finalだけ […]

1 week ago 0 0 0 0

Advertisement

報酬が値引きされた、契約の途中キャンセル、フリーランスがトラブルに巻き込まれないための法律がよく分かる解説書 -それ、違法行為ですけど大丈夫ですか？ ※本ページは、アフィリエイト広告を利用しています。当ブログのビジターには、フリーランスの人や会社員兼フリーランスの人もいると思います。Web制作やデザインをフリーランスとして受注していたり、クライアントから注文を受けて […]

2 weeks ago 0 0 0 0

そのCSSの書き方は古すぎる！モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css CSSのさまざまな古い書き方をモダンCSSやTailwinds CSSでどう書くのか教えてくれるサイトを紹介します。要素を中央配置するCSSをはじめ、スクロールバーの出現によるレイアウトシフトを防ぐCSS、HEX値やr […]

2 weeks ago 0 0 0 0

Amazonで新生活セールFinalが開催！私が購入して本当によかったもの、見逃しがちなお買い得品を紹介します ※本ページは、アフィリエイト広告を利用しています。 Amazonでビッグセール「新生活セールFinal」が開催です！このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、Finalだけ […]

2 weeks ago 0 0 0 0

CSSのデバッグやスキルアップに役立つ！グラデーションや背景など複雑に記述されたCSSを読みやすくし、デバッグ・編集できる無料ツール -bg.layers CSSで装飾したテキストやボタンのデバッグは、各プロパティやその値もそれほど複雑なCSSではないので簡単です。下記のようにレイヤーが重なったグラデーションのデバッグはどうでしょうか。CSSもかなり複雑で、コードを見ただ […]

2 weeks ago 0 0 0 0

KIndle本春の特大セール第2弾が開催！ Web制作、UIデザイン、イラスト・創作に役立つ資料や辞典の良書がお買い得です ※本ページは、アフィリエイト広告を利用しています。 KIndle本春の特大セール第2弾が開催です！ Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、同人誌・絵師さん向けのイラストの良書がたくさんセール対象 […]

2 weeks ago 0 0 0 0

入門書だけど、かなり実践的で詳しい！進化したFigmaの使い方がよく分かる解説書 -Figmaのきほん改訂版 ※本ページは、アフィリエイト広告を利用しています。 UIデザインにおいて、もはやFigmaは必要不可欠なツールになっています。 Figmaをこれから初めて使用する人、なんとなく使ってるけどきちんと使い方を学びたい人向けに […]

3 weeks ago 0 0 0 0

CSSのlight-dark()関数が画像もサポート！これでライトテーマとダークテーマの対応がさらに簡単になります Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。これまではlight-dark()関数はカラー値（<color>）のみし […]

3 weeks ago 0 0 0 0

商用利用OKの無料版もあるぞ！レトロな雰囲気がかわいい、極太の日本語フォント「鳩とブリキのワンダランド」 「はんなり明朝」「こころ明朝体」「こども丸ゴシック」などのフリーフォント、最近では「ビルと谷間と高架下」「そばとうどん」などをリリースしているTyping Artさんから、新作の日本語フォント「鳩とブリキのワンダランド」 […]

3 weeks ago 0 1 0 0

UIに使用する色のコントラストをAIで検証、基準を満たしていないときはデザインに合った代替色を提案してくれる無料ツール AIを使用して前景色と背景色のコントラスト、WCAG 2.1および2.2のAA/AAA基準を満たすアクセシブルな色の組み合わせをテストし、さらにその組み合わせに合った色で基準に満たした色も提案してくれる無料ツールを紹介し […]

3 weeks ago 0 0 0 0

Advertisement

ミニマルなデザインで使いやすい！シンプルなHTMLでさまざまなUIコンポーネントを実装できる超軽量ライブラリ -Oat UI セマンティックなHTMLで、Webサイトやスマホアプリでよく使用されるさまざまなUIコンポーネントや要素を実装できる超軽量UIライブラリを紹介します。デザインはシンプルでミニマル！依存関係は一切なく、classレスと […]

3 weeks ago 0 0 0 0

小さなバナーに潜むデザインのさまざまなアイデアとテクニックが詳しく解説されたデザイン書 -バナーデザインのアイデア帳 ※本ページは、アフィリエイト広告を利用しています。デザインで役立つのは、良質なデザインの引き出し持っておくこと。バナーのデザインはもちろん、Web制作に携わるすべての人にお勧めのデザイン書を紹介します。本書は本日、3 […]

1 month ago 0 0 0 0

これは絶対見逃したらダメ！ 1Password値上げ前の最後となるセールがソースネクストで開催 ※本ページは、アフィリエイト広告を利用しています。 1Passwordが、ついに3/27から値上げされるとのことです。この値上げ前の最後となるセールがソースネクストで開催しています！ 1Passwordの公式サイトで購入 […]

1 month ago 0 0 0 0

これは覚えておきたい！シンプルなCSSで、画像をホバーすると拡大し、マスクまでしてくれる 画像をホバーすると拡大するCSSのテクニックは昔からありますが、画像の拡大分をoverflow:hidden;で非表示にするのではなく、clip-pathでクリッピングするとってもシンプルなCSSを紹介します。実際の動 […]

1 month ago 0 0 0 0

ちょっと面白いフォントがGoogle Fontsで使える！テキストを棒グラフや折れ線グラフ、円グラフに変換して表示できるフォント -Datatype テキストを棒グラフや折れ線グラフ、円グラフに変換して表示するフォントがGoogle Fontsで利用できるようになったので紹介します。たとえば、{b:15,45,80,30,60}というテキストは5つのバーがある棒グラ […]

1 month ago 0 0 0 0

これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書 ※本ページは、アフィリエイト広告を利用しています。 Reactを使ってみたいけど、どこから始めればよいのか。そんな人にお勧めの挫折せずにReactを学ぶことができる解説書を紹介します。書名にもあるように『挫折しない』こ […]

1 month ago 0 0 0 0

Web制作者は要チェック！スマホでもテキストサイズの拡大縮小ができるようになるなど、Chrome 146で新しく追加された5個のCSSの機能 3/11にアップデートされたChrome 146に追加された、CSSとUIに関する新しい機能を紹介します。今回のアップデートで注目すべきは、スクロールの位置に基づいてアニメーションを制御する機能、meta name=t […]

1 month ago 0 0 0 0

Advertisement

これでSVGアイコンを探すときに困らない！無料で商用利用できるライブラリを横断検索できる便利サイト -All SVG Icons SVGアイコン、特に無料で利用できるオープンソースのSVGアイコンをまとめて検索・閲覧できる便利なサイトを紹介します。さまざまなSVGアイコンのライブラリを横断検索することもでき、好みのデザインを見つけて、SVGアイコ […]

1 month ago 0 0 0 0

シンプルだから使いやすい！ページの途中で上方向にスクロールするとヘッダを上部から表示する超軽量スクリプト -Peek ユーザーが下方向にスクロールするとヘッダを自動的に非表示にし、ページの途中で上方向にスクロールするとヘッダを表示する、超軽量のスクリプトを紹介します。実装は非常に簡単で、カスタマイズも簡単、既存のWebページに導入する […]

1 month ago 0 0 0 0

Amazonの新生活セールは本日（3/9）が最終日！見逃しがちなお買い得品を紹介します ※本ページは、アフィリエイト広告を利用しています。 Amazonのビッグセール「新生活セール」は、いよいよ本日3/9が最終日！このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、非常 […]

1 month ago 0 0 0 0

デザインのクオリティが劇的にアップする！罫線の定番の使い方から洗練された使い方まで徹底的に解説したデザイン書 -だけじゃないケイセンデザイン ※本ページは、アフィリエイト広告を利用しています。デザインでよく使用する要素の一つにケイセン、罫線があります。Webサイトやスマホアプリをはじめ、紙のデザイン、ポスター、パッケージなど、あらゆるデザインに罫線が使用され […]

1 month ago 0 0 0 0