Webサイトやアプリの制作者も知っておきたい! 特定商取引法についてしっかり学べる -特定商取引法 超入門

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

商品の販売時に掲載すべき項目、誇大広告、迷惑メール、ダークパターン、ネットワークビジネス、自宅での簡単なお仕事、モニター業務など、すこし怪しげな言葉も混じっていますが、これらはすべて特定商取引法に関連する用語です。

Webサイトやアプリの制作者として、事業者として、そしていち消費者としても知っておきたい、法改正された特定商取引法の入門書を紹介します。

特定商取引法 超入門

続きを読む

CSSの単位がたくさんあり何を使えばよいか迷った時に、フォント、スペース、ポジション、要素の幅・高さに最適な単位は

CSSには便利な単位がたくさんあります。よく使用する単位として絶対単位(pxなど)や相対単位(em, rem, %など)をはじめ、Gridの単位(fr)やビューポート単位(vw, vhなど)があります。いくつかの単位は使う場所が限られていますが、複数もしくはどこにでも使用できる単位もたくさんあります。

Webサイトやスマホアプリでフォントのサイズ、スペース、ポジション、FlexboxとGrid、要素の幅または高さに使用する場合、どのようにCSSの単位を選べばよいのかを紹介します。

CSSの単位はどこでそれぞれ何を使えばよいか

What CSS length unit should you use?

続きを読む

コピペで簡単に利用できる! Tailwind CSSで実装された、アクセシブルでモダンなUIコンポーネント -Basecoat

Tailwind CSSは便利ですが、ユーティリティクラスだけでUIを実装するのはすこし面倒です。Tailwind CSSを使ったライブラリもありますが、それらの多くは判読不能なクラスの塊をHTMLにコピペしなければなりません。確かに動作はしますが、見た目が乱雑で、メンテナンスも非常に困難です。

しかし、この問題は解決しました。プレーンのHTMLとTailwind CSSで実装された、アクセシブルでモダンなUIコンポーネントを紹介します。

Tailwind CSSで実装された、アクセシブルでモダンなUIコンポーネントのコレクション -Basecoat

Basecoat
Basecoat -GitHub

続きを読む

Tailwind CSSの最新チートシート、v4.1対応、すべてのクラスとプロパティ・値を参照および検索もできる優れもの

最近はこれまで以上にユーティリティクラスを使用したTailwind CSSの需要が高まっている気がします。さまざまなフレームワークやライブラリ、AIツールにも使用されており、ますます人気が高まっています。

2025年現在、最新のTailwind CSS v4.1をサポートしたチートシートを紹介します。使用されているすべてのクラスとそのプロパティ・値を参照および検索もでき、非常に便利なチートシートです。

Tailwind CSSのチートシート、v4.1対応

Tailwind CSS Cheatsheet
Tailwind CSS Cheatsheet -GitHub

続きを読む

CSSで実装したグリッチの揺れるエフェクトがかっこいい! 映画で見かけるようなサイバーなUI -CyberPopover 2025

まさにクール! 映画で見かけるようなサイバーなインターフェイスを実装したサイバーポップオーバー2025を紹介します。

下記はデモをgifアニメーション化したもので、実際にはボタンやパネルにグリッチの揺れるエフェクトがあります。また、アクション時の音もかなりサイバーです。

デモのキャプチャ

続きを読む

クリスタとPhotoshopで練習ファイルを使って、イラストの色塗りをしっかり学べる解説書 -色塗りワークショップ

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

イラストの色塗りが苦手、肌や髪の塗りがうまくいかない、洋服がうまく塗れない、金属や木などの質感がうまくいかない、そんな人にお勧めのデジタルイラストの色塗り入門書を紹介します。

どんな色を選べばいいのか、色の組み合わせ、塗る順番、使用するブラシやツール、立体感を出す光と影の塗り方、モチーフごとの質感表現など、デジタルイラストの色塗りに悩んでいる人にお勧めの一冊です。

色塗りワークショップ

続きを読む

Appleの新UIに採用されるガラスのような、液体のような美しいUI「Liquid Glass」を簡単に実装できるツール -Liquid Glassifier

Liquid Glassとは、2025年秋にリリースされるiOS 26に採用される新しいUIです。ガラスの光学的特性と流動性を組み合わせ、コンテンツやコンテキストに応じて変化する美しくて優雅なデザインです。

プレーンのHTMLをはじめ、React、Vue、Angularなどでも動作するLiquid Glassのボタンを実装するツールを紹介します。

「Liquid Glass」を簡単に実装できるツール -Liquid Glassifier

Liquid Glassifier
Liquid Glassifier -GitHub

続きを読む

コーディング時、目の疲れを軽減! 区別しにくい文字も素早く識別でき、明瞭性と可読性に優れたフリーフォント「Intel One Mono」

低視力のデベロッパーのニーズに着目し、明瞭性に優れ、最高の可読性を実現するために制作されたIntel® One Monoが、Google Fontsで利用できるようになったので、紹介します。

低視力の人だけでなく、長時間のコーディングによる眼精疲労などを軽減することも目的としており、かなり読みやすいフォントです。

明瞭性と可読性に優れたフリーフォント「Intel One Mono」

Intel® One Mono
Intel One Mono Typeface -GitHub

続きを読む

top of page

©2025 coliss