#ウエブワークショップ No 11
2014/11/28
#ウエブワークショップ No 10
![](../timeline/bitmap/150922225441.jpg)
閲覧するデバイスが変わると自動的にレイアウトが変わるホームページやブログのデザインのことを、
「レスポンシブWebデザイン」
と呼びます。
最初の画像はWindowsパソコンで見た場合です。
そのまま、左右幅を変えると次のように変化します。
iPhoneで見ると次のように変化します。
iPadで見ると・・・
対応している無料ブログやホームページが増えてきました。
自分で作る場合は、サイズは変わらなくても小さい端末での閲覧を常に意識しましょう。
![](img353x250/141130144358.jpg)
#ウエブワークショップ No 12
2014/11/30
![](img353x250/150922225136.jpg)
レスポンシブのサンプル #ウエブワークショップ
2014/12/02
![](img353x250/150922184043.jpg)
アルバム作りました
2014/12/14
FAQ-よくあるご質問
2014/12/28
![](img353x250/150102003919.jpg)
新しいデザインのサイトが出来ました。
2015/01/02
![](img353x250/150112003352.jpg)
ウエブワークショップの発展形
2015/01/11
![](img353x250/160516151335.jpg)
モバイル端末を意識する
2016/04/24
こだわり
2016/05/10
移動しやすい
2016/05/29
![](img353x250/160603130635.jpg)
文字が同じように見える
2016/06/03
![](img353x250/160604130705.jpg)
ブログを超シンプルデザインにして解ったこと
2016/06/04
![](img353x250/160604195458.png)
サンプル1
2016/06/04
![](img353x250/160603074103.jpeg)
フォト
2016/06/03
![](img353x250/160603072900.jpeg)
仮設商店街
2016/06/03
ボランティア
2016/05/31
![](img353x250/160530185826.jpeg)
快適パソコン生活
2016/05/30
![](img353x250/160530161731.jpg)
フラッグ展示会
2016/05/30
![](img353x250/160530155806.jpg)
イベント
2016/05/30
![](img353x250/160526073314.jpeg)
復興レポート
2016/05/26
![](img353x250/160524222713.jpeg)
ものぐさレシピ
2016/05/24
![](img353x250/160523070232.jpeg)
南三陸町歌津写真集
2016/05/23
![](img353x250/160522112300.jpg)
リンク
2016/05/22
![](img353x250/160522033706.jpg)
ブログ
2016/05/22
![](img353x250/160521205356.jpg)
フラッグ物語
2016/05/21
![](img353x250/160518193339.jpeg)
グッズ
2016/05/18
![](img353x250/160515104313.jpg)
旗のご報告
2016/05/15
![](img353x250/160514091022.jpg)
歌津の見所
2016/05/14
伊里前のおじぞうさん
2016/05/10
![](img353x250/160508202322.jpg)
象ショップ
2016/05/08
仮設商店街のアイドル
2016/04/30
![](img353x250/160319142121.jpg)
南三陸町のお店
2016/03/19
![](img353x250/160307215848.jpg)
歌津を楽しく応援
2016/03/07
![](img353x250/151207195952.jpg)
歌津応援
2015/12/07
![](img353x250/noimage.jpg)
南三陸町の仲間たち
2014/01/25
![](img353x250/noimage.jpg)
歌津支援センター
2013/10/02