Webサイト制作初心者用質問スレ part250
レス数が1000を超えています。これ以上書き込みはできません。
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に >>2 にも目を通すこと
2. メール欄に何も入れないことを推奨 (IDを出して騙りを防止するため)
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 http://mevius.5ch.net/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
http://find.5ch.net/search?q=seo
6. アクセス解析については該当スレで質問すること
http://find.5ch.net/search?q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90
7. 製作ソフト(Dreamweaver DW、ホームページビルダー、等)を使用した場合の質問は該当スレで質問すること
8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
●WEBプログラミング板 http://medaka.5ch.net/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト(Photoshop 、Illustrator、等)については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい?といったことは書籍についての質問スレで質問すること
http://find.5ch.net/search?q=%E5%BD%B9%E3%81%AB%E7%AB%8B%E3%81%A4%E6%9B%B8%E7%B1%8D%E3%81%AF
12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
13. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part249
https://mevius.5ch.net/test/read.cgi/hp/1529144063/ ユーザースニペット使えば自分の好きな雛形を登録しておいて好きな省略で呼び出せるよ >>972
うちの環境ではならないなぁ
半角の ! だけ入力してtabとか押しても何も反応しない・・
プラグインの有無かな?
そのEmmetというのがhtml関連のプラグイン?
Atomではhtmlプレビューというのがあるけど、
VScodeはリアルタイムのhtmlプレビューはあるのかしら? >>974
設定>機能拡張>Emmet>Trigger Expansion On Tab
で、どう? >>975
すまん、プラグインは入れてないんだわ。
EmmetってZen-Codingのことなのね、こんな飛び道具使いこなせないわ・・・
というかZen-Codingってphpのイメージだったけど、
htmlのスニペットもあるのね。 1週間前にVSCode入れたけど記憶が無い・・・見たことない文字列だったから消したのかな。
Mithril Emmet
Angular 2 TypeScript Emmet
Elm Emmet
emmetでマケプレ検索して出た上位3傑だけど、どれがお勧め?
確かに地味に便利そう ほんとだ、htmlファイルを作ってから開くと確かにスニペット動いたわ。
ファイル未設定の新規ファイルでは発動しないのね。
phpしか触っていないから気付かなかった・・・
html:5 やべぇ、今まで手打ちしてたのはなんだったんだ。 >>973が書いてるがユーザースニペットは自分で登録できる
よく使うのを登録しとくと楽になるぞ
ユーザースニペットは拡張子ごとに設定できる
htmlで出たのは html.json に入ってるから
php.json に入れればphpファイルでもhtmlタグのスニペットが使える
もちろんhtmlタグだけじゃなくスニペットならなんでも なんだよ、言語モードをhtmlにしてなかったってオチかよ >>972
langもjaになるよう調べて設定修正したけど。 html4.01でogpタグ設定してるサイトってどこかにないかな?
見本にしたいんだが。 HTML5のvideoタグを使って、
<video>
<source src="http://www.hoge.com/hoge.webm" type='video/webm'>
<p>残念、非対応ブラウザだよ〜んw</p>
</video>
こんな感じにvideoタグに対応してるブラウザでは動画の埋め込み再生を、
対応していないブラウザにはその旨伝えるメッセージを表示するのがオーソドックスな方法。
ただこれだと問題があって、ブラウザがvideoタグそのものには対応していても
動画コーデック(この場合はwebm)には対応していないブラウザの場合(safariとかがそれ)
動画の再生を試みて失敗し、そのままになってしまう。
「残念、非対応ブラウザだよ〜んw」っていうメッセージは表示されない。
videoタグに非対応なブラウザだけでなく、そのコーデック動画の再生に対応していないブラウザも含めて
「残念、非対応ブラウザだよ〜んw」
って表示させるにはどうしたらいいだろうか? そのメッセージはあまり適切とは言えないです
こういう場合は
「申し訳ございません。ご使用のブラウザは対応しておりません。Chromeなど対応しているブラウザでご覧ください」
などとすべきだね >>987
JavaScriptでやる
videoタグのerrorイベントを補足して、エラー内容が
MEDIA_ERR_DECODEならメッセージを表示する感じ html4のサイトに、youtubeは今日現在埋め込めるのでしょうか?
埋め込みはhtml5ではないとできないのでしょうか? >>989
了解
JavaScript勉強してくる 毎日の献立を日替りです日替りできるようなプラグインはありませんか?
真ん中にその日の献立が表示され、下部に365のカレンダーがある。ようなデザインにしたいのですが。 videoタグのposter属性を指定することで未再生動画のサムネイル画像を指定できる
poster属性を指定しないと動画の1フレーム目の画像がサムネイルとして表示される
わざわざ動画ごとに画像を用意するのも億劫だし、
かといって1フレーム目の画像見せられても視聴者にアピールできないし、
ここは動画の任意のフレームをサムネイル画像として表示するよう設定できないかな?
これが出来ればわざわざ動画ごとに画像ファイルを用意する手間も省けるし
アピール出来る画像をサムネイルに選ぶことができる >>992
WordPress?
このスレを 花言葉 で検索すると
似たような質問が出てますよ >>994
ありがたきご助言、誠に感謝申し上げます。 >>993
videoタグをJSで取得してcurrentTimeを設定すれば、好きな再生時間をseekできるだろ
ただし、再生を開始する際にはいったん再生時間を0に戻す処理がいるとか、
動画が目的の箇所まで読み込まれるまでは何も表示されないとか、いろいろ厄介ごとが増えるため、
結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット >>996
> 結局サムネ用画像用意するのが一番ラクであることを理解するまでが1セット
だよね・・・w このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 212日 13時間 36分 46秒 レス数が1000を超えています。これ以上書き込みはできません。