iOS, Android, macOS, Windows, Linuxの各最新OSにデフォルトでインストールされているフォントをCSSで使用するときに、font-familyにどのように定義するとよいのかが分かるModern Font Stacksを紹介します。 日本語フォントには残念ながら対応していませんが、英語フォント ...

ワードプレスなどでHPのページを作成するときに文字のサイズやフォントの種類を変えたいけど変え方がわからないといったお問い合わせを最近多く頂いております。 今回の記事を読めばCSSを使用して文字のサイズやフォントの種類を変える方法がわかります ...

CSSの@font-faceで見慣れない構文があるなと思ったら、どうやら新しい構文がChrome, Edge, Safari, Firefoxの各ブラウザにサポートされていました。 CSSの@font-faceに使用する新しい構文の基礎知識と使い方を紹介します。 The new @font-face syntax by Ollie Williams 下記は各 ...

CSSにおいて、レスポンシブ対応って本当に大変です。各種デバイスの画面サイズに合わせてブレイクポイントをいくつか設けて、レイアウト調整をしていきますが、同じブレイクポイントの中でも画面サイズによって意図しないレイアウトになったり、崩れ ...

CSS Gradient Generatorにアクセスすると以下のような画面が表示されます。 左側にグラデーション、右側にグラデーションの調整ツールとして「Colors (カラー)」「Color Mode (カラーモード)」「Precision (精度)」「Angle (アングル)」「Easing Curve (イーシングカーブ)」となっています。

Esta aplicación te permite crear gradientes de colores personalizados con dos colores y diferentes direcciones. Además, genera automáticamente el código CSS necesario para que puedas utilizarlo en tus ...

git clone https://github.com/ItsaMeTuni/css-gradient-animator.git cd css-gradient-animator/ npm install node ./gradientAnimator.js --name anim --gradients 0% "linear ...