スマホサイトが新しくなりました♪ | SIMSIMデザイナー正谷聖子のほんわかブログ

SIMSIMデザイナー正谷聖子のほんわかブログ

SIMSIM(シムシム)デザイナーの正谷聖子です。京都の美大出身でフェルトジュエリーは油絵のように色が混ざるのが好きで2006年にブランドを立ち上げました。
絵を描くようにアクセやテキスタイル作ってます。

SIMSIM公式サイトネットショップ
https://www.simsim.co.jp/

スマホサイトは、
文字ばかりのカテゴリーだったんですが、

CSSを駆使して、変えてみましたよ!ガーベラ

クーポンコードをお持ちの方は、今日が期限なので、ぜひぜひご利用くださぃねっラブラブ

{CBA5A8DF-9BCC-4175-933F-336DE8EFBD52:01}

{129A2EC9-61CF-43F5-8388-E12B1C3601A0:01}

{23E7F349-24B3-406C-AB62-8DBF6C1512A9:01}

{B6783B74-A704-4078-AC61-FB2DD0D6E276:01}

{F6CC27EC-77E6-40B6-8F7C-CD5286EEE529:01}

{5E39460B-26EA-4E22-AAA9-BB149EA89D77:01}

こんな感じです。
商品が写真付きで並んで、全て見えるので、だいぶ見やすくなったんじゃないかな~って思います。ニコニコ

作りはシンプルに見えるかもしれませんが、
なかなか大変でした。。。タコ

色も、文字の幅とかも、
HtmlからどこのCSSに定義されてるか探して、
文字や数字をいじります。目


例えば、上下のナビゲーションバーを、紫に変えてみたのですが、
↓それはココを編集します。びっくりひまわり
{59387306-33B3-4893-A523-788F4269415E:01}

見るとグラデーション指定されてました。
色も文字で指定するので、自分で紫の色の#585757を入れました。ぶどう


もう美系とか文系のする仕事じゃないですねー!
ガチ理系の仕事です。ハムスター


もうずっとこのダーーーッと並ぶCSSの数列とにらみ合いっこして、htmlと見比べて、ソースを編集しました~龍




15年前にwebデザイナーだったから、
なんとかソース読めるので、
ほんと昔、webデザイナーでよかったぁガーベラって思います。。。!!照れキラキラ

まぁ昔の同僚に言わせてみれば、
古すぎる知識だし、まだまだなんですけどね。アセアセ 
でも今のソースもなんとか解読できるし編集できるし!かに座いいとしましょぅ!笑


アクセサリーデザイナーとはかけ離れたことしてたけど、
なんか役にとっても立っててよかったです。人生無駄なことはないですね。笑リボン



今は半数スマホから見る時代なので、
スマホページももっと充実させていきたいと思っています!お願いスマホキラキラ


他のオリジナルで作るページも、
新しいスマホ対応htmlで書けない!って諦めてましたが、
今回ソース編集して慣れてきたので、もしかしてできるかも!?って思っちゃいました。タコ音符



なんのこっちゃわからんブログでした?スライム


まぁ、大変だった、私ってばスゴイ?って内容でした。花火ハムスター花火





水曜からは、
京都高島屋がはじまります!
1週間、私と母とで毎日行きますよー!トナカイ

いま開催中の心斎橋大丸と同時開催です。キラキラ



時計も、やっと、
お客さまのニーズのお声を拾えてきたので、
正式デビューに向けて商品ラインを整えます!時計



がんばりまぁ~す!!ちょうちょ音符音符