Cloudflare Pages で iOS Safari から mp4 が再生できない
TL;DR iOS Safari は mp4 などのメディアコンテンツを HTTP 範囲リクエスト(206 Partial Content) で受け取らないと再生してくれませんが Cloudfl...
1
0
Comment0
17 search resultsShowing 1~17 results
Stocked
You need to log-in
iframeとcssのみで縦横比を維持させる（wrapper要素不要）
前提 YouTubeの埋め込みなどで、ウィンドウサイズによって縦横比を固定したままiframeを可変できるようにしたいのはよくある需要です。 それを実現させるためにiframeをdivで囲んで可...
2
2
Comment0
スマフォでクリックイベント以外で動画を音あり再生させる（ように見せる）方法
結論 playbackRate を適切に使う 前提（および謝罪） 必ずクリックイベントは必要です（オイっ！）。 ただし音声動画を再生させたいタイミングとクリックのタイミングを 多少 ズレすことが...
0
0
Comment0
SPFもDKIMもしっかり設定してるのにウェブサーバーからのメールが届かない！
前提 レンタルサーバーは mixhost で、ウェブサーバーとメールサーバーがセットかつ はじめからDKIMを設定してくれていた。 メールの正規運用は別で管理している（今回はMicrosoft3...
0
2
Comment0
IEのウェブフォントで<br>が豆腐（トーフ、TOFU）になるバグを治す
結論 br { font-family: sans-serif !important; } 以上です。 そもそもトーフバグとは コンピューターで表示できない文字がある場合、文字の代わりに小さい四...
0
0
Comment0
2020年現在のコスパのいい画像サイズ（持論）
コスパいい = 最小限の画像サイズで現在普及しているデバイスになるべく対応する。という意味。 結論：下記の4サイズ 画像の使用シーンがウィンドウいっぱいまで広げるものの前提。 アイコンなどの場合...
0
1
Comment0
CloudflareでWebPとそれ以外を別々にキャッシュさせる
前提 本来はブラウザのVaryヘッダーを見て hogehoge.png とリクエストが来ても WebPに対応してる＆WebP画像があれば hogehoge.png.webp を返してくれますが ...
0
1
Comment0
Content Security Policy の 'strict-dynamic' で nonce をちゃんと設定しているのにエラーになるときは prefetch/preload が原因かも
結論 <link rel="preload" href="/_nuxt/dddd88be1484ef5d94bc.js" as="script" nonce="2UhC1DHXJTpbvW...
1
0
Comment0
[JS]トラックパッドの場合のonWheelイベントの制御
大前提 ウェブサイトを作っていて、スクロールを起点に演出を行い場合が多々あります（ページがスライドしたりなど）。 しかし、通常のマウスと違い、MacBookとかのトラックパッドだと慣性スクロール...
49
38
Comment3
Riot.js入門-3
今回はRito.jsのテンプレート（HTML）部分で用いる各種文法の紹介です。 ちょっと今回はボリューミーです。 変数の代入 まず、大原則として各種文法は {} という波括弧を用いて定義していき...
23
20
Comment0
Riot.js入門-5
最後は応用編として、よりRiot.jsを使いこなすための各種機能・仕様を紹介していきます。 LifeCycle:コンポーネントのライフサイクル Riot.jsのカスタムタグは自身の状態をライフサ...
19
15
Comment0
Riot.js入門-4
今回はRiot.jsのコンポーネントのロジック内で使用できる各種インスタンスプロパティを紹介します。 opts this.opts はマウント時に外部から渡される値が格納されています。 riot...
11
13
Comment0
Riot.js入門-2
今回はRiot.jsの基本構造の紹介です。 基本構造 sample.tag <sample> <!-- HTML:Template --> <h1>hello...
11
12
Comment0
Riot.js入門-1
Riot.jsはWEBの次世代仕様として期待される Web Components ライクなUIライブラリです。 コンポーネントとは、関連するHTMLとJavaScript（+ CSS）をくっつけ...
51
60
Comment0
スマフォでlandscape（横持ち）フルスクリーンサイトを作る際のノウハウ
はじめに 通常のブログや縦長サイトをlandscapeで見る場合は特に特別なことをやる必要はないと思いますが、画面にFIXした「アプリっぽい」サイトを制作するときには色々と癖があり、事前に想定し...
19
20
Comment0
【RiotJS】preventUpdate を使いこなせ！
今回ご紹介するのは preventUpdate という riot 独自のイベントパラメーター。 <todo> <input type="text" name="new">...
25
18
Comment0
レガシーIEでのYouTube（iframe）対応
YouTube（を始めとするiframe系）関連のTips（随時更新） z-index問題 これはたぶんいちばん有名ですね。 IE9ぐらいまで、普通にiframeにzIndexを設定していても、...
8
6
Comment0
17 search resultsShowing 1~17 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles