Media Queryでminやmaxはもう使いたくない。全ブラウザ対応した範囲記法が直感的で便利

2023/03/28 100 users ＭＡＸ Safari CSS Media Query 筆者

筆者が CSS を学び始めたとき、media query で画面サイズに応じてスタイルを変える方法が大変ニガテでした😭 min？ max？ 未満のときはどうするの？ and で繋げなきゃいけないの？ 長くない？ と疑問に思いながら、今日まで長い年月を過ごしてきました。 本日（2023/03/28）、Safari 16.4 がリリースされ、 media query ... 続きを読む

CSSの三角関数（sin(), cos(), tan()）の基礎知識と基本的な使い方を解説

2023/03/23 146 users cos tan Sin CSS 三角関数

CSSで数式を使用するときには、今まではcalc()関数をはじめ、min(), max(), clamp()などの関数でしたが、ついに三角関数もChrome, Edge, Safari, Firefoxのすべてにサポートされました。 CSSの三角関数、sin(), cos, tan(), asin(), acos(), atan(), atan2()の基礎知識と基本的な使い方を紹介します。 Trigonometric fun... 続きを読む

これでUIデザイン用のSVGアイコンに困らない！ 1,700種類以上が揃った商用利用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon

2023/02/20 286 users SVGアイコン 太っ腹ライセンス 改変 UIデザイン用 特徴

WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 このアイコンの特徴は、小さいサイズでもくっきり見えること。1,700種類以上のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。 Min... 続きを読む

レスポンシブ対応のレイアウトやUIコンポーネントの実装が簡単！ min(), max(), clamp() の便利な使い方を詳しく解説

2022/10/13 118 users CLAMP ＭＡＸ UIコンポーネント CSS メディアクエリ

CSSの比較関数が主要ブラウザすべてにサポートされてから早2年が経ちました。これらの比較関数は、今まではJavaScriptを使用しないとできなかったこと、メディアクエリで複雑に実装していたことをシンプルなCSSで実装できます。 最近のWebサイトで使用されている、CSSの比較関数 min(), max(), clamp() の便利な使い方を... 続きを読む

iPhone「mini」ユーザーはどこへ向かうのか (1/3)

2022/09/10 204 users iPhone plus アップル ラインナップ mini

アップルが発表したiPhone 14シリーズには、小型の「mini」が存在しません。なぜこうなってしまったのか、そしてminiを使っていたユーザーはこれからどうすればいいのか、考えてみます。 miniと入れ替わりに「Plus」が追加 iPhoneのラインナップは、2020年のiPhone 12から「6.1インチ」の通常モデルと「5.4インチ」のmin... 続きを読む

CSSの数学関数min()、max()、clamp()の基本的な使い方

2021/11/04 162 users CLAMP Calc font-size ＭＡＸ CSS

IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基本的な... 続きを読む

JT M.D., Ph.D. on Twitter: "往診で治るビョーキじゃねーんだ。 点滴、酸素吸入も設備が無けりゃ出来ねーんだよ。 酸素吸入5L/minで1日7,200L必要なんだよ。液化酸素タンクのレベルなんだよ。今か

2021/08/06 262 users ビョーキ Ph.D 往診 点滴 酸素吸入

往診で治るビョーキじゃねーんだ。 点滴、酸素吸入も設備が無けりゃ出来ねーんだよ。 酸素吸入5L/minで1日7,200L必要なんだよ。液化酸素タンクのレベルなんだよ。今から医者になってから言えよ。バカ… https://t.co/PsKKsd5bpo 続きを読む

これぞプロの実装テクニック！フロントエンドのデベロッパーはCSSで実装する時に何を考えるか | コリス

2020/12/08 358 users ＭＡＸ コリス UIコンポーネント デベロッパー スクリーン

ページのレイアウトやUIコンポーネントを実装する時に、フロントエンドのデベロッパーはいろいろなことを考えます。スクリーンのサイズが小さい時はどうなるのか、デザインでは中央配置に見えるけど実装はどうすべきか、要素が少ない場合や多い場合があるのか、max-やmin-を定義した方がよいのか、、、 フロントエンドの... 続きを読む

CSSの数学関数が便利すぎる！min(), max(), clamp()の使い方を詳しく解説 | コリス

2020/05/28 182 users CLAMP Calc コリス ＭＡＸ Firefox

