2017/06/01(木)
自由に表現したいという思い
レスポンシブデザイン(PC・スマホ兼用サイト)の雛形、今は、色々と配布されています。デザインも色々あって、見ているだけで楽しいものです。ですが、実際にこれを使おうと思うと、やはりカスタマイズが必要。
で、カスタマイズを試みたところ、グリッドシステムが使えないことが、どうにも不自由に感じて、それだけ取り入れることにしました。
グリッドシステムはPCだと4列だけど、スマホだと1列で表示する、みたいな感じで、最適な列数を表示されるデバイスに合わせて自動で変更してくれるシステム。
CSSのフレームワークbootstrap(よく使うデザイン情報のみをピックアップしたWEBサイトの枠組みのようなもの)のバージョン4は「bootstrap-grid.css」ファイルだけを読み込めばOK、ということで、読み込んだものの、既存のシステムとうまくかみ合わないようで、ハンバーガーボタンの表示が崩れてしまいました(涙)。
どうしてもグリッドシステムが使いたかったので、原因を究明すると、思いの他、簡単にわかってホッ。明日からは、このグリッドシステムを活用して、コンテンツづくりに励めそうです。
CSSもhtmlも、時間の経過とともに、どんどん新しい仕様や、しくみが登場します。正直、覚えるのが面倒だなと思う時もあるのですが、自由に表現したいという思いが、モチベーションになって私を前に進ませてくれます。すると面倒だった思いが消えて、いつの間にか楽しくなってくるのですね。
そんなとき、最近読んだ本の中にある「没頭して、ハマれ」という言葉を思い出します。夢中になって取り組むと、単純に楽しい。そういう時間を積み重ねることで、お客様にも喜んでいただけるものがつくれたら、こんなに幸せなことはないなと思うのでした。
で、カスタマイズを試みたところ、グリッドシステムが使えないことが、どうにも不自由に感じて、それだけ取り入れることにしました。
グリッドシステムはPCだと4列だけど、スマホだと1列で表示する、みたいな感じで、最適な列数を表示されるデバイスに合わせて自動で変更してくれるシステム。
CSSのフレームワークbootstrap(よく使うデザイン情報のみをピックアップしたWEBサイトの枠組みのようなもの)のバージョン4は「bootstrap-grid.css」ファイルだけを読み込めばOK、ということで、読み込んだものの、既存のシステムとうまくかみ合わないようで、ハンバーガーボタンの表示が崩れてしまいました(涙)。
どうしてもグリッドシステムが使いたかったので、原因を究明すると、思いの他、簡単にわかってホッ。明日からは、このグリッドシステムを活用して、コンテンツづくりに励めそうです。
CSSもhtmlも、時間の経過とともに、どんどん新しい仕様や、しくみが登場します。正直、覚えるのが面倒だなと思う時もあるのですが、自由に表現したいという思いが、モチベーションになって私を前に進ませてくれます。すると面倒だった思いが消えて、いつの間にか楽しくなってくるのですね。
そんなとき、最近読んだ本の中にある「没頭して、ハマれ」という言葉を思い出します。夢中になって取り組むと、単純に楽しい。そういう時間を積み重ねることで、お客様にも喜んでいただけるものがつくれたら、こんなに幸せなことはないなと思うのでした。

夢彩図のご案内
夢彩図では、独自性や創造性を大切にしています。AIをはじめ、さまざまな技術が身近になる時代だからこそ、その人、その事業ならではの“らしさ”が、これまで以上に大切になると考えているからです。
そのような考えのもと、季節や色を通じて感性をひらく「季節のひと色」と、WEB・AI・デザインなどの話題を取り上げる「WEBトピックス」を随時配信しています。知性と感性、その両方を大切にしながら、夢彩図ならではのWEBのあり方を形にしています。
また、WEBサイト制作やカスタム機能制作、WEB編集室などを通じて、それぞれの事業が持つ価値や個性を、WEB上で伝わるかたちに整えるお手伝いもしています。
あなた自身、あるいは、あなたの事業の“らしさ”とは何でしょうか。
このようなコンテンツが、日々の情報収集や感性をひらくきっかけとして、また、ご自身や事業の“らしさ”について考えるきっかけのひとつになりましたら嬉しく思います。