二本線からバツ印へ - Weblog - Hail2u.net

2014/09/19 22 users Weblog hail2u.net バツ印 コンテナー CSS

Appleの新ウェブサイト(2014年9月)では狭い画面の時にグローバル・ナビゲーションを出す二本線のアイコンが表示される。それをタッチするとナビゲーションが表示されると同時に回転しながらバツ印に変化する。同じようなアニメーションをCSSでやってみると意外に面倒くさかった。 View Demo: Sandwich 二本線は以下のように擬似要素を2つ使って作った。コンテナーに対して幅を半分のサイズ、... 続きを読む

横にはみ出すナビゲーション - Weblog - Hail2u.net

2014/09/11 36 users Weblog hail2u.net ナビゲーション ナビゲー

今回(2014年9月)のAppleのウェブサイトのリニューアルにはいくつもの興味深い点がある。ナビゲーションの二本線とバツ印が共にインラインのSVGなことなどもそうだし、多くのポーションがモダナイズされたにも関わらずPrototype.jsを継続利用したこともすごく気になる。その中でも一番気になったのは狭い画面向けの横にはみ出すナビゲーションだ。 これまでの通常は隠されている狭い画面向けのナビゲー... 続きを読む

こんなの貰ったら絶対嬉しい！！ステキな結婚式招待状の返信アイディア - M3Q - 女性のためのキュレーションメディア

2014/04/19 66 users キュレーションメディア 欠席 アイディア 結婚式招待状 返事

こんなの一度はやってみたい！ / 花や模様で隠そう！ / みんなの絵のうまさもとんでもないことになってます..... 他 結婚式招待状って普通は「欠席」のところを二本線で消すんですが、それを絵で消すというステキなアイディアです。こんな返事がきたら絶対に嬉しいですよね～。でも実はこれって本当はマナー違反らしいので、やるんなら友達同士などの気兼ねない間柄でやりましょうね。 続きを読む