公開日：2022.4.07｜最終更新日：2022.4.07

コーディング算数 Ⅰ

公開日：2022.4.07｜最終更新日：2022.4.07

算数は苦手、コーダーの阿部です。
かといって、文系でもないです。何系なんでしょ本当に。

あべ

photoshop等からCSSに入れる数字を計算するのですが、
よく式をど忘れしちゃうので、メモついでにご紹介します。
（会社のブログをメモがわりにしてすみません。）

さて、今回の数式は・・・・・。

行送り / フォントサイズ

例）
行送り：20
フォントサイズ：16px
↓
line-height: 1.25;

（行送り自動の時は自分は一旦、line-height:1.2;の指定にしています。）

トラッキング / 1000

例）
トラッキング指定：5
↓
letter-spacing: 0.005em;

式を覚えてなくても大丈夫！
数値を入れるだけで自動計算してくれるサイトをご紹介します。

めちゃくちゃ便利です。
しかも、数値を入れるだけなので、計算がおっそい私でも大丈夫。
6種類の計算ツールが容易されています。

ヘッダーに緩い感じのキャラがいるのもお気に入りです。
かわいい。

下記の5種類の変換が利用可能です。

それ以外にも「CSSストライプ」や、「CSS三角形」のジェネレーターも完備されています。
「画像フィルター CSS ジェネレーター」は、
photoshopみたいに画像が加工できて面白いですよ。

トリアナでは現在、「フロントエンドエンジニア」「コーダー」「マークアップエンジニア」等のコーディングができる人材を積極的に募集しております。
正社員だけではなく、アルバイトでも募集中です。
素敵な「フロントエンドエンジニア」の先輩や、コーディングもできる「デザイナー」の先輩、コードもさわれちゃう「ディレクター」の先輩もいらっしゃいます。
興味がございましたら、ぜひお問い合わせください。
弊社のSNS担当に、気軽にDM等で質問等を問い合わせていただいてもかまいません。
どうぞ、よろしくお願いいたします。