商用利用可能なアイコンセットを集めたサイト「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」のご紹介。画像の多いサイトやランディングページなどで効果的かも。

レスポンシブデザインのパターン集「Responsive Patterns」

レスポンシブデザインの様々なパターンをストックしているサイト「Responsive Patterns」のご紹介。ちょっとした時にコピペで使用できるので便利。

【JS】要素をモーダルウィンドウに変化させる「cta.js」

要素をクリックすると、要素ごとモーダルウィンドウ・アラート・サイドメニューなどに変化させることができるJavaScriptライブラリ「cta.js」をご紹介。

【フリー素材】ガーリーなフリー写真素材サイト「GIRLY DROP」

無料で利用可能なガーリーなフリー写真素材サイト「GIRLY DROP(ガーリードロップ)」の紹介。国内のスタイリッシュなフォトストックサイトです。

ドメインやSNSの空きアカウントを調べられる「namechk」

同一の名前のドメイン・SNSサービス(Twitter・Facebook等)アカウントの空きをチェックできるWebサービス「Namechk」を紹介します。

【html】文字実体参照を一覧できる「html arrows」

文字実体参照(特殊文字)をリスト化してるサイト「html arrows」の紹介。文字が大きく表示され見やすくCSSコードもあり重宝しそうです。

様々なスタイルのCSSを簡単に作れる「Generate CSS」

ボタンはもちろん、プルダウンメニューからイメージエフェクト・テキストエフェクトまで、様々なスタイルをWeb上で簡単に作れる「Generate CSS」の紹介。

画像に3Dブラーのホバーエフェクトを掛けられる「tiltfx.js」

codropsで公開されてたホバーエフェクトImage Tilt Effectがカッコよかったのでメモ。ギャラリー・商品一覧や、背景全面に配置したイメージに掛けると効果的。

デザインの最新トレンドをチェックできるサービス「Panda」

Dribbble・BehanceやAWWWARDSまでデザインのトレンドをチェックできるクリエイターなら要チェックのWebサービス「Panda」のご紹介。

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

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

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

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

RANDOM POST
  • 【Illustrator】スポーツ新聞風文字のグラフィックスタイル
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
  • 軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
  • 【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
  • 【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」
  • Webサイト・アプリなどUIの配色を試せる「Pandacolors」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント63選
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • 【2020年版】Photoshopのブラシを追加する方法
  • フォントを調べる時に役に立つツール・サイト10選
PICKUP
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで作成する吹き出しとデザインのアイデア
  • 導入しておきたいWordPressのおすすめプラグイン
  • 無料で使用できる海外のフリー写真素材サイトまとめ