1月, 2019 | webclips

商用利用可能なアイコンセットを集めたサイト「IconStore」

シンプルで統一感のあるWebサイトなどで使えそうなアイコンセットをダウンロードできるストックサイト「IconStore」の紹介。

【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」

ブロック要素の切り替え時や、ポップアップのアニメーションを手軽に実装することができるJS「animateTransition.js」の紹介です。

【JS】物理法則に基づいたアニメーションライブラリ「Dynamics.js」

重力や反動など物理法則に基づいたアニメーションを実装できる「Dynamics.js」のご紹介。シンプルなコードで実装できる便利なライブラリです。

【フリー素材】著作権フリーの動画素材サイト「Coverr」

クリエイティブ・コモンズ0(CC0)ライセンスの高解像度動画(1920×1080)をダウンロードできるストックビデオサイト「Coverr」を紹介します。

【jQuery】スクロールで画像に3D効果を掛けられる「tiltedpage_scroll.js」

スクロールに合わせて画像が3DのようにクロスフェードするjQueryプラグイン「tiltedpage_scroll.js」のご紹介。画像の多いサイトやランディングページなどで効果的かも。

RANDOM POST
  • 水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
  • UIデザインのスニペットがまとめられたサイト「CodeMyUI」
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
  • 英字フォントの組み合わせを検索できる「Type Genius」
  • 配色に悩んだときに役立つカラーパレット15選
  • ラフな手書き風デザインのWebコンポーネント「Wired Elements」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • WordPressにおすすめレンタルサーバー8選【初心者向け】
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • 導入しておきたいWordPressのおすすめプラグイン