CSSの数学関数と言えば、calc()が便利ですよね。 しかし、便利な数学関数はcalc()だけではありません！ 先月、Firefoxにサポートされたことにより、すべてのモダンブラウザにサポートされたCSSの数学関数「min()」「max()」「clamp()」の使い方を紹介します。 最大幅や最小幅を計算式で定義できる「min()」「max()」、フ... 続きを読む

CSSの便利なプロパティmin-widthとmax-width、min-heightとmax-heightの効果的な使い方のまとめ | コリス

2020/01/23 73 users min-width コリス width ＭＡＸ CSS

Webページやスマホアプリのレイアウトをはじめ、画像、ボタン、ナビゲーションなどを親要素に応じてそれらの幅や高さを適したサイズにしたい時がありませんか？ そんな時には、min-widthとmax-width、min-heightとmax-heightを効果的に使用すると、非常に便利です。 widthとheightプロパティにおけるminとmaxの効果的な... 続きを読む

【Excel関数】最大なのに下限のMAX、最小なのに上限のMIN - わえなび ワード＆エクセル問題集

2018/10/14 66 users 下限 Excel関数 ＭＡＸ 最小 上限

例えば、100点を超えないように加点するとか、マイナスになったら強制的に０にするとか、一律に上限や下限を設定することがあります。また、税金の計算では、上限10万円のことを「～の金額または10万円のいずれか小さいほう」というまわりくどい言い方をすることがあります。 Excelの場合、下限と上限の設定は MAX / MIN... 続きを読む

THE NORTH FACE × ミナ ペルホネンのキャンプスタイル！ 初のグッズアイテムも展開 | タブルームニュース

2018/03/20 73 users ミナ　ペルホネン THE NORTH FACE 展開

THE NORTH FACE × ミナ ペルホネンのキャンプスタイル！ 初のグッズアイテムも展開 2018/03/15 2018年3月16日(金)より、 THE NORTH FACE(ザ・ノース・フェイス) と minä perhonen(ミナ ペルホネン) のコラボレーションアイテム第4弾が発売されます。 アウトドアブランドのザ・ノース・フェイスと、独自のテキスタイルデザインを展開するファッショ... 続きを読む

【Unity】uGUIの自動レイアウトが分かりにくいと評判なので解説してみる - テラシュールブログ

2017/05/14 52 users uGUI NGUI Unity 旧UI 評判

2017 - 05 - 14 【Unity】uGUIの自動レイアウトが分かりにくいと評判なので解説してみる 2D Unity GUI（uGUI/NGUI/旧UI） uGUIには自動レイアウトなシステムが積まれています。ただ、このシステム便利ではあるんですが色々と複雑なので、少し補足です。 UIの大きさを動的にフィットさせる、オートレイアウト UIの大きさはLayoutElementで決まる Min... 続きを読む

【一覧付き】初心者は意外と知らない？便利な関数たち(Python3版) - paiza開発日誌

2017/03/27 73 users paiza開発日誌 dict 一覧付き 初心者 Range

2017 - 03 - 27 【一覧付き】初心者は意外と知らない？便利な関数たち(Python3版) プログラミング初心者 プログラミング学習 開発ネタ Photo by pycon jp 秋山です。 Python3を使って開発中＆勉強中の皆さん、組み込み関数はどれくらい覚えていますか？よく使うrange, input, min, max, dict……などしか覚えていないという人も多いかもしれま... 続きを読む

ジバニャンの方程式がついに発見される　グラフに書くとかわいい姿がよーでる！ - ねとらぼ

2014/11/12 51 users ジバニャン 方程式 グラフ Akiyah とらぼ

「妖怪ウォッチ」の人気キャラ「ジバニャン」の方程式が、Akiya Mizukoshiさん（@Akiyah）によって発見されました。そのままだと単に長くて複雑そうな式ですが、グラフに書くとジバニャンが姿を表わすのです。 左の複雑な式から、ジバニャンがでるけん！ 式だけ見ると、minやmaxがいくつも登場するわカッコが何個も入れ子状態になっているわでとにかく難解そう。ジバニャン本来のポップさが皆無です... 続きを読む

記憶に残るロゴをデザインするために自身に問いかけるべき6つの質問 - GIGAZINE

2014/08/08 93 users 接点 ブランディング GIGAZINE 象徴 人々

ブランディングの1つとして重要なのが、企業の象徴とも言えるロゴです。企業とユーザーの最初の接点となるロゴをデザインしてきたMin Ming Loさんが、人々の記憶に残るロゴをデザインするために、自分に問いかけるべき6つの質問を公開しています。 The Makings of a Great Logo - BOLD by Pixelapse https://bold.pixelapse.com/min... 続きを読む

