2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 続きを読む デザインしている中で、パスを合体したり分割したり パスを変形させることは多いと思います。 変形させるとき、多くの方は「パス」パネルを使用すると思いますが、 アイコンだけ並んでいても、どれがどんな働きをするのかわからなくなることはありませんか？ アイコンの絵でなんとなく合体する…くりぬかれる…と、動きは予想できますが どちらのパスが前面・背面にあるかで、またさらに形が変わってきます。 今回はそんなちょっと迷う「パス」パネル、 F

みんなが見てる人気のスマートフォン向けWebサイトデザイン

仕事でiPhone(Android)サイトを構築する機会があったので、実装方法についてメモしておきます。 構築条件としては「横幅固定レイアウトのPC向けサイトをスマートフォン用に最適化する」つまり「PC画面と同じHTMLを共有する」こと。 大まかな処理としては、以下になります。 スマートフォンサイトの作り方(1/8)  - 見出し・概要 スマートフォンサイトの作り方(2/8) - UserAgentの判定 スマートフォンサイトの作り方(3/8) - 横幅の最適化 スマートフォンサイトの作り方(4/8) - フォントサイズの最適化 スマートフォンサイトの作り方(5/8) - メニューデザインの最適化 スマートフォンサイトの作り方(6/8) - Viewportの設定 スマートフォンサイトの作り方(7/8) - アドレスバーを隠す処理 スマートフォンサイトの作り方(8/8) - 入力フォームの

No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of