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