これは簡単で便利！ レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 Type Fluidity -GitHub Type Fluidityの特徴 Type Fluidityの使い方 Type Fluidityの特徴 流体タイポグラフィ（Fluid Typography）は、フォントサイズをレスポンシブ対応にする最新テクニックです。さまざまなスクリーンサイズに応じて固定値を定義する代わりに、CSSで単一の流体値を定義して、フォントの最小値と最大値の中でスクリーンサイ
CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます
異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な場合に便利です。 CSSの相対カラー構文とは CSSの相対カラー構文のデモ CSSの相対カラー構文とは CSSの相対カラー（CSS Relative colors）構文を使用すると、他のカラーのパラメータを変更してカラーを定義できます。相対カラー構文は設定した色を相対色に変換します。変換には、fromキーワードを使用します。ブラウザはベースのカラーを変換して分解し、新しいカラーの定義で使用する変数として使用できます。
C++/Java系言語で1文字だけでコメントアウトするブロックを切り替える - Qiita
概要 プログラミングをしていると実装の方式を試してみることがあると思います。あるいは、別の実装でうまくいくか自信のない時、今あるものはコメントアウトしておいて別の実装を試してみたり。そんな場合、今時はエディターの機能で簡単にブロックをコメントアウトしたりできますが、言語仕様をうまく使って一文字編集するだけでコードブロックをコメントアウトする小技を大昔に思いついていて今でも使うことがあるので紹介します。実装中の試行錯誤の時には便利です。 この技はC++/Java/Javascript系の、ブロックコメント/* ... */とインラインコメント//がサポートされている言語で利用できます。 ブロックを/の削除でコメントアウトする 以下のように書いておくと、一番最初の/を削除すると最初の行がインラインコメントからブロックコメントに切り替わり、ブロック全体がコメントアウトされます。 先頭行が//で始
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator
レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツールを紹介します。 Fluid Type Scale Calculator Fluid Type Scale Calculator -GitHub Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorの使い方 Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorはclamp()関数を使用した流体フォントサイズのCSSを生成できるツールです。
最近よく使用されているCSSの実装テクニック！ レスポンシブ対応のフォントサイズをclamp()で超簡単に定義できるツール -clamp() Calculator
フォントのサイズをレスポンシブ対応にする際、最近よく使用されている実装方法がclamp()関数を使用した流体タイポグラフィです。CSSのclamp()関数を使用すると、ビューポートをベースにしてフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、という感じです。メディアクエリは一切不要なので、たった一行で全サイズを設定できます。 CSSのclamp()関数を使用して、レスポンシブ対応のフォントサイズを超簡単に定義できるツールを紹介します。 clamp() Calculator clamp() Calculatorの特徴 clamp() Calculatorの使い方 clamp(
Gmailのちょっと高度だけど便利なテクニック5選
LINEやSlackなど、新しいコミュニケーションツールを使う機会が増えているが、ビジネスもプライベートもGmailを使っている人は多いのではないだろうか。 そして、Gmailにはさまざまなテクニックがあり、それを知っていると知らないでは、操作性が大きく違ってくる。Gmailの初歩的なテクニックは知っている人も多いかもしれない。そこで、本稿では知っておきたいGmailのちょっと高度なテクニックを紹介しよう。 受信ボックスの次のメール（スレッド）を自動的に開く Gmailで、メールに対し、削除やアーカイブなどの処理を行った後に次のメール（スレッド）を開く場合、手動で行わなければならない。多くのメールを受信する人なら、自動で次のメールが表示されたらいいのにと考えるかもしれない。 それを実現する設定が[自動表示]だ。この設定を有効にすると、スレッドの削除、アーカイブ、ミュートを行ったときに、受信
【保存推奨】“作業時間を80%短縮できるExcelの使い方”が超便利!! 「知らなかった」「こんな使い方があるとは」「奥が深い」の声続々
【保存推奨】“作業時間を80%短縮できるExcelの使い方”が超便利!! 「知らなかった」「こんな使い方があるとは」「奥が深い」の声続々 みなさん、仕事でExcelは使っていますか? 使い方はなんとなくわかるので作業に支障はないけど、便利な機能を使いこなせずに非効率なやり方をしている人も多いかと思います。 例えば、空白になっているセルだけに文字を入れたいとき、一つずつ手入力している方はいませんか? 現在、そんなみなさん必見の機能がツイッターで話題になっています。 これ知ったとき衝撃が凄すぎてメガネ爆発した (@OKU_MAYAより引用) (@OKU_MAYAより引用) ツイートの投稿主は、「仕事をサボるために全力を尽くし、効率化に命をかける」をモットーに掲げる中間管理職の「オクシン(@OKU_MAYA)」さん。 今回のツイートでは、「空白セルに一括入力する方法」を丁寧に解説してくれています
webブラウザのタブをたくさん開いたままにしてしまうのはブックマークの利便性が追い付いてないからでは？という話に集まるあるあるの声と便利情報
画力・博士号・油田 @bd_gfngfn ユーザがタブを開きすぎる問題，端的な原因は「履歴とブックマークの利便性がタブを開き続ける場合のそれを超えることができていないから」に思える（少なくとも自分はそう）
Engadget | Technology News & Reviews
The Morning After: Should you upgrade to an iPhone 16?
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Excel】コピペで列幅の違う表を上下に並べたらダメ？ レイアウト崩れを防ぐ方法【いまさら聞けないExcelの使い方講座】
朝飯前に学べる！便利なPythonのヒント100選【後編】 - Qiita