1月, 2019 | webclips

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

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

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

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

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

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

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

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

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

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

RANDOM POST
  • ラフな手書き風デザインのWebコンポーネント「Wired Elements」
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • 入力フォームを実装するためのテンプレート「Boilerform」
  • CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
  • カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
  • 手書きのオリジナルフォントを簡単に作成できる「Calligraphr」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント63選
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
PICKUP
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで作成する吹き出しとデザインのアイデア
  • 導入しておきたいWordPressのおすすめプラグイン
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-