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

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

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

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

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

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

Facebookの広告を集めたサイト「Facebook広告集めました。」

Facebook広告の運用やデザイン・広告文を考える時に役立つFacebookの広告を集めたギャラリーサイト「Facebook広告集めました。」の紹介です。

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

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

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

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

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

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

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

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

世界の国旗をCSSとdivのみで実装する「CSS Flags」

世界各国の国旗をCSSとdivで表現する「CSS Flags」のご紹介。シンプルなデザインから複雑なデザインまで、CSSで描画したい時など参考になります。

CSSで出力する三角形ジェネレーター「CSS Triangle Generator」

CSSで三角形を作りたい時に便利な三角形ジェネレーター「CSS Triangle Generator」の紹介です。最短で理想な三角形を作れるよう工夫を凝らしたジェネレーターです。

PICKUP

POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • Photoshopで簡単に背景を伸ばすテクニック
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
PICKUP
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 導入しておきたいWordPressのおすすめプラグイン
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】