9月, 2020 | 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
  • 様々なホバーエフェクトを実装できる「imagehover.css」
  • jQueryプラグインをまとめた検索サイト「jQuery Cards」
  • Flickrでクリエイティブ・コモンズの写真を無料で使用する
  • YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
  • 【jQuery】ページ移動時にアニメーション効果をつけられるAnimsition
  • アイソメトリックなイラストを作成できるオンラインツール「Explore Isobuild」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント63選
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
PICKUP
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • CSSで作成する吹き出しとデザインのアイデア
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • CSSで簡単に作れるおしゃれな見出しデザイン20選