記憶に残るロゴをデザインするために自身に問いかけるべき6つの質問 - GIGAZINE

2014/08/08 93 users 接点 ブランディング GIGAZINE 象徴 人々

ブランディングの1つとして重要なのが、企業の象徴とも言えるロゴです。企業とユーザーの最初の接点となるロゴをデザインしてきたMin Ming Loさんが、人々の記憶に残るロゴをデザインするために、自分に問いかけるべき6つの質問を公開しています。 The Makings of a Great Logo - BOLD by Pixelapse https://bold.pixelapse.com/min... 続きを読む

log 変換する？しない？AICでモデル比較するときの注意点 - ほくそ笑む

2013/12/23 67 users ＭＡＸ AIC 線形モデル log 分析

データを分析にかける前に、出力変数を log 変換する、というのはよくあることだと思います。次のデータを見て下さい。このデータ、線形モデルに当てはめる前に log 変換したほうがよさそうだなーというのが見てとれます。それもそのはず、このデータは次のように作っています。 N 100 x runif(N, min = 1, max = 2) y exp(x + rnorm(N, sd = 0.3)) ... 続きを読む

脂肪がダイエットの大敵というのは大いなる誤解でむしろ健康に良い - GIGAZINE

2013/08/05 151 users 大敵 コレステロール 誤解 脂肪 medium.com

By 孫詩敏 ダイエット中の人にとって「脂肪」は憎き敵で、絶対に取ってはいけないものと認識されています。また、脂肪はコレステロールが気になる人にとっても嫌われています。ところが、脂肪は健康の敵ではなく健康の友と言うべき存在であることがアメリカの研究で判明しました。 A Chef and Doctor Talk About Butter - Medium https://medium.com/min... 続きを読む

短い時間で十分伝わるレベルの英文を書くための5つのポイント - give IT a try

2013/07/05 52 users 英文 ＳＥＣ Toggl give IT a try 短い時間

2013-07-05 短い時間で十分伝わるレベルの英文を書くための5つのポイント 語学 はじめに 僕は先週ぐらいからTogglという、タイムトラッキングツールを使っています。 このツールは思った以上によくできてて、結構簡単に自分の作業時間を記録することが出来ます。 ただ、1つだけ残念なところがあります。 それは作業時間を一覧にしたときに、作業時間の長さによって表示単位が秒(sec)、分(min)、... 続きを読む

SpotInstanceとJMeterを使って400万req/minの負荷試験を行う ｜ Developers.IO

2013/05/07 242 users Developers.IO JMeter 負荷試験 シナリオ

Apache JMeterのMaster/Slave構成 シナリオを用いた負荷試験といえばJMeterということで、使ったことがある方も多いかと思います。しかし、ほとんどの方は自分のPCを使ってやっている程度ではないでしょうか。最近は、スマホ連動のシステムが多くなってきていますので、1台のPCから負荷を掛けたとしても大した負荷試験になりません。そこで、今回はJMeterをMaster/Slaveの... 続きを読む

東京スカイツリー制服が初公開 ミナ・ ペルホネンがデザイン - ファッションニュース - 2011年11月04日 - Fashionsnap.com

2011/11/04 58 users Fashionsnap.com ファッションニュース

東武タワースカイツリーが11月4日、「東京スカイツリー」の展望台などでスタッフが着用するユニフォームを初公開した。デザインしたのは「minä perhonen（ミナ・ ペルホネン）」のデザイナー皆川 明（みながわ あきら）。スタッフを統括するディレクターや案内・問い合わせに対応するインフォメーション、駐車場誘導まで全7職種のユニフォームを制作している。 「東京スカイツリー」は、2012年5月22日... 続きを読む

固定幅ベースの elastic レイアウトサンプル

2007/03/12 142 users Elastic ela max-width レイアウト 変更

elastic レイアウトと言っても、固定幅ベースか可変幅ベース（とは言っても min、max-width による半固定だけど）のどちらかからのアプローチになるとは思う。当サイトでは、ここ1年半ほど可変幅ベースの elastic レイアウトを採用しているんだけれども、ちょっと思い立って固定幅ベースの elastic レイアウトのサンプルを 3 つほど作ってみた。 文字サイズの変更に追随する ela... 続きを読む