3月, 2019 | webclips

【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」

ヘッダー要素にあるテキストやロゴをスクロールに合わせてセクションごとに切り替えることができるjQueryプラグイン「Midnight.js」を紹介します。

【jQuery】動画を背景にフルスクリーンで表示させる「covervid.js」

動画を背景にしたサイトも増えてきましたが、軽量で背景に動画をフルスクリーンで表示させるjQueryプラグイン「covervid.js」を紹介します。

レスポンシブデザインでのロゴパターン「responsivelogos」

レスポンシブのロゴパターンを考えるコンセプトサイト「responsivelogos」。特に海外のブランドロゴは細かいディテールのロゴが多いので参考のなる。

【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」

テキストリンクのロールオーバー時にテキストをシャッフルさせるエフェクトを実装できるjQueryプラグイン「chaffle.js」を紹介します。

iPhoneなどアプリのUIを集めたギャラリーサイト「Pttrns」

iPhone・iPad・AppleWatchなどのアプリのインターフェイスを集めたギャラリーサイト「Pttrns」の紹介。アプリの様々なシーンのキャプチャを公開してます。

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

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

RANDOM POST
  • 【Illustrator】3Dグラフィックスタイルを作ってみる
  • 無料で使用できるベクター線画イラスト素材「Linustock」
  • 無料で使用できるフリーイラスト素材サイト22選【商用利用可】
  • デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」
  • 【無料】漢字が使える日本語フリーフォント59選
  • SNSで使用する画像・動画サイズのテンプレート集「SocialSizes」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
PICKUP
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • Photoshopで画像を切り抜くテクニック【初心者向け】