約36時間でレスポンシブデザインを作る！効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ
The Priority Guide / レスポンシブ時代の設計プロセス – halfpixel
Design Process In The Responsive Age – By Drew Clemens / SMASHING MAGAZINE 教わって読んだ記事です。レスポンシブ・ウェブデザインに取り組むプロセスについて、「従来型の制作プロセスでは、もうダメですよ」という事と、解決策として「プライオリティ・ガイド」というスタイルでワイヤーフレームをつくる方法が提案されています。 ● 以下、要約。 ”従来の制作プロセスでは、 レスポンシブ・デザインに対応できない” デザイナーはPC画面用のPhotoshopだけをつくり、モバイル用（スマホ、タッチデバイス）のレイアウトはフロントエンド・ディベロッパに「おまかせ」にされることが多いが、それでは無理がある。PC版のデザインから「推測」してスマホ向けにレイアウトを組み替えようにも、コンテンツやメニューの重要度や優先順位が見えてこなければ、レ
H2O Blog., Googleが推奨しているのは、レスポンシブ・ウェブデザインではない！？
先日、Googleが発表した『Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法』は、Web業界に衝撃をもたらしました。 レスポンシブ・ウェブデザイン（RWD）を「推奨」すると明記してあり、いわゆる「専用サイト」を全否定するような内容にも取れました。 これで、スマートフォンのサイト対策はRWD一択のように受け取られてしまった方もいることでしょう。しかし、ここで勘違いしてはならないのは、「RWD=レイアウトが解像度でダイナミックに変化する手法」 のことではないということ。 実は、日本語版のブログでは内容の一部しか翻訳されておらず、詳しくは原文にリンクがされています。 Building Smartphone-Optimized Websites また、こちらのサイトなどが、エントリーの元になったセミナーの内容などを元に詳しく解説をされています。 スマートフォン向けサイ
CSS-Only Responsive Layout with Smooth Transitions | Codrops
A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators we will trigger transitions to the respective content panels, creating a “smooth scrolling” effect. In this tutorial we will create a responsive 100% width/height layout with some smooth page transitions. The idea is to have some content panels and a na
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
