3月, 2020 | webclips

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

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

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

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

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

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

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

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

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

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

RANDOM POST
  • プログラム言語やOS・ブラウザの最新バージョンをチェックできる「Verstory」
  • 簡単に作れるはめ込み画像モックアップジェネレーター5選
  • バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
  • 【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
  • 日本の契約書のためのCSSライブラリ「Keiyaku CSS」
  • Photoshopで簡単に背景を伸ばすテクニック
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • CSSで作成する吹き出しとデザインのアイデア
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】