1月, 2019 | webclips

Webサイト・アプリなどUIの配色を試せる「Pandacolors」

予め用意されているUIにカラーパレットより配色することで全体的なイメージを掴むことができるWebサービス「Pandacolors」の紹介です。

アップロードしたイメージからカラーを抽出するツール「Pictones」

画像をアップロードするだけで画像のカラーを元にカラーを抽出し、カラーパレットを表示してくれるWebサービス「Pictones」の紹介です。

モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」

ページ遷移のスライドアップアニメーションをモーフィング(SVG)で表現したデモ集「Morphing Page Transition」の紹介です。

RANDOM POST
  • 【jQuery】ジオメトリックを実装できる「particleground.js」
  • CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • 様々なエフェクトを実装できるパーティクルエンジン「Proton」
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • ラフな手書き風デザインのWebコンポーネント「Wired Elements」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント63選
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
PICKUP
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 導入しておきたいWordPressのおすすめプラグイン