こんにちは、友馬です。 今回は、コンテンツを格納するのに便利なトグルUIを実装してみました。 実装方法は以下の２通り。 CSS3のみでの実装 jQuery使用した実装 ソースコードをここに記載すると結構長くなってしまうの […]
今日は、友馬です。 昨今、ちょいちょいPC向けのサイトで活用されている、映像を背景にしようするデザイン手法を試してみました。 作成したデモはこちら。 HTML5でビデオバックグランドを実装 作成手順 HTML5のVide […]
こんにちは、友馬です。 話題の技術を試したり、検証したりする場を取り急ぎ作ってみました。 lab.yumawatanabe.com 内容も見た目も本当に最低限の所からのスタートですが、 僕の技術の向上と共に少しずつ更新で […]
こんにちは、友馬です。 サイト作りや話題の技術を試す環境を構築するために、前回はローカル環境にgitとMAMPを導入し、さくらレンタルサーバーではデフォルトシェルの変更とssh公開鍵認証ログインの設定をしました。 今回は […]
こんにちは、友馬です。 先日、MacBookとiPadを購入し、やっとデザイナーとしてより技術を追求していくガジェットがそろいました。 それに合わせて、ポートフォリオサイトや巷で話題な技術を試す環境を整えました。 今回は […]
こんにちは、友馬です。 シリーズを通じて、フラットデザインの今後をマイナスのアプローチ、プラスのアプローチ、そしてその他のアプローチが産まれる可能性について書いてきました。 今回はその総括です。 インデックスは以下の通り […]
こんにちは、友馬です。 ここまで、フラットデザインを立ち位置としてマイナスとプラスのアプローチについて書いてきました。 上記二つのアプローチでは単純に静的なデザインを画像やレイアウトの手法にフォーカスしましたが、今回はそ […]
こんにちは、友馬です。 前回は、フラットデザインの肝であるマイナスのアプローチについて、また今後それが加速するとどんなデザインになるかを書かせていただきました。 今回はマイナスのアプローチとは逆にあたるプラスのアプローチ […]
こんにちは、友馬です。 前回は、ざっくりフラットデザインとは何かについて書かせていただきました。 今回から実際にフラットデザインの後に続くデザインアプローチやトレンドなどに焦点を当てたお話に入ります。 ※あくまで個人的な […]
昨今のUIデザインのホットトピックである、フラットデザインと今後のデザイントレンドについてつらつらと書いていこうと思います。 ※あくまで個人的な見解ですので、あしからず。 インデックスは以下の通り。 フラットデザインてな […]