タグ

2017年2月9日のブックマーク (2件)

  • CSSのcalc()関数を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装テクニックのまとめ

    pxでも、%, em, rem, vw, vhなどの相対単位でも、異なる単位の計算式で値を指定できる「calc()」がどのように機能し、どのように使うのか、「calc()」を使うと便利になる要素のセンタリング、フォントサイズ、グリッドの作成などの実装例を紹介します。 Opera Miniを除くすべてのメジャーブラウザに「calc()」はサポートされており、レスポンシブとも非常に相性のよいCSSの関数です。 How calc() Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「calc()」とは値を計算式で指定できる 「calc()」を使う理由 「calc()」の使い方 「calc()」を使うと便利になる実装テクニック 「calc()」とは値を計算式で指定できる CSS3の「calc()」は、プロパティの値を計算式で

    CSSのcalc()関数を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装テクニックのまとめ
  • アイリスオーヤマの折りたたみできる2面ホットプレートが8,350円で良さそうな - ネタフル

    長年使っているたこ焼き専用ホットプレートが加熱具合が悪くなってきたので、そろそろホットプレートの買い替えのタイミングかなと思っております。たこ焼き専用ではなく、普通のホットプレートと兼用できるものが良いと思っていたのですが、Amazonでアイリスオーヤマの2面のホットプレート(DPO-133)を発見してしまいました。 それぞれのホットプレートで温度調節が可能です。2種類の料理を同時に進行することができるし、片方で調理、片方で保温もできます。3種類あるプレートも取り外しができるため、後片付けもしやすそう。折りたたんで収納できるので、一般的なホットプレートと比べると収納場所も取りません。 しかも、これで8,350円。なんだか、とっても良さそうです! 独立した2つのプレートにより2種類以上の調理を同時に行うことができます。 2つのプレートはそれぞれ保温(約80度)、約140~250度までの独立し

    アイリスオーヤマの折りたたみできる2面ホットプレートが8,350円で良さそうな - ネタフル