2018年3月28日のブックマーク (3件)

  • 上下中央揃えのCSSまとめ。Gridだと2行、Flexboxだと3行で実現可能 - ICS MEDIA

    CSSでブロック要素を上下中央揃え(天地左右の中央に配置)する方法はいくつかありますが、CSS Gridを使う方法が現在では一番手軽です。CSS Gridレイアウトを使うと、たった2行で上下中央揃えができます。 ▼ CSS .container { display: grid; place-items: center; } デモを別ウインドウで再生する ソースコードを確認する ※CSS GridだとIE 11に対応できません。しかし、IE 11は2022年6月にサポートを終了しているので、ウェブ制作者が気にする必要はないでしょう。 Flexboxだと3行 対して、Flexboxでも上下中央は実現できます。Flexboxの場合、中央揃えしたい要素の親に対してたった3行記述するだけです。モダンブラウザはもちろん、Internet Explorer 11(以下、IE 11)でもベンダープレフィッ

    上下中央揃えのCSSまとめ。Gridだと2行、Flexboxだと3行で実現可能 - ICS MEDIA
    trashtoy
    trashtoy 2018/03/28
  • 牛丼屋さんに入れない

    私は女子大生なんだけどファストフード店の中で入り辛い店とそうでない店があるのね。 牛丼屋は全部入りづらい。 なか卯とてんやは入れるけどかつやは難しい。 ハンバーガーチェーンは全部平気。 はなまるうどんは入れるけど富士そばは入りづらい。 何が違うのか自分でもわからないけどとりあえず牛丼屋にスッと入れる女になりたい。

    牛丼屋さんに入れない
    trashtoy
    trashtoy 2018/03/28
    ちょまどさんの様子を見ていると感覚が麻痺してくるけど, この価値観のほうがたぶん普通
  • 元給食営業マンが話題の1食6000円の高すぎる学校弁当「ハマ弁」を考察してみた。 - Everything you've ever Dreamed

    www.asahi.com 横浜市の全中学校で導入されている「ハマ弁」の衝撃的なニュースを見た。16年度の公費負担が1あたり6000円を超え、利用率は1%台に低迷しているという。僕は前の会社で給関係の営業をやっていて、実はハマ弁については市が行ったヒアリングに参加した過去があるので、この事業の厳しさは予想していたが、ここまで酷い状況になっているとは。大きな問題は二点。膨大なコストと低すぎる利用率。営業マンの目線からこれらの原因にアプローチしてみたい。 学校給とハマ弁のような弁当では契約形態が違う。一般的に給の契約は、年間又は月間の委託費(人件費や各経費と利益が含まれる)契約となり、その他に1当りの単価(材費)を定めるが、弁当契約は1あたりの販売価格を定めるのみだ。ざっくりいえば弁当契約は労務コストを圧縮出来るためコストダウンがはかれる一方、固定費をかかえる事業者サイドは、売り

    元給食営業マンが話題の1食6000円の高すぎる学校弁当「ハマ弁」を考察してみた。 - Everything you've ever Dreamed
    trashtoy
    trashtoy 2018/03/28