[Mockup] MocKit 2.0 – 画像やWebサイトをiPhoneのモックアップにハメ込み合成できるサイト
任意の画像やWebサイトを、iPhoneのディスプレイ部分に表示させることのできるサイト。UIデザイン作例の確認や、Webのスマホ版レイアウトの動作確認に使えそうです。iPhoneも4色ラインナップされており、またHTMLとCSSでデザインされているのでソースコード一式をダウンロードする事もできます。ちょっとした確認作業や顧客へのデザイン確認などに使えそうです。
Daily Archives: 2016/03/03
[CSS] Tasty CSS-animated hamburgers – アニメーションするハンバーガーアイコン
マウスオーバーでアニメーションするハンバーガーアイコンの作例が多数紹介されています。それぞれアニメーションや、マウスオーバー後の形が異なるので、用途によって使い分ける事ができます。導入方法についても詳しく解説されており、class名を変更するだけでアニメーションを変更できるようです。スマホ版のナビゲーション作る時に使えそうです。