コリス https://coliss.com Web制作に関する最新の情報をご紹介 Tue, 18 Mar 2025 00:36:38 +0000 ja hourly 1 https://wordpress.org/?v=6.7.2 AIなら超簡単で早い！ Webサイトの構造を視覚化し、サイトマップを生成できる無料ツール -AI Sitemap Generator https://coliss.com/articles/build-websites/operation/work/ai-sitemap-website-content-generator.html Tue, 18 Mar 2025 00:36:24 +0000 https://coliss.com/?p=65469 AIなら超簡単で早い！ Webサイトの構造を視覚化し、サイトマップを生成できる無料ツール -AI Sitemap Generator 最近はAIによる便利ツールが増えてきましたね。既存サイトの構造を視覚化し、ヴィジュアルサイトマップを生成できるAIツールを紹介します。 サイトマップを生成するだけでなく、コンテンツもAIで生成できるので、既存サイトの改善

...記事の続きを読む

]]> 商用でも完全に無料！ ゲームだけでなく、UIデザインにもぴったりな1,440個のピクセルアイコン -Pixel Icon Library https://coliss.com/articles/freebies/pixel-icon-library.html Mon, 17 Mar 2025 00:36:37 +0000 https://coliss.com/?p=66012 商用でも完全に無料！ ゲームだけでなく、UIデザインにもぴったりな1,440個のピクセルアイコン -Pixel Icon Library HackerNoonのレトロなデザインにインスパイアされた、24ピクセルのグリッドで設計されたピクセルアイコンを紹介します。 アイコンは1,440個以上あり、一貫性が確保されたかわいいデザインです。Webサイト、アプリ、

...記事の続きを読む

]]> センスや感覚で判断するのではなく、使いやすさとクオリティに重視したロジカルなデザイン書 -ウェブデザインの思考法 第2版 https://coliss.com/articles/book-review/isbn-9784839983000.html Fri, 14 Mar 2025 00:36:52 +0000 https://coliss.com/?p=65013 センスや感覚で判断するのではなく、使いやすさとクオリティに重視したロジカルなデザイン書 -ウェブデザインの思考法 第2版 ※本ページは、アフィリエイト広告を利用しています。 Webサイトやスマホアプリの善し悪しや品質を感覚的に判断されてしまうことがあります。たとえば、デザイナーのセンスだったり、クライアントのフィーリングだったり、そういった

...記事の続きを読む

]]> Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ https://coliss.com/articles/build-websites/operation/css/css-cheatsheets-2025.html Thu, 13 Mar 2025 00:36:21 +0000 https://coliss.com/?p=64931 Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ CSS GridやFlexboxで配置するプロパティや値は？ 最初の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのよう

...記事の続きを読む

]]> これは簡単で便利！ CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズの定義ができるツール -Type Scale Generator https://coliss.com/articles/build-websites/operation/css/type-scale-generator.html Wed, 12 Mar 2025 00:36:21 +0000 https://coliss.com/?p=65907 これは簡単で便利！ CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズの定義ができるツール -Type Scale Generator フォントのサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィのテクニックです。CSSのclamp()関数を使用するとビューポートをベースにしてフォントサイズの

...記事の続きを読む

]]> 無料版もある！ ポテッとした太ゴシック体の愛らしい日本語フォント「風と大地の太ゴシック」が素敵すぎる！ https://coliss.com/articles/freebies/free-font-kazedaichifutogothic.html Tue, 11 Mar 2025 00:36:55 +0000 https://coliss.com/?p=65611 無料版もある！ ポテッとした太ゴシック体の愛らしい日本語フォント「風と大地の太ゴシック」が素敵すぎる！ フリーフォントの「はんなり明朝」「こころ明朝体」をはじめ、最近では「海と山のろごごち」「うさぎと満月のサンセリフ」「そばとうどん」などをリリースされているTyping Artから、新作となるフリーフォントがリリースされま

...記事の続きを読む

]]> Web制作者必見の便利な機能が追加！ Chrome 134で新しく追加された5つのCSSの機能 https://coliss.com/articles/build-websites/operation/work/chrome-134-adds-5-new-css-feature.html Mon, 10 Mar 2025 00:36:05 +0000 https://coliss.com/?p=65392 Web制作者必見の便利な機能が追加！ Chrome 134で新しく追加された5つのCSSの機能 Chrome 134で追加された、CSSの新しい機能5つを紹介します。 今回のアップデートで目玉となるのは、dialog要素にclosedby属性が追加されダイアログの閉じる動作が制御可能になり、select要素のスタイ

...記事の続きを読む

]]> Photoshopでやりたいことは本書を読むとよく分かる！ 長く使える解説書 -Photoshopよくばり入門 改訂版 https://coliss.com/articles/book-review/isbn-9784295021223.html Fri, 07 Mar 2025 00:36:03 +0000 https://coliss.com/?p=65008 Photoshopでやりたいことは本書を読むとよく分かる！ 長く使える解説書 -Photoshopよくばり入門 改訂版 ※本ページは、アフィリエイト広告を利用しています。 ここ数年、Photoshopの進化がすごいですね！ 画像補正、選択範囲やマスク、テキストのエフェクト、人物の肌補正、風景や飲食物のレタッチ、そして生成AIによるテクニッ

...記事の続きを読む

]]> CSSの進化が止まらない！ CSSでif()関数が使えるようになり、if else文の条件付きで値を設定できるようになります https://coliss.com/articles/build-websites/operation/css/css-at-function-and-if.html Thu, 06 Mar 2025 00:36:05 +0000 https://coliss.com/?p=65467 CSSの進化が止まらない！ CSSでif()関数が使えるようになり、if else文の条件付きで値を設定できるようになります 先週、CSSで関数を自分で定義できるカスタム関数が使えるようなる（紹介記事）ことをお伝えしましたが、続報として、なんとif()関数も使えるようになるそうです。すでにChrome Canaryではif()関数をCSSで使用

...記事の続きを読む

]]> WordPressユーザーに朗報！ TCDの国産有料テーマファイル「GLUE」が無料でダウンロードできます https://coliss.com/articles/blog/wordpress/glue-by-tcd.html Wed, 05 Mar 2025 00:36:16 +0000 https://coliss.com/?p=65490 WordPressユーザーに朗報！ TCDの国産有料テーマファイル「GLUE」が無料でダウンロードできます 個人ブログから企業サイトまで、WordPressのテーマを数多くリリースされているTCD様から、個人ブログ・サービスブログ向けの有料テーマファイル「GLUE」を無料でダウンロードできるので、紹介します。 完全無料で、商用

...記事の続きを読む

]]>