HTML

ChromeとSafariでaudioタグを自動再生するための対策

以前までは、audioタグにautoplay属性を付与することで音声の自動再生が可能でしたが… [crayon-5c1781726bf1e137723267/] ChromeとSafariのメディア要素(<video>, <audio>)の自動再生におけるポリシーの変更され、下記のコードのようなclickイベントを使用しないとaudioタグの自動再生ができなくなりました。 […]

Bootstrap4製のマテリアルデザインのダッシュボード

Material Dashboardは、MITライセンスのBootstrap4製マテリアルデザインのダッシュボード用フレームワークです。 Demo サイドメニューやカードデザインが主な機能ですが、一覧画面や詳細画面なども作成可能です。 もちろん、Bootstrapベースなので、Bootstrapを使った構築も可能です。 管理画面などにおしゃれなサイドメニューを使えるだけで激アドだと思いました。 使 […]

最小構成のPWA

最小工数でPWAに対応する設定です。 HTML manifest.jsonの読み込み [crayon-5c1781726ce42205015383/] iOSが完全にPWAに対応していないので、iOS用の設定が必要です。 [crayon-5c1781726ce49269257652/] Service Workerに対応していれば、Service Workerを読み込む設定。 [crayon-5c […]

GithubのREADME.mdにバッチをベタベタ貼る

Githubなどで見かける↑ようなバッチをshields.ioを使ってベタベタ貼っていきたいと思います。 バッチの作成方法 バッチの作成方法は簡単で、shields.ioに用意されているAPIを活用することで簡単に作成することができます。 [crayon-5c1781726d434632603552/] には、バッチの左側の部分に表示させたいテキスト。 には、バッチの右側の部分に表示させたいテキス […]