CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール
Post on:2017年5月30日
sponsors
CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmicrodataやMetaタグなどのコードを簡単に生成できるオンラインツールを紹介します。
コードごとに対応ブラウザも表示されるので、かなり便利です。
CSS3のコードを生成
CSS3では、アニメーション、グラデーション、フィルター、背景、ボックスなどのコードを生成できます。
HTML5のコードを生成
HTML5では、フォーム、動画や音声などのメディアファイル、HTML5の新要素などのコードを生成できます。
OGP, Twitterカード, Metaタグのコードを生成
データを入力するだけで、FacebookのOpen Graph Protocolのコードを生成できます。
TwitterカードもOGPと同様で、データを入力するだけでPhotoやSummaryなどのコードを生成できます。
Metaタグはシンプルで、OGPやTwitterカードと併用してご利用ください。
マイクロデータはGoogleによってサポートされた書式でコードを生成できます。
sponsors
