CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」

 
様々なタイプの面倒なコードを生成してくれるジェネレーター「Web Code Tools」の紹介です。
CSS3・HTML5・Microdata・JSON-LD・Meta Tags・Open Graph・Twitter Card・ファイル名(サウンドファイル)のコードを簡単に生成してくれます。

Web Code Tools

CSS3は数値入力が面倒なグラデーションやアニメーションなど、プレビューを確認しながら数値を入力できます。

Web制作で必要なベーシックなコードが多く、簡単にコピペで使用できるので時間短縮に役立ちそうです。


  • YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
  • リデザインのレビューを集めたWebサービス「reDSGN」
  • CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」
  • CSS Grid Layoutを使用しているサイトを集めた「Grid Examples」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
RELATED POSTS
  • Web上で差分が確認できるテキスト比較ツール「difff」
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
  • CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
  • 【jQuery】プレースホルダにアニメーションを実装できる「FoxHolder」
  • 【jQuery】エフェクトが魅力的なスライダー「jQuery Hero Slider Plugin」
  • レスポンシブデザインのパターン集「Responsive Patterns」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 画像の人物を自動で切り抜きしてくれるWebサービス「remove.bg」
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」