様々なスニペットがまとめられたサイト「LittleSnippets.net」

 
CSS3/HTMLの様々なスニペットをきれいにまとめたサイト「LittleSnippets.net」が使えそうなので忘備録。メニューからイメージエフェクト・プライステーブルまでCodePenで表示されており、動作からコードまで非常に見やすい印象です。

LittleSnippets.net


  • 有名な企業・サービスのロゴをダウンロードできる「Instant Logo Search」
  • Web上で差分が確認できるテキスト比較ツール「difff」
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
  • Webサイト・アプリなどUIの配色を試せる「Pandacolors」
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
RELATED POSTS
  • Googleのプログラミング学習ツール「Grasshopper」にデスクトップ版がリリース
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • シンプルなチャートを実装できるライブラリ「Frappé Charts」
  • モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
  • SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
  • 無料で使用できる!450種類以上のラインアイコン「LineIcons」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 画像の人物を自動で切り抜きしてくれるWebサービス「remove.bg」
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」