それがまさに知りたかった! イラストはちょっとしたコツが分かると楽しくなる、イラスト解説書の決定版 -キャラクターイラスト基本の「き」 コリス 著者:コリス🥦 2025年8月29日 09:36 ※本ページは、アフィリエイト広告を利用しています。 どのジャンルでもそうですが、ちょっとしたコツが分かるとメキメキ腕があがることがあると思います。 キャラクターのイラストを描いてみたい、いろいろ表情、肌や目や髪の塗り、さ […]
これは疑似要素の便利な使い方! レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック コリス 著者:コリス🥦 2025年8月28日 09:36 ボタンやアイコンなどでクリック・タップ可能なエリアを広げたいと思ったことがあると思います。a要素をブロックにしてpaddingを加えたり、JavaScriptを使用したりといった方法がありますが、今回はレイアウトはそのま […]
日本語のかわいいフリーフォントが登場! コミック風の手書きがかわいい、推し豆フォント「びーんずフォント」 コリス 著者:コリス🥦 2025年8月27日 09:36 「くるん・デコ」「ninaSchoolgirl」「になロマン」「最強少女」「薄幸少女」など、楽しくてかわいいフリーフォントをたくさんリリースされている213ちゃんから、新作フリーフォントがリリースされました! 今回は、コ […]
簡単に使える無料のAIツール! UIデザイン用に色彩理論とトレンドに基づいたカラーパレットを生成 -Colorify.rocks コリス 著者:コリス🥦 2025年8月26日 09:36 簡単に使える、便利なAIツールが増えてきましたね! WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトから色彩理論、トレンドに基づいてカラーパレットを生成してくれる無料AIツールを紹介します。 プロンプト […]
Kindle本 季節先取りセールが開催! セール初登場もあり、Web制作やUIデザイン、イラスト書がかなりお買い得です コリス 著者:コリス🥦 2025年8月22日 09:36 ※本ページは、アフィリエイト広告を利用しています。 本日からKindle本の季節先取りセールが開催しています。Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん […]
UI要素のサイズ、マージン、角丸、フォントサイズに至るまで、すべてが黄金比に基づいて設計されたUIフレームワーク -LiftKit コリス 著者:コリス🥦 2025年8月21日 09:36 黄金比をWebサイトやスマホアプリのUIデザインに取り入れようと思ったことがある人は少なくないと思います。古い記事ですが、黄金比をサイトのデザインに取り入れる簡単な3つの方法というのもあります。 さまざまなUI要素のサイ […]
かわいすぎる絵文字フォント! 英字や数字が文鳥、豆苗、鳴き声でぎゅうぎゅうに表示されるフリーフォント「ぎゅうぎゅう文鳥」 コリス 著者:コリス🥦 2025年8月20日 09:36 いつもの日本語フリーフォントの紹介とは趣向を変えて、今回はかわいすぎる絵文字フリーフォントです。 タイトルにあるように、英字は文鳥で、数字は豆苗で、約物は鳴き声で表示される絵文字フォント「ぎゅうぎゅう文鳥」を紹介します。 […]
SBクリエイティブKindle本のビッグサマーセールが開催! 創作に役立つ資料や辞典がお買い得です コリス 著者:コリス🥦 2025年8月19日 09:36 ※本ページは、アフィリエイト広告を利用しています。 イラスト、同人誌、ゲームやアプリのシナリオ作りに役立つ資料や辞典がセール対象になったKindleセールが開催されています。 セール期間は今週の木曜日、8/21まで。 対 […]
Kindle本サマーセール 第2弾が開催! セール初登場もたくさんあり、Web制作やUIデザイン、イラスト書がかなりお買い得です コリス 著者:コリス🥦 2025年8月18日 09:36 ※本ページは、アフィリエイト広告を利用しています。 Web制作、UIデザインやグラフィック、配色本、同人誌・絵師さん向けのイラスト書など、かなりたくさんがセール対象になったKindleセールが開催されています。 セール期 […]
これは絶対見逃すな!! ソシム社30周年夏の大感謝祭で人気のデザイン書が3冊だけ実質ワンコインになっています コリス 著者:コリス🥦 2025年8月9日 17:40 ※本ページは、アフィリエイト広告を利用しています。 先週紹介したソシム社30周年夏の大感謝祭で、3冊だけセールの51%オフに加えて、50%以上の大幅ポイント還元の対象になっているので紹介します。 51%オフ+50%以上の […]
Affinity Photo 2とDesigner 2の激安セールが開催! Adobe CCからの代替を検討している人は要チェックです コリス 著者:コリス🥦 2025年8月9日 09:06 ※本ページは、アフィリエイト広告を利用しています。 Affinity Photo 2とAffinity Designer 2の期間限定セールがソースネクストで本日から開催されています! セール期間は、8/19まで。 Af […]
Google Fontsに特化した解説書は初めて! 日本語のWebフォントの新しい視覚的表現をしっかり学べる解説書 -Webフォント実践ガイド コリス 著者:コリス🥦 2025年8月8日 09:36 ※本ページは、アフィリエイト広告を利用しています。 Google Fontsは使うけど、最近のWebフォントの技術に追いつけていない、Webサイトやアプリで効果的に使うにはどうすればよいのか、そんな人にお勧めの解説書を紹 […]
CSSの進化が止まらない! 自分でオリジナルの関数を定義できるようになります、Chrome 139で新しく追加された6個のCSSの機能 コリス 著者:コリス🥦 2025年8月7日 09:36 昨日アップデートされたChrome 139に追加された、CSSの新しい機能を紹介します。 今回のアップデートの目玉は、CSSでオリジナルの関数を定義できるカスタム関数、角を自由にスタイルできるcorner-shapeプロ […]
Kindle特大セールが開催! ソシム社30周年夏の大感謝祭、人気のデザイン書・配色本・Web制作の解説書が51%オフで超お買い得です コリス 著者:コリス🥦 2025年8月6日 09:36 ※本ページは、アフィリエイト広告を利用しています。 ソシム社30周年👍夏の大感謝祭🎉 Kindle特大セールが開催しています!! このセールを待っていた人も多いと思います! 今年発売された […]
商用利用も完全に無料! 落ち着きのあるデザインに使いたい、オールドスタイルのゴシック体「いおゴシックオールド」 コリス 著者:コリス🥦 2025年8月5日 09:36 「築豊初号明朝OFL」「かもめ明朝」「トレゴ」「新レトロ丸ゴシック」「築豊明朝」など、オールドスタイルの日本語フリーフォントをリリースされている文字魚さんから新作フォントがリリースされました! 新作となる「いおゴシックオ […]
Amazonで暮らし応援サマーSALEが開催! 見逃しがちな超目玉お買い得品を紹介します コリス 著者:コリス🥦 2025年8月4日 09:36 ※本ページは、アフィリエイト広告を利用しています。 Amazonで暮らし応援サマーSALEが開催しています! 先日のプライムデーほどではありませんが、通常のセールよりもかなり安くなっており、非常にお買い得です。中にはプラ […]
Webサイトやアプリの制作者も知っておきたい! 特定商取引法についてしっかり学べる -特定商取引法 超入門 コリス 著者:コリス🥦 2025年8月1日 09:36 ※本ページは、アフィリエイト広告を利用しています。 商品の販売時に掲載すべき項目、誇大広告、迷惑メール、ダークパターン、ネットワークビジネス、自宅での簡単なお仕事、モニター業務など、すこし怪しげな言葉も混じっていますが、 […]
CSSの単位がたくさんあり何を使えばよいか迷った時に、フォント、スペース、ポジション、要素の幅・高さに最適な単位は コリス 著者:コリス🥦 2025年7月31日 09:36 CSSには便利な単位がたくさんあります。よく使用する単位として絶対単位(pxなど)や相対単位(em, rem, %など)をはじめ、Gridの単位(fr)やビューポート単位(vw, vhなど)があります。いくつかの単位は使 […]
コピペで簡単に利用できる! Tailwind CSSで実装された、アクセシブルでモダンなUIコンポーネント -Basecoat コリス 著者:コリス🥦 2025年7月30日 09:36 Tailwind CSSは便利ですが、ユーティリティクラスだけでUIを実装するのはすこし面倒です。Tailwind CSSを使ったライブラリもありますが、それらの多くは判読不能なクラスの塊をHTMLにコピペしなければなり […]
Tailwind CSSの最新チートシート、v4.1対応、すべてのクラスとプロパティ・値を参照および検索もできる優れもの コリス 著者:コリス🥦 2025年7月29日 09:36 最近はこれまで以上にユーティリティクラスを使用したTailwind CSSの需要が高まっている気がします。さまざまなフレームワークやライブラリ、AIツールにも使用されており、ますます人気が高まっています。 2025年現在...記事の続きを読む
CSSで実装したグリッチの揺れるエフェクトがかっこいい! 映画で見かけるようなサイバーなUI -CyberPopover 2025 コリス 著者:コリス🥦 2025年7月28日 09:36 まさにクール! 映画で見かけるようなサイバーなインターフェイスを実装したサイバーポップオーバー2025を紹介します。 下記はデモをgifアニメーション化したもので、実際にはボタンやパネルにグリッチの揺れるエフェクトがあり...記事の続きを読む
クリスタとPhotoshopで練習ファイルを使って、イラストの色塗りをしっかり学べる解説書 -色塗りワークショップ コリス 著者:コリス🥦 2025年7月25日 09:36 ※本ページは、アフィリエイト広告を利用しています。 イラストの色塗りが苦手、肌や髪の塗りがうまくいかない、洋服がうまく塗れない、金属や木などの質感がうまくいかない、そんな人にお勧めのデジタルイラストの色塗り入門書を紹介し...記事の続きを読む
Appleの新UI「Liquid Glass」を簡単に実装できる便利ツール -Liquid Glassifier コリス 著者:コリス🥦 2025年7月24日 09:36 Liquid Glassとは、2025年秋にリリースされるiOS 26に採用される新しいUIです。ガラスの光学的特性と流動性を組み合わせ、コンテンツやコンテキストに応じて変化する美しくて優雅なデザインです。 プレーンのH...記事の続きを読む
コーディング時、目の疲れを軽減! 区別しにくい文字も素早く識別でき、明瞭性と可読性に優れたフリーフォント「Intel One Mono」 コリス 著者:コリス🥦 2025年7月23日 09:36 低視力のデベロッパーのニーズに着目し、明瞭性に優れ、最高の可読性を実現するために制作されたIntel® One Monoが、Google Fontsで利用できるようになったので、紹介します。 低視力の人だけでなく、長時間...記事の続きを読む
これが最初で最後かも! 技術評論社のKindle本が驚きの70%ポイント還元、UIデザインやイラストの良書が対象です コリス 著者:コリス🥦 2025年7月22日 09:36 ※本ページは、アフィリエイト広告を利用しています。 当ブログでは、Kindle本のセールやポイント還元を紹介してきましたが、これまで技術評論社のセールやポイント還元の対象になったことはありませんでした。 な、なんとその技...記事の続きを読む
デザイナー目線で、デザインにおける写真の扱い方に着目したこれまでになかった新機軸のデザイン書 -デザインは写真が9割 コリス 著者:コリス🥦 2025年7月18日 09:36 ※本ページは、アフィリエイト広告を利用しています。 デザインにはいろいろな表現方法がありますが、写真による表現は、印象や効果に大きな影響を与える特に重要なデザイン要素です。写真を撮る側からではなく、扱う側の立場から、デザ...記事の続きを読む
CSSでついにif elseの条件文が使える! if()関数の便利な使い方を解説 コリス 著者:コリス🥦 2025年7月17日 09:36 5月にリリースされたChromeとEdgeで、CSSのif()関数がサポートされました。これによりCSSでもif elseの条件文が使えるようなり、プロパティに対して条件付きで値を設定できるようになりました。 新機能なの...記事の続きを読む
デザイナーはダウンロードしておこう! TikTokからオフィシャルフォント「TikTok Sans」がオープンソースでリリース コリス 著者:コリス🥦 2025年7月16日 09:36 TikTokで使用されているTikTok Sansがダウンロードできるようになるのを待っていた人は少なくないと思います。 TikTokのオフィシャルフォントが、オープンソースでGitHubからダウンロードできるようなりま...記事の続きを読む
ユーザーのマウスやキーボードの動き(運動量や方向)から次にどの要素を操作するか予測するスクリプト -ForesightJS コリス 著者:コリス🥦 2025年7月15日 09:36 ユーザーがWebサイトにアクセスした際、マウスやキーボードの動きをから次にどの要素を操作するか予測し、プリフェッチすることができるJavaScriptのライブラリを紹介します。 1ヵ月ほど前に紹介したForesightJ...記事の続きを読む
2025年のプライムデーもいよいよセール最終日! 見逃しがちな超目玉お買い得品を紹介します コリス 著者:コリス🥦 2025年7月14日 09:36 ※本ページは、アフィリエイト広告を利用しています。 年に一度のビッグセール「Amazon プライムデー2025」が期間限定で開催されており、本日(7/14)がセール最終日です。 プライムデーはプライム会員限定のセールで、...記事の続きを読む
これは絶対見逃すな! 値上げ前最後のアドビセールが開催、AmazonでCreative Cloud コンプリートプランが驚きの46%オフ コリス 著者:コリス🥦 2025年7月12日 09:26 ※本ページは、アフィリエイト広告を利用しています。 Amazon プライムデー2025で本日から、アドビセールも開催されています! 期間は7/25まで、、Adobe CC コンプリートプランが期間限定でかなりお買い得にな...記事の続きを読む
Amazonで、2025年プライムデーのセールが開催! 私が購入して本当によかったものを紹介します コリス 著者:コリス🥦 2025年7月11日 09:36 ※本ページは、アフィリエイト広告を利用しています。 年に一度のビッグセール「Amazon プライムデー2025」が、本日7/11から7/14までの期間限定で開催です! プライムデーはプライム会員限定のセールで、通常のセー...記事の続きを読む
ビー・エヌ・エヌ社のKindleセールはかなり貴重! 1年ぶりとなる夏のセールが開催、Web制作・デザイン・イラスト関連のKindle本がお買い得です コリス 著者:コリス🥦 2025年7月10日 09:36 ※本ページは、アフィリエイト広告を利用しています。 当ブログでも人気が高く、良書揃いのビー・エヌ・エヌ社のKindle本セールが7/9から開催しました! ビー・エヌ・エヌ社のセールは年に一・二回、非常に貴重です。丸1年ぶ...記事の続きを読む
UIコンポーネントをAIで簡単に実装できる、Tailwind CSSのコードをプロンプトから生成できるツール -TailwindGenAI コリス 著者:コリス🥦 2025年7月9日 09:36 Tailwind CSSを使用してUIコンポーネントを実装するのは、慣れていないと時間がかかります。Tailwind CSSのユーティリティファーストのフレームワークを使用してUIコンポーネントを生成するために設計された...記事の続きを読む
Amazonで、2025年プライムデーの先行セールが7/8から開催! 最安値更新のものが多くて驚きました コリス 著者:コリス🥦 2025年7月8日 09:36 ※本ページは、アフィリエイト広告を利用しています。 年に一度のビッグセール「Amazon プライムデー2025」が、7/11から7/14までの期間限定で開催します。そして、本日7/8から先行セールが開催しました。 先行セ...記事の続きを読む
Kindleセールが開催! SBクリエイティブの夏の読書フェア、Web制作・デザイン・イラストのKindle本が超お買い得です コリス 著者:コリス🥦 2025年7月7日 08:03 ※本ページは、アフィリエイト広告を利用しています。 Webデザインやグラフィックデザイン、同人誌・絵師さん向けのイラスト関連の良書がかなりたくさん対象となったSBクリエイティブの夏の読書フェアが開催です! 期間は、来週の...記事の続きを読む
実在するWebサイトのワイヤーフレームからデザインに落とし込む際の意図やテクニックを詳しく解説したデザイン書 -Webデザイン&ワイヤーフレーム比較見本Book コリス 著者:コリス🥦 2025年7月4日 09:36 ※本ページは、アフィリエイト広告を利用しています。 他の人はどういう工程でWebデザインを仕上げているのか、気になりませんか? 通常は表に出ることのない実在するWebサイトのワイヤーフレームの設計、デザインカンプへの落と...記事の続きを読む
Adobe Creative Cloudのプランと価格が変更されます! 既存プランは実質値上げ、AI生成が制限される格安プランが登場 コリス 著者:コリス🥦 2025年7月4日 09:26 2025年8月から、Adobe Creative Cloudのプランと価格が変更されるとリリースされました。 既存のCreative Cloud コンプリートプランは、「Creative Cloud Pro」と名称が変更...記事の続きを読む
最近のロゴに使われているデザインテクニックのまとめ -2025年、ロゴデザインのトレンド コリス 著者:コリス🥦 2025年7月3日 09:36 デザインの基本となるタイポグラフィ、カラー、形などのデザイン要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 サステナビリティを重視したアースカラー、進化しているグラデーションの...記事の続きを読む
簡単に使えるイラスト生成AIツールが登場! Notion風のイラストを無料で生成できる -Notion Style Illustration Generator コリス 著者:コリス🥦 2025年7月2日 09:36 プロンプトにテキストを入力するだけで、Notion風のイラストを簡単に作成できる生成AIツールを紹介します。 人物イラストはもちろん、植物や動物、景色など、モノクロのイラストでもカラーのイラストでも生成することができます...記事の続きを読む