FROONT runs in your browser and allows you to see what you're designing in the same way users will. Present comps online on all devices. Instead of giving static images to your developer, provide them with fully functional HTML and CSS code. 続きを読む

• froont.com
• テクノロジー

2013年3月9日に行われたSwapSkills Doubbble 09で「レスポンシブWebデザインで変わるワークフロー」と題して講演した際に使用したスライドです。 続きを読む

• speakerdeck.com
• テクノロジー

「レスポンシブWebデザイン」が題に入る本を書いてはいますが、レスポンシブWebデザイン（RWD）という手法を選択しなければならない、絶対にRWDでなければならないという理由はないと考えています。なぜなら、プロジェクトごとに向き不向きはありますし、そもそ... 続きを読む

• parashuto.com
• テクノロジー

ニュース レスポンシブウェブデザイン専用ソフト「Adobe Edge Reflow」無償公開 （2013/2/15 13:18） アドビシステムズ株式会社は15日、サブスクリプション制サービス「Adobe Creative Cloud」を通じて提供している「Adobe Edge」シリーズのHTML5対応ウェブ開発... 続きを読む

• internet.watch.impress...
• テクノロジー

Lorem ipsum dolor sit amet, consectetur adipisicing* elit, sed do eiusmod* tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis au... 続きを読む

• webdesign.maratz.com
• テクノロジー

Viewport resizer is a browser-based tool to test any website’s responsiveness.Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test and check all kinds of s... 続きを読む

• lab.maltewassermann.com
• テクノロジー

Agencies often talk a big game but don’t back it up. Take mobile, where many still have Flash websites that are unusable in mobile.But that’s not the case for all. Some agencies are practicing what they preach when it comes to using mobile-... 続きを読む

• www.digiday.com
• テクノロジー

Dreamweaver CS6 では、 デスクトップやスマートフォン、タブレットなど様々な画面サイズに適したコンテンツレイアウトを実現するための「可変グリッドレイアウト」機能が追加されました。 「レスポンシブWebデザイン（Responsive Web Design）」といわれる、CS... 続きを読む

• www.adobe.com
• テクノロジー

先日、「A Dao of Web Design」という記事を読んでいて衝撃を受けたので、このブログでもご紹介したいと思います。この「A Dao of Web Design」には、ウェブ制作の歴史と未来が記されています。当時は存在すらしなかった「レスポンシブWebデザイン」やウェブの... 続きを読む

• parashuto.com
• テクノロジー

WordPress is most popular among online community. Web Developers are making themes rapidly. Thus, not all wordpress themes are developed equally. Having a quality design and being bug-free, the biggest issue facing web designers is the growin... 続きを読む

• smashinghub.com
• テクノロジー

日本国内の秀逸なレスポンシブWebデザインを集めたアーカイブサイトです。 続きを読む

• responsive-jp.com
• テクノロジー

4月から3ヶ月間、アムステルダムに滞在中。オランダでの暮らし、ウェブの仕事などについて記していきます。 Design Process In The Responsive Age - By Drew Clemens / SMASHING MAGAZINE 教わって読んだ記事です。レスポンシブ・ウェブデザインに取り組むプロ... 続きを読む

• halfpixel.jp
• テクノロジー

Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « レスポンシブ・ウェブデザインの功罪とモバイルファースト ««2011年のWeb担人気記事ランキング一気だし 注目を集めたアノ記事を見逃すな！ 連載編集長ブロ... 続きを読む

• web-tan.forum.impressr...
• テクノロジー

先日、Googleが発表した『Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法』は、Web業界に衝撃をもたらしました。 レスポンシブ・ウェブデザイン（RWD）を「推奨」すると明記してあり、いわゆる「専用サイト」を全否定するような内容に... 続きを読む

• blog.h2o-space.com
• テクノロジー

続きを読む

• www.thomashardy.me.uk

SelectNav.js Responsive drop-down navigation for mobiles and small screen devices. About SelectNav.js is a JavaScript plugin that lets you convert your website navigation into a select drop-down menu. Used together with media queries it helps... 続きを読む

• lukaszfiszer.github.com
• テクノロジー

Responsive web design has been a trending topic for a little while now, plenty of tools have been developed around this technique to help designers and users to get the most out of their mobile and tablet browsers. Even if responsive design i... 続きを読む

• www.onextrapixel.com
• テクノロジー

レスポンシブWebデザインの問題の一つに、PCと同じ画像を回線速度の低いモバイルデバイスでも表示させるのか、といった点が挙げられます。そこでこの問題に対する解決策を調べてみました。 Javascriptを使う Javascript（jQuery）を使う方法です。 幾つもの手法... 続きを読む

• design-spice.com
• テクノロジー

先日、「レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと」という投稿をした際に、その内容に関するTwitterでのやり取りの中で@shokutoさんから以下のコメントをいただきました： @rriver そうですね、なぜレスポンシブデザインという手法... 続きを読む

• parashuto.com
• テクノロジー

PCサイトとスマホ向けサイトの表示分け方法にはいくつかあると思いますが、Official Google Webmaster Central Blogによると、GoogleはレスポンシブWebデザインの利用を推奨しているようです。 » Official Google Webmaster Central Blog: Recommendations for ... 続きを読む

• blog.fkoji.com
• テクノロジー

レスポンシブWebデザインの新テーマ「newspaper」をリリースしました。 2012年3月 5日(月) 14:30 JST 投稿者: みるく 新テーマ「newspaper」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースにCSS3のMedia Queriesを使用したレスポンシブWebデザインのテー... 続きを読む

• www.white-stage.com
• テクノロジー

Versatile HTML5 Responsive WordPress Framework based on the Power of Foundation. Download Reverie Framework Version: 1.0.0, Latest Update: Nov. 7, 2011 View the Demo »View on Github » What is Reverie Framework? Reverie Framework is an extreme... 続きを読む

• themefortress.com
• テクノロジー

Webデザインコンテンツ コンテンツ視点で考えるレスポンシブ戦略 「レスポンシブ Web デザインをしよう」という目的で始めると、クライアントも制作者も不幸せな結果になります。マルチスクリーンを意識した Web コンテンツ戦略の課題を紹介します。 SEOならレ... 続きを読む

• www.yasuhisa.com
• テクノロジー

Top and left navigations are typical on large screens, but lack of screen real estate on small screens makes for an interesting challenge. As responsive design becomes more popular, it’s worth looking at the various ways of handling navigati... 続きを読む

• bradfrostweb.com
• テクノロジー

Webデザイン レスポンシブにデザインするために克服すること レスポンシブ・Webデザインがベストな解ではありませんし、レスポンシブにする必要があるのは工程だけではありません。ひとつの Web にアクセスしているのだという課題にどう取り組むかという上でレ... 続きを読む

• www.yasuhisa.com
• テクノロジー