CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator

2023/07/24 21 users CLAMP font-size フォントサイズ CSS 関数

レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツール... 続きを読む

最近よく使用されているCSSの実装テクニック！ レスポンシブ対応のフォントサイズをclamp()で超簡単に定義できるツール -clamp() Calculator

2023/02/07 97 users CLAMP calculator ビューポート CSS 関数

フォントのサイズをレスポンシブ対応にする際、最近よく使用されている実装方法がclamp()関数を使用した流体タイポグラフィです。CSSのclamp()関数を使用すると、ビューポートをベースにしてフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠か... 続きを読む

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator

2022/05/31 158 users CLAMP font-size CSS 関数 メディアクエリ

Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、と... 続きを読む

CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor

2022/01/31 225 users フォントサイズ CSS CLAMP レスポンシブ対応 登場

Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォント... 続きを読む

しっかり理解しておくと便利なCSSのテクニック、minmax()関数の使い方 | コリス

2020/11/26 171 users minmax コリス グリッド UIコンポーネント CSS

minmax()はCSSの関数で、要素サイズの最小値と最大値を定義することができます。カードを配置するグリッド、記事を中央配置で画像を幅いっぱいにするフルブリードなど、ページのレイアウトやUIコンポーネントの実装に非常に便利です。 CSS Gridにおけるminmax()関数の実用的で、便利な使い方を紹介します。 A Deep Dive ... 続きを読む

［AI・機械学習の数学］偏微分の基本（意味と計算方法）を理解する：AI・機械学習の数学入門 - ＠IT

2020/07/14 13 users 偏微分 微分 数学 数学入門 関数

「偏微分」って何？　いかにも難しそうな名前だが、微分を理解していれば意外に簡単。前回までの知識を踏まえて、今回は偏微分の意味と計算方法を理解しよう。 連載目次 微分は関数が最小値を取るときのxの値を求めるために使えます。前回はその具体的な利用例として、最小二乗法による回帰分析を行う方法を紹介しました... 続きを読む

CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール | コリス

2020/05/22 19 users 可変 Calc ワイドスクリーン コリス font-size

レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語... 続きを読む

CSSの関数はどんどん便利になっている！minmax()を使うとMedia Queries無しでレスポンシブが簡単に実装できる | コリス

2017/06/14 917 users minmax コリス Calc CSS 関数

CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッド... 続きを読む

今年に入ってから停滞している原因を分析してみました - えれなのダイエット日記（仮）

2017/05/04 10 users 糖質 ダイエット日記 原因 停滞期 体調

2017 - 05 - 04 今年に入ってから停滞している原因を分析してみました ダイエット考 Tweet Share on Tumblr 最近のダイエット状況 ダイエットは停滞期が続いてます。 今年に入ってからの最小値は、47.4キロ、体脂肪25.5％ ３月の旅行以降、１キロ近く増えても２～３日で戻すということを繰り返しています。１キロとまで行かなくても気を抜いて糖質を食べ過ぎてしまったり、体調... 続きを読む

[CSS]レスポンシブ対応のフォントサイズの指定方法 -デスクトップやスマホのビューポート幅（vw）に対して文字サイズを変化させる | コリス

2017/03/10 134 users コリス フォントサイズ ビューポート幅 CSS 記述

CSSだけで、ルートのフォントサイズを元に最小値と最大値を指定し、その間のサイズはビューポート幅（vw）に対して自動で変化させるスタイルシートの記述を生成するオンラインツールを紹介します。 例えば、768px以下はすべて1rem、1920px以上は2rem、その間はvwに対して変化する、という指定が簡単にできます。 Responsive font calculator ツールの使い方は、簡単です。... 続きを読む

[CSS]ビューポート幅（vw）に対してレスポンシブ対応の文字サイズを指定するテクニック -Responsive font size | コリス

2017/01/31 126 users フォントサイズ コリス スクリーン ルート ビューポート幅

フォントサイズをレスポンシブ対応で変化させるには通常、スクリーンのサイズごとに数種類のフォントサイズを用意していると思います。 CSSだけで、ルートのフォントサイズを元に最小値と最大値を指定し、その間のサイズはビューポー ...記事の続きを読む 続きを読む

Rで解析：インタラクティブなピボットテーブル。「rpivotTable」パッケージ

2015/10/29 20 users ピボットテーブル エクセル グラフ ヒートマップ 棒グラフ

データの特徴を探るのに大変便利な、インタラクティブなピポットテーブルを出力するパッケージの紹介です。とにかく使用してみることをオススメします。エクセルより便利です。 本パッケージではテーブルでデータの出現数、割合、最大値や最小値などを表示するだけではなく、ヒートマップ、折れ線グラフ、棒グラフ、積み上げグラフなどでインタラクティブに確認することができます。 パッケージのバージョンは0.1.5.7。実... 続きを読む

