CSSの関数はどんどん便利になっている！minmax()を使うとMedia Queries無しでレスポンシブが簡単に実装できる
CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方
献血に行ったけど献血できなかった
街に出かけたら、予定が狂って2時間ほど空いてしまった。暇を持てあましてウロウロしていると広場みたいなところに献血車がいて、スピーカーでがなっていた。 「献血にご協力ください！」「すべての血液型が不足しています！」などなど。 「通り過ぎていくあなたに呼びかけています！」みたいな、ちょっと刺激的な文句もあった。 献血でもしていくか、と思った。前から献血に興味があった。 定期的に行くという友人は何人かいる。自分は元々モヤシっ子で、今は平気だけど貧血になりやすい子供だったせいでどうも勇気が出なかった。普段は忙しくてスルーしてたのものある。時間もつぶせるし社会貢献になるし血液検査も一緒にしてくれるらしい、一石三鳥じゃんと思った。 看板を見たら、200mlと400mlがあるようだ。400は怖いけど200なら行けると思って受付に行った。ガラガラのテントの中で係の人が出迎えてくれた。 初めてですと言ったら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
