3月, 2019 | webclips

SVGで作成されたローディングアイコンセット「SVG Loaders」

CSSやJavaScriptを使用しないで簡単に実装できる、SVGで作られたフラットデザインの超軽量ローディングインジケーター「SVG Loaders」を紹介します。

コピペするだけで使えるCSSボタンジェネレーターまとめ

フラットなボタンから、グラデーションをかけた立体感のあるボタンまで、デザインをしてコピペするだけで使えるCSSボタンジェネレーターを厳選して10サイト紹介します。

【フリー素材】手や指を使ったハンドジェスチャーのアイコン

ホームページやスマートフォンアプリの説明などに使えそうな、無料で使用できるハンドサイン・ジェスチャーのアイコンセットを紹介します。

【Illustrator】合成フォントでマンガ風フォントを作ってみる

一般的にマンガで使用されている書体は、かな(明朝体)&漢字(ゴシック体)のアンチックと言われる書体のようですが、Illustratorの合成フォントを使えば簡単にマンガ風フォントを作成することができます。

【JS】マウスの動きに合わせて影の角度が変化する「shine.js」

テキストや要素にシャドーを掛けられるJavaScriptライブラリshine.jsのご紹介。マウスの動きに合わせてシャドーエフェクトがスムーズに心地よく変化します。

PICKUP

POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • Google Fontsの使い方とおすすめ日本語フォント -初心者向け-
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 導入しておきたいWordPressのおすすめプラグイン
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで作成する吹き出しとデザインのアイデア