19/07/16 05:45:59.28 .net
<meta name="viewport" content="width=device-width,initial-scale=1" />
995:Name_Not_Found
19/07/16 07:29:25.05 .net
>>967
ありがとうございます、できました！
これはDot by Dotで表示されていた感じですが、
どこかのサイトにiphoneXは、横が375ピクセルと書かれていて「？」と思ったのですが、
retinaの3倍で実ピクセルである1125pxなのですね。
今回その375ピクセルという横幅になったので、
safariのデフォルトのポイント数がわかりませんが、それなりの雰囲気になったということでいいのでしょうか。
996:Name_Not_Found
19/07/16 15:20:01.38 .net
とりあえず、これでも読んでみるといいかも
URLﾘﾝｸ(qiita.com)
997:Name_Not_Found
19/07/16 15:32:19.40 .net
あと、これとか
URLﾘﾝｸ(ferret-plus.com)
998:968
19/07/16 21:09:29.93 .net
>>969-970
ありがとうございます、そこそこ理解できました。
これだけスマホやタブレットがある時代であれば、
2019年におけるブレイクポイントの割り方もありそうですね。
999:Name_Not_Found
19/07/17 14:06:33.49 .net
VSCode では、HTML ファイルで「!」と入力すると、Emmet の入力補完が働いて、以下のようなひな形が表示される。
ただし、lang だけは、ja に変えているけど
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
1000:Name_Not_Found
19/07/17 17:13:02.23 .net
ユーザースニペット使えば自分の好きな雛形を登録しておいて好きな省略で呼び出せるよ
1001:Name_Not_Found
19/07/17 17:51:02.98 .net
>>972
うちの環境ではならないなぁ
半角の ! だけ入力してtabとか押しても何も反応しない・・
プラグインの有無かな？
そのEmmetというのがhtml関連のプラグイン？
Atomではhtmlプレビューというのがあるけど、
VScodeはリアルタイムのhtmlプレビューはあるのかしら？
1002:Name_Not_Found
19/07/17 18:21:21.37 .net
>>974
設定＞機能拡張＞Emmet＞Trigger Expansion On Tab
で、どう？
1003:Name_Not_Found
19/07/17 18:54:23.60 .net
>>975
すまん、プラグインは入れてないんだわ。
EmmetってZen-Codingのことなのね、こんな飛び道具使いこなせないわ・・・
というかZen-Codingってphpのイメージだったけど、
htmlのスニペットもあるのね。
1004:Name_Not_Found
19/07/17 19:01:24.81 .net
VSCodeにemmet最初から入ってるやろ
1005:Name_Not_Found
19/07/17 19:16:04.21 .net
1週間前にVSCode入れたけど記憶が無い・・・見たことない文字列だったから消したのかな。
Mithril Emmet
Angular 2 TypeScript Emmet
Elm Emmet
emmetでマケプレ検索して出た上位3傑だけど、どれがお勧め？
確かに地味に便利そう
1006:Name_Not_Found
19/07/17 19:34:17.03 .net
vscodeデフォルトだと html で候補出る
1007:Name_Not_Found
19/07/17 19:41:28.68 .net
ほんとだ、htmlファイルを作ってから開くと確かにスニペット動いたわ。
ファイル未設定の新規ファイルでは発動しないのね。
phpしか触っていないから気付かなかった・・・
html:5 やべぇ、今まで手打ちしてたのはなんだったんだ。
1008:Name_Not_Found
19/07/17 20:18:43.51 .net
>>973が書いてるがユーザースニペットは自分で登録できる
よく使うのを登録しとくと楽になるぞ
ユーザースニペットは拡張子ごとに設定できる
htmlで出たのは html.json に入ってるから
php.json に入れればphpファイルでもhtmlタグのスニペットが使える
もちろんhtmlタグだけじゃなくスニペットならなんでも
1009:Name_Not_Found
19/07/17 21:22:54.89 vhRZt55k.net
>972
URLﾘﾝｸ(qiita.com)
これでlangもjaになるよ
1010:Name_Not_Found
19/07/17 23:18:49.13 .net
なんだよ、言語モードをhtmlにしてなかったってオチかよ
1011:Name_Not_Found
19/07/18 07:21:46.49 .net
ctrl + k, mは覚えとけ
1012:Name_Not_Found
19/07/18 12:56:46.12 .net
>>972
langもjaになるよう調べて設定修正したけど。
1013:Name_Not_Found
19/07/22 15:17:47.27 .net
html4.01でogpタグ設定してるサイトってどこかにないかな？
見本にしたいんだが。
1014:Name_Not_Found
19/07/23 23:01:24.43 fHAsm8sz.net
HTML5のvideoタグを使って、
<video>
<source src="URLﾘﾝｸ(www.hoge.com) type='video/webm'>
<p>残念、非対応ブラウザだよ～んｗ</p>
</video>
こんな感じにvideoタグに対応してるブラウザでは動画の埋め込み再生を、
対応していないブラウザにはその旨伝えるメッセージを表示するのがオーソドックスな方法。
ただこれだと問題があって、ブラウザがvideoタグそのものには対応していても
動画コーデック（この場合はwebm）には対応していないブラウザの場合（safariとかがそれ）
動画の再生を試みて失敗し、そのままになってしまう。
「残念、非対応ブラウザだよ～んｗ」っていうメッセージは表示されない。
videoタグに非対応なブラウザだけでなく、そのコーデック動画の再生に対応していないブラウザも含めて
「残念、非対応ブラウザだよ～んｗ」
って表示させるにはどうしたらいいだろうか？
1015:Name_Not_Found
19/07/24 01:47:17.38 .net
そのメッセージはあまり適切とは言えないです
こういう場合は
「申し訳ございません。ご使用のブラウザは対応しておりません。Chromeなど対応しているブラウザでご覧ください」
などとすべきだね
1016:Name_Not_Found
19/07/24 05:46:44.50 .net
>>987
JavaScriptでやる
videoタグのerrorイベントを補足して、エラー内容が
MEDIA_ERR_DECODEならメッセージを表示する感じ
1017:Name_Not_Found
19/07/24 09:29:36.57 .net
html4のサイトに、youtubeは今日現在埋め込めるのでしょうか？
埋め込みはhtml5ではないとできないのでしょうか？
1018:Name_Not_Found
19/07/24 20:57:12.38 .net
>>989
了解
JavaScript勉強してくる
1019:Name_Not_Found
19/07/27 08:30:49.85 X7w1hplL.net
毎日の献立を日替りです日替りできるようなプラグインはありませんか？
真ん中にその日の献立が表示され、下部に365のカレンダーがある。ようなデザインにしたいのですが。
1020:Name_Not_Found
19/07/27 11:33:09.96 .net
videoタグのposter属性を指定することで未再生動画のサムネイル画像を指定できる
poster属性を指定しないと動画の1フレーム目の画像がサムネイルとして表示される
わざわざ動画ごとに画像を用意するのも億劫だし、
かといって1フレーム目の画像見せられても視聴者にアピールできないし、
ここは動画の任意のフレームをサムネイル画像として表示するよう設定できないかな？
これが出来ればわざわざ動画ごとに画像ファイルを用意する手間も省けるし
アピール出来る画像をサムネイルに選ぶことができる
1021:Name_Not_Found
19/07/27 12:07:09.60 .net
>>992
WordPress？
このスレを 花言葉 で検索すると
似たような質問が出てますよ
1022:Name_Not_Found
19/07/28 16:54:38.01 L1vIwuDN.net
>>994
ありがたきご助言、誠に感謝申し上げます。
1023:Name_Not_Found
19/07/29 00:51:17.44 .net
>>993
videoタグをJSで取得してcurrentTimeを設定すれば、好きな再生時間をseekできるだろ
ただし、再生を開始する際にはいったん再生時間を0に戻す処理がいるとか、
動画が目的の箇所まで読み込まれるまでは何も表示されないとか、いろいろ厄介ごとが増えるため、
結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット
1024:Name_Not_Found
19/07/29 20:13:54.06 .net
>>996
> 結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット
だよね・・・ｗ
1025:Name_Not_Found
19/07/30 00:31:42.58 .net
終わりそうなので立てた
Webサイト制作初心者用質問スレ part251
ｽﾚﾘﾝｸ(hp板)
1026:Name_Not_Found
19/07/30 00:36:51.92 .net
マ？
1027:Name_Not_Found
19/07/30 02:21:09.76 .net
1000ならスレ立ってる
1028:1001
Over 1000 Thread.net
このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 212日 13時間 36分 46秒
1029:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています