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

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

LittleSnippets.net


  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • 【CSS】CSSアニメーションを簡単に作成できる「Animista」
  • ワールドカップのユニフォームのパターンをまとめた「World Cup in Pattern」
  • 30秒以内に理解できるCSSスニペットのコレクション「30 Seconds of CSS」
  • ロゴを様々な角度からテストできるツール「Logo Lab」
RELATED POSTS
  • ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
  • キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」
  • 様々なエフェクトを実装できるパーティクルエンジン「Proton」
  • 画像を使わずにCSSだけで三角・矢印を作る方法
  • Google Mapのスタイルテンプレート「Snazzy Maps」
  • 様々なホバーエフェクトを実装できる「imagehover.css」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • 導入しておきたいWordPressのおすすめプラグイン
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • CSSで簡単に作れるおしゃれな見出しデザイン20選