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

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

LittleSnippets.net



  • CSSグラデーションの作成に役立つジェネレーター・Webサービス11選
  • バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
  • PSDファイルをSketchファイルに変換する「PSD to Sketch Design Converter」
  • カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
  • 軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
RELATED POSTS
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 【Webデザイン】Webサイト制作に役立つブックマークレット
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • センスが磨ける?Webデザイナー向けのクイズ・ゲームサイト
  • 動きのあるバブルを背景に設定することができる「bubbly-bg」
  • 【CSS】CSSアニメーションを簡単に作成できる「Animista」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 導入しておきたいWordPressのおすすめプラグイン
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • CSSで作成する吹き出しとデザインのアイデア