2019/03/23(土)

フレックス/柔軟に

今日は昨日つまづいたフレックスボックスの設定から。フレックスボックス(flexbox)はhtmlのコードの一つで、スマホ、タブレット、PCなど、画面サイズが異なるデバイスでも柔軟にレイアウトを変えて表示してくれるコード。

世の中には様々なデバイス(スマホ、タブレット、ノートPC、デスクトップなど)があります。iPhoneだけでも様々なバージョンがありますし、使用ブラウザも色々です。なので、それら100%に対応するのは現実的に不可能ですが(ガラケーなど使っている方が今もいますが少数派なのでそれらには普通対応しないという感じ)一般的に広く使われているデバイスやブラウザで、最適に表示されるようにつくり込んでいきます。
「フレックス/柔軟に」に掲載している画像
少しずつ確認してはつくり直してということを繰り返しながら完成度を高めていきます。なかなか骨の折れる作業ですが、思い描いたものができていくのは嬉しいものです。固定観念にとらわれることなく柔軟に進めていきたいです。

フレックス(コトバンクより)
曲げること。畳むこと。転じて、物事を柔軟に扱ったり行ったりするさまを表す。多く複合語の形で用い、柔軟な、の意を表す。「フレックスタイム」「フレックスジョブシステム」

この記事に、ひとこと

記事を読んで感じたことや、ご意見・ご感想など、よろしければお聞かせください。

コメントを書く

コメントは確認後に公開します。個人情報の記入はお控えください。

夢彩図のご案内

夢彩図では、独自性や創造性を大切にしています。AIをはじめ、さまざまな技術が身近になる時代だからこそ、その人、その事業ならではの“らしさ”が、これまで以上に大切になると考えているからです。

そのような考えのもと、季節や色を通じて感性をひらく「季節のひと色」と、WEB・AI・デザインなどの話題を取り上げる「WEBトピックス」を随時配信しています。知性と感性、その両方を大切にしながら、夢彩図ならではのWEBのあり方を形にしています。

また、WEBサイト制作やカスタム機能制作、WEB編集室などを通じて、それぞれの事業が持つ価値や個性を、WEB上で伝わるかたちに整えるお手伝いもしています。

あなた自身、あるいは、あなたの事業の“らしさ”とは何でしょうか。

このようなコンテンツが、日々の情報収集や感性をひらくきっかけとして、また、ご自身や事業の“らしさ”について考えるきっかけのひとつになりましたら嬉しく思います。

小野貴子

この記事について

夢彩図 小野貴子です。

ホームページ制作のことや、日々の制作の中で感じたことをブログ形式で綴っています。

記事一覧へ戻る