人生厳しい なんとかなるさ♪~♪~

2017-12-16 21:47:17 ホームページ作成のメモ JAVAスクリプト スマートフォンエミュレータ

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 開発者ツール→「エミュレーション」項目をクリック

時間がかかります。

名前:
コメント:

※文字化け等の原因になりますので顔文字の投稿はお控えください。

コメント利用規約に同意の上コメント投稿を行ってください。

 

  • Xでシェアする
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

最新の画像もっと見る

最近の「日々の出来事」カテゴリーもっと見る

最近の記事
バックナンバー
人気記事