ツール・サービス

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

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

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

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

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

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

料金表のページをまとめたギャラリーサイト「Pricing Pages」

海外のクリエイティブの高い料金表(プライステーブル)のページのみを集めたギャラリーサイト「Pricing Pages」の紹介です。

UIデザインのインスピレーションサイト「UI Movement」

さまざまなUIデザインを紹介するインスピレーションサイト「UI Movement」をご紹介。毎日のように更新されているので定期的にチェックしたいサイトです。

コピペで使えるCSSアニメジェネレーター「WAIT! Animate」

14種類のCSSアニメーションのコードを生成してくれるCSSアニメジェネレーター「WAIT! Animate」の紹介です。アニメーションの具合を確認しながら設定できるがGOOD!

SVGでダミー画像を生成できるサービス「Placeholder pics」

モックアップ制作などで役に立つ、ダミー画像(プレースホルダー)をちゃっちゃと生成することができるサービス「Placeholder pics」のご紹介。

有名な企業・サービスのロゴをダウンロードできる「Instant Logo Search」

様々なサービスや企業のロゴを検索・ダウンロード(PNG・SVG)できるWebサービス「Instant Logo Search」のご紹介。

レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」

レスポンシブデザイン制作で役に立ちそうなブレイクポイント毎に画像を生成してくれるサービス「Responsive Image Breakpoints Generator」のご紹介。

スマホUIのアニメーションを確認できるサイト「appealing」

スマホアプリのUIをアニメーションで見ることができるギャラリーサイト「appealing」の紹介。カテゴライズされているので見たいアクションの動きをパッと見ることができます。

スターウォーズでプログラミングを学べる「Star Wars: Building a Galaxy With Code」

スターフォーズファンにはたまらないスターウォーズでJavaScriptを学べる「Star Wars: Building a Galaxy With Code(コーディングで銀河をつくろう)」のご紹介。

英字フォントの組み合わせを検索できる「Type Genius」

見出し・本文など英字フォントの組み合わせを実例から検索できるサービス「Type Genius」の紹介です。英語サイトを制作する時に参考になりそうです。

遊びながら学べるプログラミング学習ゲーム「CodeCombat」

JavaScriptなどの無料で遊びながら学べる、プログラミングを始めたい方におすすめな、プログラミング学習ゲーム「Code Combat」をご紹介します。

iPhoneなどアプリのUIを集めたギャラリーサイト「Pttrns」

iPhone・iPad・AppleWatchなどのアプリのインターフェイスを集めたギャラリーサイト「Pttrns」の紹介。アプリの様々なシーンのキャプチャを公開してます。

プロフィール画像やアイコンに使える似顔絵ジェネレーター10選

LINEやTwitter・Facebookなどのソーシャルサービスのプロフィール画像などにも使えそうな似顔絵ジェネレーターを厳選して10サイトご紹介。

【CSS】CSSだけで作られた簡単に使えるアイコンセット

矢印・メニューボタン・チェックマークなど、レスポンシブデザインにも使えるCSSだけで作られたアイコンセットを提供しているサイトをご紹介。

バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」

レスポンシブWebデザインなどのグローバルメニューで使えそうなアニメーションで切り替わるボタンを生成できるジェネレーター「Transformicons」の紹介です。

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

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

PopularPosts
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるフリーイラスト素材サイト55選(商用利用可)
  • 無料で使えるデジタル風フォント13選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
WordPress対応! 初心者におすすめのレンタルサーバー特集
RandomPosts
  • 簡単に作れるはめ込み画像モックアップジェネレーター5選
  • インスピレーションを刺激するロゴデザインギャラリー「Logobook」
  • ページをめくるようなエフェクトを実装できる「Page Flip Layout」
  • WordPressのおすすめテーマ17選(無料版/有料版)
  • マルチボックスのフルスクリーンメニュー「Multibox Menu」