タグ

2014年11月6日のブックマーク (2件)

  • 二本線からバツ印へ

    Appleの新ウェブサイト(2014年9月)では狭い画面の時にグローバル・ナビゲーションを出す二線のアイコンが表示される。それをタッチするとナビゲーションが表示されると同時に回転しながらバツ印に変化する。同じようなアニメーションをCSSでやってみると意外に面倒くさかった。 Demo: Sandwich 二線は以下のように擬似要素を2つ使って作った。コンテナーに対して幅を半分のサイズ、高さを6%とした。サイズと位置は全て%で統一したので、コンテナーの幅と高さを指定すれば以下のCSSは変えることなくスケールする。 .sandwich::before, .sandwich::after { box-sizing: border-box; display: block; position: absolute; left: 25%; width: 50%; height: 6%; content

    二本線からバツ印へ
    yoruaki
    yoruaki 2014/11/06
  • 反論

    好きなものや気に入っているものについて否定された時に、そうじゃないだろと反論したい気になるのはわかる。しかし、往々にして反論のための論理でってかかることが多く、それでは溝を広げる結果にしかならない。溝を埋めることは難しいが、ってかかってわざわざ溝を広げる必要もない。 反論のための論理で展開される記事でありがちなのは、否定された点についてすべて反論するような形のものだ。対象のトピックについて気に入ってはいてもパーフェクトであることはまずないので、それらのいくつかは自分が今までまったく気にしていなかった点や我慢していた点が必ず含まれるはずだ。そういった点に対しても反論しようとすると、反論のポイントがずれやすい。 そういった反論は埋めたい溝とは見当違いのところを埋めようとする作業に他ならない。そのため溝を埋めるどころか、周辺の味方に迷惑をかけることになる。 そのような記事は、最終的に反論する

    反論