3月, 2018 | webclips

【jQuery】要素をふわふわ動かすプラグイン「jqFloat.js」

要素やイメージをふわふわ浮せたることができるjQueryプラグインの「jqFloat.js」のご紹介。メインビジュアルのアクセントとして使えそうなプラグイン。

デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」

海外のハイクオリティーなモックアップ素材サイト「Qeaql」の紹介。有料サイトになりますが、フリーで使えるモックアップ素材も豊富にあります。

【jQuery】ジオメトリックを実装できる「particleground.js」

要素の背景に幾何学模様(パーティクル)のアニメーションを実装できるjQueryプラグイン「particleground.js」を紹介します。

【フリー素材】海外のフリー写真素材サイト「StockSnap.io」

海外の無料で使用可能なフリー写真素材サイト「StockSnap」の紹介。ロイヤリティフリーの高解像度で使用できるスタイリッシュなフォトストックサイトです。

Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」

Youtubeをサイトに埋め込んだ際に表示されるヘッダー(タイトル)とフッダー(コントロール)を非表示にする事ができるjQueryプラグイン「PrettyEmbed.js」の紹介。

【jQuery】レスポンシブ対応のスライダー「Glide.js」

スマートフォン・タブレットなどのスワイプ操作にも対応した軽量で使えるjQueryスライダー「glide.js」を紹介します。Webサイトのメインビジュアルなどに使えます。

【Webデザイン】魅力的な動きをするレスポンシブメニュー

レスポンシブWebデザインで使えそうな心地よいエフェクトで出現するドロワーメニューがcodropsでいろいろあったのでまとめました。

AppleWatchアプリの動作を確認できる「WatchAware」

「WatchAware」でアプリの動作を体験できるサイトがあったのでメモ。100種類以上ある様々なアプリのUIをサラッと見たい時に便利。

【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」

ECサイトのTOPページや、商品一覧・詳細ページなどで使えそうなjQueryプラグイン「Product Preview Slider」を紹介します。

RANDOM POST
  • CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
  • 非レスポンシブの要素をレスポンシブ化する「Reframe.js」
  • 失敗したスタートアップをまとめたサイト「Startup Graveyard」
  • AppleWatchアプリの動作を確認できる「WatchAware」
  • 陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
  • ロゴを様々な角度からテストできるツール「Logo Lab」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント63選
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 【2020年版】Photoshopのブラシを追加する方法
PICKUP
  • CSSで作成する吹き出しとデザインのアイデア
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 導入しておきたいWordPressのおすすめプラグイン
  • 無料で使用できる海外のフリー写真素材サイトまとめ