【第61章】〜ちゃんとしたRWDの記事1〜
これでどうでしょうかねぇ
RWDについてちゃんと書くことにした
こんにちは。 WEBど素人秘書の今津です。
↑上のイメージスライダー見ていただけました?
え?
まだですって?
じゃあ一回見てから戻って来てください。
いいですか?
読みましたね?
さて。
今回は前回より少し詳しく
RWDについて書こうと思います。
何故かって...。
誰も
褒めてくれなかった
から。
私的には
「いまづがイメージスライダーを使った。
しかも漫画にするというおもしろアイディアで応用した。」
これだけで、十分な褒められポイントだというのに。
しかし、褒めたくない、という
その気持ちもわかる。
世界の理解者、今津。
褒められなかったポイントとしては
❶今津がすでにOWLetマスターと思われている。
❷内容が薄すぎるという呆れ。
❸っていうかイメージスライダーなんて
画像差し込めばいいだけだから
楽に決まってるじゃん。
❹通常TOPページで使うような
たいそうなパーツを
どうしようもない記事に使われた憤り。
❶⇨まず、無い
❷⇨いつものこと
❸⇨確かに ❹⇨確かに
という事で、
使うのは簡単なパーツ、
でも実際アイキャッチ。
そんなイメージスライダーを使って、
内容が
ちゃんと
してる記事を
書いたら
褒めて
もらえる
(絶対。)
という事だ。
30歳過ぎた女子がこんなにも
誰かに 褒められるためだけに
頑張るなんて事、
あるのか。
最低5人には褒めてもらおうと
思っている。
おい、
お前には、 自分が無いのか。
承認欲求に従ったって、
幸せになんてなれないぞ?
って、 本に書いてあった。(鵜呑み)
=====================
さて、 本題。(余談の長さ。)
まずは、
RWD⇨スマホ表示のための何か。
とは聞いていたのですが、 どうやって使うのか...
神に 使い方を教わりました。
要は
PC用に作ったサイトをベースとして、
CSSの記述に入れることで、
スマホで見た時だけ、
見え方を変えることが出来る。
ということのようです。
なので、同じ部品を使いながら、
スマホ用表示に変換できる!
という画期的な魔法。
私の認識:CSSは基本、魔法。
なので、、
スマホで見ると、
ただ画像などを縮めるだけでなく、
スマホで見やすいように表示を変えられるのです。
ということで、RWDの記述を神様が用意してくれました。
ここで、いきなりですが、
あなたの
30秒後を占いましょう...。
あなたは
このエリアの背景、
何色に見えますか??
【白】
背景が何も変わらず白いままのあなたは 仕事中。
仕事中にこんな記事読んでいる貴方は
30秒後に上司かお局さんにサボるな、
と怒られるでしょう...
【黒】
背景が黒のあなたは 移動中。
移動中にこんな記事読んでる貴方は30秒後、
後ろに立ってる人に 鼻で笑われていることでしょう。
そうです。
PCやタブレットで
見てる人はそのままの表示、
スマホで見てる人は黒い背景になっている
はず。
手元にPCとスマホ両方ある人は
見比べていただくとおもしろいですよ♪
PC=仕事中
スマホ=移動中
と、勝手に決めつけるのはいかがなものか。
まぁだいたいそうっしょ。
もしくはPC持ってない現代っ子。
スマホ表示、厨二病仕様でとっても素敵。
さすが神。(褒めてる)
OWLetでRWDにチャレンジしたので
やり方を紹介しようと思っていたのに
余談を長くしすぎたせいで、
次の記事に書くことにしましたw
こちらからどうぞ ↓↓↓