顔文字やASCIIなフォントを作成、コピーできる・「ascii.li」
ascii.li ascii.liは顔文字やASCIIなフォントを作成、コピー出来るジェネレーターササービスです。既存の顔文字のアーカイブからはクリックでコピー可能（ASCII & Unicode Text Emoticons）、それ...
Resource - ジェネレーター
レスポンシブなペラページを直感で作成、CC0ライセンスでダウンロード出来る・「Launchaco Website Builder」
Launchaco Website Builder Launchaco Website BuilderはRWD対応のペラページを直感的に作成、ダウンロード出来るWebサイトビルダーサービスです。作成されたファイルはCC0ライセンスで配...
任意の画像を使うことも可能な、オリジナルのパターン画像を作成出来る・「Patterninja」
Patterninja Patterninjaはオリジナルのパターン画像を作成出来るパターン画像エディタです。用意されているイラストを使うことも出来ます。イラストを追加すると、上図のように羅列された状態で追加され、イラストは回転や縮小...
任意の画像にCSSのfilterとblend modeを設定した状態を表示、コードを出してくれる・「CSS filter and blend mode Generator」
CSS filter and blend mode Generator CSS filter and blend mode Generatorは任意の画像にフィルターやブレンドモードを書けた状態を確認、コードを提出してくれるWebツー...
雪の結晶を作成、svgで保存出来る・「Snowflaker」
Snowflaker Snowflakerは雪の結晶を作成してsvgで保存できるWebサービスです。設定できる項目は1つにするか並べるか、雪の幅、模様のみとなっています。よくある季節ネタサイトですかね。クリスマス向けにいかがでしょうか...
書いたコードを画像化してTwitterに投稿出来るシンプルなツール・「Alter」
Alter Alterは書いたコードをTwitterで教えたい時に地味に便利なWebツールです。テキストエディタでコード書いてスクショ撮ったりとか面倒だから作ったそう。textareaにコードを貼って送信すれば画像化されるので、そのま...
AIが作ってくれる手軽なロゴデザインジェネレーター・「Logojoy」
Logojoy LogojoyはAIが作るロゴデザインジェネレーターです。好みのロゴデザインサンプルを複数選択、社名(ブランド名など)と色、キャッチコピーを入力すると、その設定状況に合ったロゴを複数提出してくれます。作るまでは無料です...
SSの画像をアップロードするとMac ChromeやWin Firefoxなど、ブラウザのフレームに合成してくれる・「Browser Frame」
Browser Frame Browser Frameはスクリーンショットとして撮った画像をアップロードすると、ブラウザのフレームのイラストに合成してダウンロード出来るWebサービスです。ブラウザはMacのChromeやFirefox...
レスポンシブなEメールの雛形をユーザー登録不要で手軽に作成、ダウンロード出来る・「Pulp」
Pulp PulpはオンラインでRWDなEメールのテンプレを作成、ダウンロード出来るWebサービスです。無料で作成、ダウンロード可能で、ユーザー登録も不要、クレジットもコメントアウトで入るだけと手軽で気軽に使えます。エレメントを追加す...
ユニークな模様のパターンをSVGで配布する・「Hero Patterns」
Hero Patterns Hero Patternsはちょっとユニークな模様のパターン素材をSVGで配布するプロジェクトサイトです。結構昔に人気のあったSubtle Patternsっぽい感じ。使いたい模様をクリックすればメインカラ...
Webサイトに管理者へのコンタクト先をまとめたウィジェットを手軽に追加出来るサービス・「PEPPER」
PEPPER PEPPERはWebサイトの管理者へユーザーがコンタクトを手軽に取れるようにする為のウィジェットサービスです。チャットやフォームはよく見かけますが、こちらはもっと簡易的なもの。各SNSや電話番号、メールアドレス、各チャッ...
CSSやSVG、GIF等でローディングアイコンを作成出来る・「loading.io」
loading.io loading.ioはブラウザでローディングアイコンを作成、ダウンロードできるWebアプリです。型を選択してサイズやアニメーションのスピード、色等をカスタマイズし、SVGやCSS、GIF等でダウンロードする事がで...
大量のデバイスに対応可能なMedia Queriesジェネレーター・「Simple CSS Media Queries」
Simple CSS Media Queries Simple CSS Media Queriesは大量のデバイスに対応可能なMedia Queriesのコードジェネレーターです。iPhoneは2GからiPhone6+まで、Andor...
CSSをショートハンドにしてくれるジェネレーター・「SHRTHND」
SHRTHND SHRTHNDはCSSをショートハンドにしてくれるジェネレーターです。ショートハンドにする事で軽量化、可読性の向上に繋がります。左カラムにコードを入力すれば右カラムにショートハンドにしたCSSショートハンドが出力されま...
最低限のコントラストの条件をクリアした配色を提出してくれるシンプルなパレットジェネレーター・「hello-color」
hello-color hello-colorはランダムでカラーパレットを生成、提出してくれるジェネレーターです。提出されるカラーはいわゆる最低限のコントラスト比の条件をクリアした配色を出してくれているようです。コントラスト比とLev...
カスタムなGoogle Mapを手軽に作成出来るサービス・「EZ Map」
EZ Map EZ MapはカスタムされたGoogle Mapを手軽に作成出来るWebサービスです。APIと少しのjQueryコードでGoogle Mapの地図の色を変更するの記事で書いたような色の変更や任意のマーカー設置、各Goog...
JSONやCSVでダミーデータを作成出来る・「dummi」
dummi dummiはJSONやCSVのダミーデータを作成、ダウンロードできるWebサービスです。データは人物や本、動画や記事が用意されており、人物には性別やメールアドレス、年齢等、本ならタイトルや著者、値段などの値が用意されており...
Webサイトのテキストのスタイルを作成、CSSでダウンロードできる・「Type Nugget」
Type Nugget Type NuggetはWebサイトのテキストを直感的なUIでスタイル、CSSをダウンロードできるWebアプリです。見出しやパラグラフ、リスト、リンクなどのテキストスタイルを設定、CSSをジェネレートしてくれる...
Web制作者向けのツールを多数揃えている・「Dans Tools」
Dans Tools Dans ToolsはWeb制作者向けのオンラインツールを複数揃えて公開しているWebサイトです。JavaScriptやCSS、JSONの圧縮や整形、ファイルのコンバーター、diffツール、.htaccessのコ...
Open Street Mapを使って地図のデザインをカスタマイズ、画像化して保存出来るマップ作成サービス・「Map Stack」
Map Stack Map StackはOpen Street Mapを使った地図作成サービスです。地域を検索してスタイルをカスタマイズ、そのまま画像化してくれるので保存して利用できる、というもの。スタイルのカスタマイズはツールバーを...
can I useの特定の項目のブラウザ対応表をWebサイトに埋め込める・「The (Unofficial) CanIUse Embed」
The (Unofficial) CanIUse Embed Can I Use transforms3d? Data on support for the transforms3d feature across the maj...
チャートを手軽に作成、embedも出来るWebサービス・「BEAM」
BEAM BEAMはチャートを手軽に作成出来るWebサービスです。円グラフや棒、線グラフが用意されており、数値やラベルはその場に表示してくれる簡易的なスプレッドシートに記入すれば反映されるようになっています。embedも可能です。 ...