タグ「responsive」を含む新着エントリー

フィルタ:
3users
5users
なし

PCサイトとスマートフォンサイトをどのように扱うか？国内のレスポン... webdesignmatome.com
- コンピュータ・IT
- デザインスマートフォン HTML5 Web制作スマートフォンサイト
- 90 users
- 2012/04/12
海外の企業サイトではレスポンシブルウェブサイトもだんだんと浸透しております。 Responsive Web Design を利用している企業サイトリスト毎日更新したり、記事コンテンツの多いサイトでは、全デバイスのソース管理や更新が1ソースでできるレスポンシブウェブサイトの導入は一つの選択肢と... 続きを読む
レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」:phps... phpspot.org
- コンピュータ・IT
- jquery プラグイン jQuery jQueryプラグインカルーセル
- 25 users
- 2012/04/11
Elastislide - A Responsive jQuery Carousel Plugin | Codrops レスポンシブでカッコいいカルーセル実装jQueryプラグイン「Slastislide」動きがいい感じな上に、ブラウザを縮小すると全体的に縮小されて使いやすそうです jQue... 続きを読む
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポ... kachibito.net
- コンピュータ・IT
- css3 webデザインアコーディオン css UI
- 65 users
- 2012/04/10
JSを使わず、CSSのみでドロップダウンメニューとアコーディオンメニューを特定のブレークポイントで切り替えるレスポンシブWebデザイン対応のグローバルメニューのサンプルです。これはなかなか良いのでは。 JS不要で、ドロップダウン⇔アコーディオンをスマフォ閲覧時などに切り替えるグローバ... 続きを読む
レスポンシブデザインの動作確認が楽にできるツール「The Responsina... phpspot.org
- コンピュータ・IT
- webサービス web制作レスポンシブ responsive チェック
- 28 users
- 2012/04/09
The Responsinator レスポンシブデザインの動作確認が楽にできるツール「The Responsinator」。サイトのアドレスを入れると一気に人気の端末の画面サイズでそのサイトを表示してくれるというものです。単にiframeを並べたものかもしれませんが、一括でチェックできるの... 続きを読む
レスポンシブウェブデザインの画象問題を解決する「Response JS」-Ja... javascript.webcreativepark.net
- コンピュータ・IT
- jQuery javascript jQuery レスポンシブ responsive
- 32 users
- 2012/04/07
配布元:Response JS: mobile-first progressive enhancement in HTML5. ライセンス:MITライセンス「Response JS」はレスポンシブウェブデザインの画象問題を解決するためのJavaScriptライブラリです。レスポンシブウェブ... 続きを読む
[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン... coliss.com
- コンピュータ・IT
- スマートフォン jquery JavaScript webデザインナビゲーション
- 130 users
- 2012/04/06
デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。デモページ：幅480pxで表示実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav... 続きを読む
[JS]デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画... coliss.com
- コンピュータ・IT
- jquery iPad iPhone 画像 iPhone
- 101 users
- 2012/04/05
Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retina... 続きを読む
Mobile Navigation Design & Tutorial webdesignerwall.com
- コンピュータ・IT
- navigation tutorial design スマートフォン jQuery
- 16 users
- 2012/04/04
Web Designer Wall A wall of design ideas, web trends, and tutorials 20802 followers Twitter 0 subscribers RSS Blog Categories Tutorials • Trends • ... 続きを読む
15 CSS Frameworks for Responsive Web Design | webexpedition18 webexpedition18.com
- コンピュータ・IT
- CSS Responsive webデザインリンク集
- 13 users
- 2012/04/04
Responsive design is cool thing to do, and for good reason — it means one site to maintain for all devices. It’s also a really challenging approach... 続きを読む
ページ全体に広がるスライドショーを実装できるjQueryプラグイン「jQ... phpspot.org
- コンピュータ・IT
- jQuery スライドショースライド jQueryプラグイン jQuery
- 53 users
- 2012/04/04
jQuery jQSlider :: Example Slimple ページ全体に広がるスライドショーを実装できるjQueryプラグイン「jQSlider」ブラウザを紙芝居っぽくしたスライドショーが作れます。この手のプラグインでは当然ですが、１ファイルのHTML内に全スライドを書けます。ブ... 続きを読む
[CSS]スタイルシートでここまでできる！Responsiveデザイン対応のス... coliss.com
- コンピュータ・IT
- CSS3 CSS スライダー webデザインアニメーション
- 123 users
- 2012/04/04
JavaScript無し(*1)で、スタイルシートで実装するResponsiveデザイン対応のコンテンツスライダーを紹介します。 *1 スライダーの基本機能ではJavaScriptを使用していませんが、iOSに対応させるために使用。デモ実装デモデモはCSS3に対応した下記のブラウザでご... 続きを読む
li要素で作ったナビゲーションリンクを、Media Queriesで設定したブ... kachibito.net
- コンピュータ・IT
- jQuery media queries ナビゲーション javascript mobile
- 38 users
- 2012/04/03
シンプルで使いやすそうだったので備忘録。Media Queriesと併用して、ナビゲーションリンクをselect要素に変換するjQueryのプラグインです。圧縮版だと300kbほどと、超軽量で、様々なブラウザにも対応できるので覚えておこうと思います。ウィンドウサイズが設定したブレ... 続きを読む
Responsive Horizontal Layout | Codrops tympanus.net
- コンピュータ・IT
- jquery Responsive jquey Webデザイン参考インスピレーション
- 9 users
- 2012/04/03
In this tutorial we'll create a horizontal website layout with individually scrollable content panels. We'll change the layout for smaller screens,... 続きを読む
CSS3による様々なエフェクトが選択可能なレスポンシブWebデザイン対... kachibito.net
- コンピュータ・IT
- jquery css3 レスポンシブプラグイン css
- 87 users
- 2012/04/02
3Dやスライスなど、様々なアニメーションエフェクトを使用できて、且つレスポンシブ Webデザインにも対応可能なイメージスライダーを実装できるjQueryプラグインのご紹介。REFINESLIDEというプラグインです。覚えておいて損は無いのでは。 IEではフェードエフェクトのみになってし... 続きを読む
レスポンシブWebデザインに対応したjQueryスライドショープラグイン... w3q.jp
- コンピュータ・IT
- jquery レスポンシブ jQuery Webデザイン slider
- 61 users
- 2012/04/02
wmuSlider, a jQuery responsive slider ~ Brice Lechâtellier 続きを読む
» The EMs have it: Proportional Media Queries FTW! Cloud Four Bl... blog.cloudfour.com
- コンピュータ・IT
- css em layout media responsive
- 8 users
- 2012/04/01
If we’re going to be proportional… A core tenet of Responsive Web Design (RWD) is fluidity and proportion. Instead of using fixed-width layouts, we... 続きを読む
[JS]jQueryのプラグイン33+1選 -2012年2・3月 | コリス coliss.com
- コンピュータ・IT
- jquery プラグイン jQuery まとめ WEBデザイン
- 504 users
- 2012/03/30
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bgStretcher 写真などの背景画像をブラウザ枠いっぱいに簡単に配置。 Anystretch エレメントの背景画像のサイズを表示サイズに合わせて最 [...] 続きを読む
38 Useful and Effective jQuery Plugins for Responsive Web Design... designbeep.com
- コンピュータ・IT
- jQuery webデザイン Responsive レスポンシブルレスポンシブ
- 27 users
- 2012/03/28
If you are familiar with web design for the last 12 months or more then you might just heard of responsive web design.Well,responsive web design or... 続きを読む
ウィンドウサイズにあわせてテキストサイズを変更するjQueryプラグイ... www.skuare.net
- コンピュータ・IT
- jQuery jQuery プラグインレスポンシブweb javascript
- 25 users
- 2012/03/28
ウィンドウサイズにあわせてテキストサイズを変更するjQueryプラグイン「slabText」 Tweet スマートフォンな時代が来ると横だ縦だ、iPhoneだAndroidだ、ワンソースで書けだのウィンドウサイズを意識することが出てきます。 jQueryプラグインのslabTextを利用すると... 続きを読む
著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid... kachibito.net
- コンピュータ・IT
- css フレームワーク Webデザインレスポンシブ web制作
- 312 users
- 2012/03/27
シンプルで良さそうだったのでメモ。パブリックドメインのCSSフレームワークです。レスポンシブWebデザインにも対応していますし、グリッドレイアウトにも利用出来るのでなかなか汎用性があるのでは無いかなと。ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放... 続きを読む
10+ Testing Tools for Responsive Web Design | gonzoblog.nl www.gonzoblog.nl
- コンピュータ・IT
- responsive Media Queries *あとで読む responsive web design design
- 10 users
- 2012/03/26
Finally, as we develop our responsive website, we’ll come to the point where our content clean and adaptive, our images are flexible and our layout... 続きを読む
レスポンシブデザインのテストツールx4 | CREAMU blog.creamu.com
- コンピュータ・IT
- レスポンシブデザインスマートフォンツールデザイン tool
- 35 users
- 2012/03/25
Device-Agnostic Approach To Responsive Web Designという記事で、レスポンシブデザインのテストツールが4つ紹介されています。 Responsive Design Testing URLを入れると4つの画面でプレビューできるツール Responsiv... 続きを読む
レスポンシブWebデザインで作られた凄いWebサイトまとめ10個 - W3Q w3q.jp
- コンピュータ・IT
- webデザインレスポンシブ web制作デザイン design
- 191 users
- 2012/03/24
Andersson-Wise Architects | An Austin, Texas based Architecture & Design Studio 続きを読む
Responsive Content Navigator with CSS3 | Codrops tympanus.net
- コンピュータ・IT
- css3 navigation レスポンシブ responsive
- 8 users
- 2012/03/24
Today we want to show you how to create a responsive, css-only content navigator. View demo Download source Today we’ll show you how to create a co... 続きを読む
Device-Agnostic Approach To Responsive Web Design | Smashing Cod... coding.smashingmagazine.com
- コンピュータ・IT
- webdesign css レスポンシブ Media Queries
- 6 users
- 2012/03/23
This is a different take on responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big eleph... 続きを読む

RSS

	Responsive Webdesign Christoph Zillgens ￥ 4,082
	Responsive Web Design with ... Ben Frain ￥ 3,382
	The 101 Principles for Posi... Katharine C. Kersey ￥ 2,187
	Responsive School Practices... Emily S. Fisher ￥ 2,802
	Activities for Responsive C... Jean Barbre ￥ 2,160
	Foundations of Responsive C... Jean Barbre ￥ 3,026
	Gender Responsive Budgeting... Monde Matakala Mulun... ￥ 7,232
	Making The Responsive Guita... Ervin Somogyi ￥ 21,612
	感応する環境: デザイナーの... イアンベントレイ￥ 3,885
	Evidence-Based Design of El... Peter C. Lippman ￥ 6,932

タグ「responsive」を含む新着エントリー

関連する商品