#ウエブワークショップ 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
勝手にまとめサイト
2015/08/30
![](img353x250/150923233138.jpg)
フルスクリーンキャプチャ
2015/09/08
![](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/160604195918.png)
サンプル2
2016/06/04
![](img353x250/160604200545.png)
サンプル4
2016/06/04
![](img353x250/160604201104.png)
サンプル5
2016/06/04
![](img353x250/160604201311.png)
サンプル6
2016/06/04
![](img353x250/160604201757.png)
サンプル8
2016/06/04
![](img353x250/160617185033.jpg)
スマートホン・タブレットの時代
2016/06/17
![](img353x250/160704201806.jpg)
象さんのパオーン通信
2016/07/04
![](img353x250/160722200741.jpg)
ナビゲーションは上部に固定という固定概念
2016/07/22
![](img353x250/161219212542.jpg)
著作権について
2016/12/19
ポップアップを使うサイトは嫌いです。
2018/05/26
![](img353x250/200907205131.jpg)
試行錯誤から生まれたデザイン
2018/05/26
![](img353x250/200905071357.jpg)
当サイトは訪問者のプライバシーを尊重します。
2020/09/05
![](img353x250/211024102729.jpg)
「象さんのパオーン通信」について
2021/10/24
![](img353x250/231213125539.jpg)
より良いホームページデザイン
2023/12/13
![](img353x250/170727070935.jpg)
おかげさまで最近ホームページ制作のお仕事が多くなりました。
2011/01/01
![](img353x250/oyaoya.jpg)
Windowsのシェアが9割なのにアクセス解析の結果が・・・
2011/02/13
![](img353x250/130703200733.jpg)
ブログを始めよう
2013/07/03
![](img353x250/150922225822.jpg)
#ウエブワークショップ No 3
2014/11/03
![](img353x250/141106125856.jpg)
#ウエブワークショップ No 4
2014/11/06
![](img353x250/150922225714.png)
#ウエブワークショップ No 5
2014/11/07
![](img353x250/150922225605.jpg)
#ウエブワークショップ No 6
2014/11/07