有志がエナジードリンクの成分表一覧を作ってくれたぞ！！レッドブル雑魚すぎｗｗｗｗｗ : オレ的ゲーム速報＠刃

2014/09/10 19 users エナジードリンク 有志 RedBull ゲーム速報 クソ雑魚

■人気ツイート エナジードリンクの成分表一覧作ったので置いておきますね。赤は最大値、青が最小値、緑はその商品にしか含まれてない成分です。 こうして見るとRedBullがコスパ最悪のクソ雑魚という事がわかります。 pic.twitter.com/SmqZiNRGae— Loan Survivor Qoo (@maromayuaria) 2014, 9月 8 @_ruroroi 後期は死んじゃう:;(... 続きを読む

アベノミクス・想定内の破綻 - 経済を良くするって、どうすれば

2014/06/28 169 users アベノミクス 破綻 経済 泰然 ロイター

5月の家計調査について、ロイターの事前予想は、前年同月比の中央値が-2.0%、最小値でさえ-4.0%だったところ、一昨日の結果は-8.0%にもなった。誰も考えなかったほど大幅な「想定外」の落ち込みである。しかるに、財務相は公表後の記者会見で「想定内」。アベノミクスが危殆に瀕しても、泰然として国民を安んじようという配慮なのかもしれない。本田内閣参与は、実質賃金の低下を憂慮しておられるようだからね。 ... 続きを読む

Rで本格的に分析を始める前に「必ず」確認しておきたいこと【R入門講座】 （1/4）：MarkeZine（マーケジン）

2014/06/09 68 users MarkeZine ヒストグラム マーケジン 考察 手元

2回目となる今回は分析を始める前に確認しておきたい「平均値」「中央値」「最大値」「最小値」といった基本統計量と呼ばれる値や、手元にあるデータの特徴を簡単に確認できる「ヒストグラム」について解説していきます！ 本格的な分析を始める前に「必ず」確認しておきたいこと　さて！第二回目は、本格的に分析を始める前に「必ず」確認しておきたいことを紹介していきます。　散々苦労して分析を終えて考察も書き終えて、ホッ... 続きを読む

高次元データの外れ値検出 - sfchaos blog

2014/05/19 40 users 高次元データ library ggplot2 次元 メモ

高次元データの外れ値検出についてのメモ． 高次元データと次元の呪い次元が大きくなるほど，点の間の距離は均一になっていく． 例として，2000個の点の各座標を一様乱数で発生させて，次元を変えながら点の間の距離の平均値，最大値，最小値，平均値±1σ，平均値±2σをみてみよう． library(ggplot2) set.seed(123) # 次元のリスト dims c(1:9, 10*(1:9), 1... 続きを読む

C++で統計解析 - sfchaos blog

2014/01/13 31 users 統計解析 線形回帰 C++ 分散 一口

先月開催されたJapan.R 2013の懇親会で，「C++で統計解析を行うための良いライブラリは？」という話がありました． 統計解析と一口に言っても結構広いので，ここでは以下の4つのカテゴリ 記述統計量(最大値，最小値，平均値，分散等)統計的検定(t検定，χ2乗検定等) 多変量解析(線形回帰，一般化線形モデル，判別分析，主成分分析，因子分析等)機械学習(サポートベクタマシン，ランダムフォレスト等)... 続きを読む

東京Ruby会議10で行われたコードゴルフの解答例を紹介します - (ﾟ∀ﾟ)o彡 sasata299's blog

2013/02/04 41 users 解答例 o彡 sasata299's blog 引数 数字

2013年02月04日16:00 勉強会 Ruby 東京Ruby会議10で行われたコードゴルフの解答例を紹介します だいぶ遅くなってしまいましたが、先日東京Ruby会議10で行われたコードゴルフの結果発表を行いたいと思います！（パチパチ 問題は、「引数を二つ受け取って（最小値と最大値）、その間の数字に対してFizzBuzz問題を解いてください」というものでした。 例えばこういうことですね。 $ r... 続きを読む

約物全角ドリの「文字組みアキ量設定」例 - なんでやねんDTP

2011/09/30 9 users ねんDTP InDesign 文字組みアキ量設定 デフォルト

InDesignにデフォルトで用意されている「文字組みアキ量設定」は、ほとんどの場合に行中の約物部分の「最小値」は「0%」とされており、「なにがなんでも全角送り」を実現するにはかなり手を加えなければならない。twitter上の発言で、そのような設定に苦労しておられる旨を知り、お節介ながら作成してみたので、ここにも公開しておく（公開にあたり新たに作成した）。 ●全角ガチガチの設定 まず、デフォルトの... 続きを読む