[B! レスポンシブ] nyanzou4649のブックマーク

レスポンシブWebデザインの基礎

第1回　Web Developer Selection「レスポンシブWebデザインの実践ワークフロー」のスライドです。

nyanzou4649 2014/02/10

いいまとめ

レスポンシブ

リンク

การถ่ายภาพและการท่องเที่ยว - RESPONSIVE

This message appears for administrator users only

nyanzou4649 2013/10/24

レスポンシブ

リンク

FitText - A plugin for inflating web type

A jQuery plugin for inflating web type Download on Github Fit Text makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scala ble headlines that fill the width of a parent element. Oh, and don't you dare let us catch you using Fit Text on paragraph text. This is for gigantic display text only!

nyanzou4649 2013/10/24

レスポンシブ

リンク

レスポンシブウェブデザインの画像問題を解決する「Response JS」

配布元:Response JS: mobile-first progressive enhancement in HTML5. ライセンス:MITライセンス「Response JS」はレスポンシブウェブデザインの画像問題を解決するためのJavaScriptライブラリです。レスポンシブウェブデザインではPCだけでなくiPhoneやAndroid、iPadなど複数の解像度、画面サイズ向けのデザインを1つのHTMLで提供します。そのため、スマートフォン向けのデザインなのにPC向けの画像が読み込まれてしまうことがあります。「Response JS」を利用すると画面サイズごとに読み込む画像を選択できる為、無駄な画像リクエストの発生を抑えることが可能です。 Response JSの利用方法まずはjQuery本体とダウンロードしたResponse JSのスクリプトファイルをhead要素内などで読

nyanzou4649 2012/10/04

リンク

必読！5分でわかるレスポンシブWebデザインまとめ制作編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

お久しぶりです。デザイナーの野田です。まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。「必読！5分でわかるレスポンシブWebデザインまとめ」「必読！5分でわかるレスポンシブWebデザインまとめ Pt.2」を読んでいただけるとスムーズです。今回で、【必読！5分でわかるレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少しコンテンツ量が多くなります。 100％ 5分では分らないので、タイトルはスルーしてやってください。様々なサイトでレスポンシブWebデザインについて紹介されていますが、制作方法が異なっていたり、内容が少し難しいと感じる部分がありました。この記事は、ディレクターの方やデザイナーの方、どちらにも理解しやすいように書かせていただいてます。また、これまでレスポンシブWebデザインについてやってきましたが、基本的な部分で