札幌Web制作のシンクグラフィカ

WebsiteToolkit.jsについて

玉葱弁当さん (2014-01-11 10:22:23) midorimushi-supplement.com/

はじめまして
以前からメールフォーム等でお世話になっておりましたが、今回はWebsiteToolkit.jsについてお伺いしたい点がいくつがございます。

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

【imgタグのclass指定に「mscale-(倍率)」する機能】
他のクラスと同時に指定すると縮小されなくなってしまいます。
class="mscale-50 fleft" などの指定を行いたいのですが、対処法はございますでしょうか?

【Viewportの設定について】
configs.js内で設定を行う箇所がございますが、この場合HTML内でViewportの指定は書かないということでよろしいのでしょうか?
iphone5実機でViewport切り替えが動作していることは確認できましたので恐らく問題はないとは思いますが、この記述で大丈夫なのかという不安もあります。

【html5のタグ対応について】
今までhtml5.shiv.jsなどを使って対応していたこの部分に関してもWebsiteToolkit.jsでは最初からまとめられているようで非常に助かっております。
お伺いしたい点としては、古めのアンドロイド端末に対してもhtml5は対応できているかどうかという点です。
私は以前、一部のアンドロイド端末がhtml5タグをうまく認識出来ておらず、気づかないうちにサイトが崩れてしまっていたという経験があり、それからはhtml5で追加されたタグに対してはid、classをつけないようにしていました。
WebsiteToolkit.js のhtml5対応が各種アンドロイド端末に対しても機能しているのであれば、非常に助かります。

【「モバイルで非表示」について】
QRコードなどPCでのみ表示、モバイルでは非表示、という部分にうってつけだと思ったのですが、こちらの機能はどのようなclassを指定すれば良いのでしょうか?

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

まだ製作段階のため、設置URLに指定しているURLのサイトでは適応できておりません。
/test/euglena.html
こちらページを見て頂ければ(2014/1/11時点でPC版だけは)ご確認頂けると思います。
まだ手探りな部分が多く、上手く使いこなせていないかもしれませんが、素晴らしいスクリプトをありがとうございます。

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

個人的にcanonicalの自動設定機能があれば使いやすいかもしれないと思ったのですが、今後のバージョンアップで機能の追加等は行われますでしょうか?

Re:WebsiteToolkit.jsについて

和田 (2014-01-15 19:51:49) www.synck.com

マニアックなスクリプトをご利用いただきありがとうございます。
各種fixしたバージョンを公開しました。多分まともに動くとは思うのですが・・・。

> Viewportの設定について
こちらはscript側から出力されるのでhtml側に記載する必要はありません。

>html5のタグ対応について
MSIE6でも大丈夫なので、たぶん大丈夫だと思います。うちのAndroid2.2ではなんとなく動いています。

>「モバイルで非表示」について
モバイルでの非表示に関してはクラス名が「m_」から始まるクラスが付いているものはすべて非表示になります。今考えるとやや無茶な仕様だなと反省しています。

マニアックなスクリプトですがご活用いただけると幸いです。

Re:WebsiteToolkit.jsについて

玉葱弁当さん (2014-01-16 10:04:03) midorimushi-supplement.com/

和田様
お早いお返事ありがとうございます。
修正までして頂いているということでしたため、早速更新させて頂きました。
お忙しいところ無理を言ってしまい、申し訳ございません。

【imgタグのclass指定に「mscale-(倍率)」する機能】
最新版で確認致しました所、問題なく動作致しました!

【Viewportの設定について】
ありがとうございます。
今までトップページ以外全て共通の指定をHTMLに書き込んでいたため、非常に楽になります。

【html5のタグ対応について】
ありがとうございます。
これからの製作では無駄なdivを減らせるよう、いろいろと見なおしてみます。
(今見直すと、私からの質問文がすごくわかりづらくなっておりました。
はじめてのサポートセンター利用で緊張していたのか…すみません。)

【「モバイルで非表示」について】
使用方法について把握致しました。
これは ResponsiveWebForceDivReset という機能になりますでしょうか?
もしこちらの機能のことであれば、ご質問させて頂いた時点で私が仕様を勘違いしておりました。申し訳ありません。
display:none;などで完全に見えなくなるものだと思っておりました。

【掲載していたURLについて】
前回掲載しておりましたtest/euglena.htmlというURL、私が間違っておりました。すみません。
現在は貼り付けているURLのサイトの test/ からの各種ページにてご確認いただけます。


質問ばかりで大変お手数おかけしてしまい、申し訳ございません。
うまく活用できるよう頑張ります!

Re:WebsiteToolkit.jsについて

和田 (2014-01-20 09:45:07) www.synck.com

すいません、一部勘違いしてました・・・。
クラス名「mhide」を指定したクラスが非表示になるというものですね。
自分で作っておいてアレですが、もうすっかり仕様を忘れておりまして・・・。