群馬のWEBデザイナー「べるぽん」のSOHO日記（技術情報編）

上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

===MT、WordPress、jQuery対応！========================

☆☆大切なホームページ、丁寧に作成させて頂きます☆☆

　ホームページ作成のべるぽん
================================================

「スマホにもタブレットにもPCにも、全てに対応できる！」

という「レスポンシブWebデザイン」で、サイト構築をしてみる事にしたのですが


<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->


上記を入れているのに、IE8で、メディアクエリ関係がおかしい…

（HTML上で、styleを指定すると、メディアクエリが適用されるのだけれど、
外部CSSファイルだと、適用がうまくいかない…という不思議な現象が…）

「どうにもさっぱり？？？」だったのですが

<!-- saved from url=(0013)about:internet -->
（ローカル上でエラー表示無しにJavaScriptを動かす為の記述なのですが…なんとこれがあるせいで、サーバーにアップしても、適用がうまくいかなかったのです！）

これを外す事で、メディアクエリがうまく適用されるようになりました☆

-----------------------------------------------------------------------------------

レスポンシブWebデザインは「CSSでメディア振り分けをする」ものなのですが、
それだけだと、スマホでは負担になってしまいそうです。
（画像やCSSなど、スマホで必要ないものでも、全部読み込む事になってしまうので）

それなので、ベストな方法は、

○PHPなどでメディア振り分けをしつつ
○念の為にCSSでも振り分け

という形かな？と思いました。

===MT、WordPress、jQuery対応！========================

☆☆大切なホームページ、丁寧に作成させて頂きます☆☆

　ホームページ作成のべるぽん
================================================

コーディングの際はjQueryもセットでお願いされる事が多くなってきた今日このごろ。

「このアニメーションなんですが…Flashではなく、JavaScriptで表示する事も可能ですか？」
というご要望も多くなっているのですが…


フェードイン・フェードアウト程度の簡単なアニメーションであれば、
JavaScriptでも表現可能なのですが

「シャドウをつけたい」
「A地点からB地点まで、ギュイーンと移動させたい」

などなどの細かい表現を実現させるとなると…JavaScriptでは大変難しくなってしまいます。

（AdobeのWallaby…FlashをHTML5に変換するツール…で作ったものでも、
iOS系以外のブラウザでは、表示されないケースが多いという状況なので）

現状は、ちょっとしたアニメはFlashで作成するのが、現実的な気がします。

===MT、WordPress、jQuery対応！========================

☆☆大切なホームページ、丁寧に作成させて頂きます☆☆

　ホームページ作成のべるぽん
================================================

「PhotoShop」「Illustrator」に並んで、
WEBデザインを作成する時に使う事が多い

「Fireworks」

…それなりに、使いこなせるようになった気がしていたのですが

「？？？プロパティゾーンが小さくなっちゃった？？？」
という、アレレな事態が発生＾＾；


【 普段のプロパティゾーン　＾－＾ 】



【 小さくなってしまったプロパティゾーン ＞_＜；】



「どうしちゃったかなー？」と思っていたのですが









ささやかなマメ知識でした

===MT、WordPress、jQuery対応！========================

☆☆大切なホームページ、丁寧に作成させて頂きます☆☆

　ホームページ作成のべるぽん
================================================

これまで、POP in Shop 9を触った事は無かったのですが
ありがたい事に「それでも、やって貰えますか？」と、説明書まで貸して頂けたので（ご依頼主さまに感謝です！）

【送料無料】ジャストシステムラベルマイティ POP in Shop9 [ラベルマイテイ POP IN SHOP]価格：15,800円（税込、送料込）

滞りなく、サポートをさせて頂く事が出来ました☆

POP in Shop 9はカラフルなポップを簡単に作れるのは勿論、
差込印刷機能を使う事で「同一デザインのPOP」をエクセルファイルを読み込むだけで作成する事が出来ます！
このような高度な機能を使う事で、個人事業主様だけでなく、スーパー、100円均一ショップなど、中小企業での活用も、検討できるソフトとなっています。

べるぽんでは、ソフトの使い方だけでなく、エクセルと連動させたデザインの雛形まで、作らせて頂きます☆

===MT、WordPress、jQuery対応！========================

☆☆大切なホームページ、丁寧に作成させて頂きます☆☆

　ホームページ作成のべるぽん
================================================

カラーミーショップは「手軽にネットショップができる」「デザインを作りこみやすい」ので
人気があるショッピングカートサービスなのですが、

いくつか困った仕様があり…その1つが
-------------------------------------------------------------------------------------------
商品に「Sサイズ、Mサイズ、Lサイズ」といったオプションを設定すると、
Sサイズの在庫が0でも、買い物カゴに入ってしまう
（買い物カゴには入っても「在庫0です」とメッセージが出て、レジも出来ないようにはなっているのですが）
-------------------------------------------------------------------------------------------
というものがあります。

これは
https://shop-pro.jp/wbbs/wbbs.php?e=thread&tid=8185
こちらのJavaScriptを取り入れていくと、ほぼ解決できるのですが、
オプションが2つになると、IEでの挙動がおかしくなるようで…（初回表示はOKなのですが、オプションを切り替える時にうまく動かないようで…バージョンの問題かも知れませんが…）なので調べてみたところ

IEでは、子ページから、親ページのDOMにイベントハンドラをつける事は出来ない？？？

そんな挙動があったので（上記、出来る方法もあるのかも知れませんが…一筋縄ではいかないような感じだったので）、

回避策として、オプションが切り替えられた時のイベントハンドラを親ページの方につけかえて
（簡単に言えば、option1のところにonclickイベントハンドラをつけた。というだけです＾＾；）

そのonclickで→親ページにあるfunctionを実行（子ページのfunctionを動かすだけ）→子ページにあるｆｕｎｃｔｉｏｎを実行（在庫がない時は、買い物カゴに入れられないようにするfunction）
（onclickから、直接、子ページのfunctionを呼べれば、良かったのですが…自分はgetElementByIdで子ページを指定したので、onclickのところに直接書けなかったんですね＾＾；；）

とりあえず、そうする事で、IEでも問題なく動くようになりました☆
（あまりスマートなやり方では無いのですが(;^_^A少しでも参考になれば…ですo(_ _*)o）

↓対応させて頂いたネットショップがオープンいたしました！↓
----------------------------------------------------------
MAMMYTRACK（マミートラック）

♥可愛い子供服や小物･雑貨を販売しています♥
"デニム&ダンガリー"
"ゴートゥーハリウッド"
"グルービーカラー"
"ラゲッドワークス"
"tata baby"
----------------------------------------------------------

===MT、WordPress、jQuery対応！========================

☆☆大切なホームページ、丁寧に作成させて頂きます☆☆

　ホームページ作成のべるぽん
================================================