サイト構築 -制作

これでSVGアイコンを探すときに困らない! 無料で商用利用できるライブラリを横断検索できる便利サイト -All SVG Icons

Post on:2026年3月11日

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

OKLCHカラーを使うと異なる色でトーンを合わせたり、単色のシェードも簡単! UIデザイン用のカラーパレットを生成するツール -ColorPalette Pro

Post on:2026年3月3日

見た目はDTMツールですが、中身はOKLCHカラーでUIデザイン用のカラーパレットを生成できる無料ツールを紹介します。 ベースカラーを指定するだけで、6色で構成される美しいカラーパレットを瞬時に生成します。色相環を元にし […]

ブックマークしておくと便利! さまざまなデバイスのスクリーンサイズ・解像度・ピクセル密度などの仕様が一覧できる -What Is My Screen Size?

Post on:2026年2月19日

iPhoneやiPadのスクリーンサイズと解像度とピクセル密度っていくつだっけ? GalaxyやPixelのスクリーンサイズと解像度とピクセル密度は? もちろんそれぞれの公式サイトで探せば見つかりますが、けっこう手間です […]

シンプルだから使いやすい! レスポンシブ対応のグリッドをオーバーレイ表示できるChromeの拡張機能 -Grid Overlay Pro

Post on:2026年2月16日

ブラウザに表示したあらゆるWebページにレスポンシブに対応したFigmaみたいなグリッドをオーバーレイー表示できるChromeの機能拡張を紹介します。 グリッドのオーバーレイはブラウザ内で完全にローカルで実行されるため、 […]

Chromeの安定版でついにタブの分割がサポートされました! Chrome 145で新しく追加された6個のCSSとUIの機能

Post on:2026年2月12日

2/11にアップデートされたChrome 145に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、まずタブの分割が正式サポートされたこと。そしてテキストの配置方法を制御するte […]

Gitで日常的によく使用するコマンド、その一つひとつがどのような影響を与えるのかを理解することが大事

Post on:2026年2月5日

Gitってなんだか難しそう、と思っている人もいるかもしれません。 Gitはすべてのコマンドを暗記する必要はありません。必要になったら調べるのは、ごく普通のことです。重要なのは、そのコマンドがどのような影響を与えるかを理解 […]

2026年版、ファビコン画像の作成方法とHTMLの記述方法、さまざまなデバイスに対応させるには3つのアイコンが必要

Post on:2026年1月27日

最近のデバイスやブラウザに対応させる最小限のファビコンセットには、3つのアイコンで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて3つだけです。 ファビコンに必要な3つのアイコン、ファ […]

CursorやVS Codeで、インデントのガイドラインをアクティブなガイドラインだけ表示させる方法

Post on:2026年1月26日

CursorやVS Codeのエディタで、インデントのガイドラインをアクティブなガイドラインだけハイライト表示させる方法を紹介します。 通常(左)はその箇所を含むすべてのインデントのガイドラインが表示されますが、右のよう […]

UIデザインのクオリティが格段にアップする! 感覚的ではなく、論理的にデザインを改善するポイントを解説

Post on:2026年1月22日

WebサイトやスマホアプリのUIを魅力的に、そして一貫性のあるデザインに改善するときに役立つUIデザインの知識とテクニックを紹介します。 直感や感覚的な曖昧なものではなく、明確で論理的なガイドラインに基づいて改善すること […]

Chromeのタブが垂直に表示できるようになります -Vertical Tabs

Post on:2026年1月21日

Chromeは先日のアップデートで、1つのタブ内を分割して2つのWebページを表示できるようになりましたが、さらに便利に進化して、タブを垂直で管理できるようになります! 水平だとタブを10個くらい開くと、タイトルが小さく […]

top of page

©2026 coliss