HTML

まだHTMLのMinify化で消耗してるの?

JSやCSSのMinify化は一般的に行われている一方で、HTMLのMinify化は積極的には行われていません。 HTMLもJSやCSSと同様にMinify化は必要なのでしょうか? Minify化されたサイト 以下のサイトのHTMLはMinify化されています Google Yahoo! JAPAN Facebook Minify化されていないサイト 以下のサイトのHTMLはMinify化されてい […]

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

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

最小構成のPWAを構築するには?

最小構成でPWAを実装するための各種設定です。 HTML manifest.jsonの読み込み iOSが完全にPWAに対応していないので、iOS用の設定が必要です。 Service Workerを読み込む設定。 manifest.json manifest.jsonにアプリ名などを設定します。 ServiceWorker 特に何もしないServiceWorker アイコンの生成 アイコンは、以下の […]

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

Githubなどで見かける↑ようなバッチをshields.ioを使ってベタベタ貼っていきたいと思います。 バッチの作成方法 バッチの作成方法は簡単で、shields.ioに用意されているAPIを活用することで簡単に作成することができます。 https://img.shields.io/badge/<SUBJECT>-<STATUS>-<COLOR>.svg には […]