2017-12-16 21:47:17 ホームページ作成のメモ JAVAスクリプト スマートフォンエミュレータ
現在、世の中のWebのページ
なんだかJAVAスクリプト 多く使っているようなので
今後変更できるように
JAVAスクリプトに変更することしました。
といっても
function kensaku(){document.write('< form method="get" action="htmlタグ・・・・
function nenyu(){document.write('
と 簡単そのもです。
ネット上で公開しているものをコピーしていて 継接ぎだらけです。
cssは プロパティが変更するので削除が大変です。
よくわかっていないからです。
http://photoshopvip.net/には
興味深いものがたくさんあります。pug scss など 新しいものがあるようです。
ドロップダウンメニュー?にしたかったので
https://allabout.co.jp/gm/gc/23911/
を 変更して作成しました。
画像の拡大は
https://blog.raizzenet.com/how-to-use-simple-lightbox/
以下は 作成した。HTMLの一部です。
< script type=”text/javascript” src=”js/my–script.js” > < /script >
< script type=”text/javascript” src=”js/script.js” > < /script >
< script type=”text/javascript” src=”js/jquery1.7.2.min.js” > < /script >
< script type=”text/javascript” src=”js/script.js” > < /script >
< script type=”text/javascript” src=”//code.jquery.com/jquery–1.11.3.min.js” > < /script > < !––class=”readmore” 続きを読む WEBで読み込み込む–– >
< link rel=”shortcut icon” href=”favicon.ico” >
< link rel=”stylesheet” type=”text/css” media=”screen” href=”./css/style.css” >
< link rel=”stylesheet” type=”text/css” media=”all” href=”./css/simplelightbox.min.css” > < !––画像拡大機能–– >
< /head >
< body >
これでいいのか 不安もありますが
斬新なデザインではないけれど
単純で わかりやすいものを作成したいです。
タグの部分はもう少し多く
特殊文字に置換し コピーペーストしたけど
上手くいかなかったよ。
スマホへの対応ね。
携帯も 持っていない人だからね。
想像だけでは 難しかな。
2017-12-18 08:08:14 追加
https://allabout.co.jp/gm/gc/460911/
スマートフォンエミュレータ
レスポンシブデザインビュー
ブラウザで 見ることができるけどね。
使っているFirefoxは
ショートカットで Shift+Ctrl+Mでプレビューで見る事ができるけど
機種が どんなものか 全くわからないです。
Edge
キーボードから [F12]キーを1回押す
F12 開発者ツール→「エミュレーション」項目をクリック
時間がかかります。