GunosyのUIを手掛けたデザイン会社《Goodpatch》に学ぶ、デザイナーの育て方。 | キャリアハック（CAREER HACK）
GunosyのWEB・iPhoneデザインを手がけるなど、UIデザイン会社として存在感を発揮するGoodpatch。注目のUIデザイン会社は、どのようにしてメンバーの成長を促しているのか？そのカギは育成体制と特徴的な仕組みにあるという。 注目のUIデザイン会社 Gunosyのサイト・アプリデザインを手掛けたことでも注目を集めるUIデザイン会社《Goodpatch》。 彼らはUIデザインに特化したWEB・アプリの受託制作のみならず、自社サービスの開発やWEB/UIデザイナー必見のブログ「MEMOPATCH」も手掛けている。 さぞかし実績のあるデザイナーばかりが揃っているのかと思いきや、実際のところ、同社には未経験で入社したメンバーも少なくないそう。一体、彼らはいかにしてデザイナーの育成を行なっているのか？ 代表の土屋尚史氏へのインタビューから、Goodpatchが実践する、育成体制・仕組みづ
レスポンシブwebデザインの作り方とSEOとUXを考察
2013年は更に レスポンシブ は流行ではなく 一つのデザイン定義として定着する年なのではないかと。 その定着する新しい手法のデザインの作り方と SEO 、 UX の観点から考察していきたい。 レスポンシブwebデザインの基本 レスポンシブwebデザイン とは 1ファイルでどんなデバイスでも柔軟に対応する事が出来る手法です。 この手法が編み出される前は、端末別等で違うCSSファイルを呼び出し、デザインを変えていたかと思いますが、このやり方だとデザインを変更する時に端末別に分けた分のデザインを変更しなくてはなりません。 レスポンシブwebデザイン もそうゆう意味では変えなくてはならないのですが 横幅の計算でデザインしていきますので変更点が少なくなります。 初めは リキッドデザイン と似ていると感じると思いますが、違いはこちら ■リキッドデザイン これで レスポンシブwebデザイン とはなんぞ
可能性を広げる10のスタイルシート | コリス
ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウトでもよく利用されます。 「min-width」などのプロパティを使ってMedia Queryを作る際は、ビューポートのサイズを設定して利用してください。 HTML <meta name="viewport" content="width=device-width, initial-scale=1.0"> スマートフォンでは表示するページの大きさをビューポートの幅に（主に）縮小してフィットさせるため
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Grid Systemの仕様が変更となり、僕のレスポンシブデザインの作り方もちょっと変わりそうなので共有 | バンクーバーのうぇぶ屋
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ
[CSS]Media Queries（メディア クエリ）を使用したデバイスごとの指定方法のまとめ
