WebDesign

クオリティの高いグラフを描画するjsライブラリ「Chart.js」

Canvasを使って棒グラフや円グラフなど、様々なグラフをおしゃれに描画してくれるjavaライブラリ「Chart.js」の紹介します。

Googleが公開した日本語ウェブフォント「Google Fonts + 日本語早期アクセス」

Googleが試験的に公開した日本語ウェブフォント「Google Fonts + 日本語早期アクセス」の紹介です。9種類の日本語フォントが用意されているので色々と試してみたいものです。

CSSだけでブルブル震えるエフェクトを実装できる「CSShake」

文字などの要素をブルブルを震えるエフェクトを簡単に実装することができる「CSShake」の紹介です。

指定したWebサイトが他国でどのように表示されるかチェックできる「GeoScreenshot」

自分の制作したサイトなど、他国からアクセスがあった際にどのように表示されるかチェックすることができるWebサービス「GeoScreenshot」の紹介です。

フォント名から使用しているサイトを調べられる「FontReach」

フォント名からそのフォントを使用している主要サイトとフォントの使用状況を調べられるWebサイト「FontReach」の紹介です。

SVGで背景パターンを作成できる「Hero Patterns」

パターンをカスタマイズしてコピペで使用できるSVGパターン作成サイト「HeroPatterns」の紹介です。背景素材として重宝しそうなサービスです。

input要素への入力を制御できるスクリプト「Cleave.js」

凝ったフォームを制作したい時など役に立ちそうな入力サポートしてくれるjavaライブラリ「Cleave.js」の紹介です。

非レスポンシブの要素をレスポンシブ化する「Reframe.js」

非レスポンシブの要素を自動でレスポンシブ化してくれる「Reframe.js」の紹介です。レスポンシブの悩み所を解決してくれるJSライブラリです。

【jQuery】ページにマーカーを実装することができる「markerPen」

Webサイト上に蛍光ペンのマーカーのような機能を実装することができるjQueryプラグイン「markerPen」の紹介です。

グラデーションのアニメーションを実装できる「Granim.js」

グラデーションのアニメーションを手軽に実装することができるjavaライブラリ「Granim.js」の紹介です。様々なケースで効果的に使える軽量なスクリプト。

PickUp

POPULAR POSTS
  • 長いURLを短くするオススメの短縮URLサービス
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年7月版】
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
TAG LIST
  • Webサービス

    86

  • CSS

    58

  • 素材

    34

  • jQuery

    34

  • エフェクト

    31