Resource - エディタ

シンプルなニュースレター発行サービス・「Volleyy」

Volleyy Volleyyはシンプルなニュスレター発行サービスです。レスポンシブWebデザイン対応のメールマガジンを監理・発行出来る、というもの。凝ったことは出来ないにしてもWYSIWYGやグループの作成、テスト送信などなど基本的...

CSSアニメーションのループ間にdelayを挿入してくれるWebツール・「WAIT! Animate」

WAIT! Animate WAIT! Animateはkeyframesを使ったCSSアニメーションでループに待機時間を指定して挿入、CSSコードを吐き出してくれるWebサービスです。delayさせたい時間を入力すればパーセンテージ...

Open Street Mapを使って地図のデザインをカスタマイズ、画像化して保存出来るマップ作成サービス・「Map Stack」

Map Stack Map StackはOpen Street Mapを使った地図作成サービスです。地域を検索してスタイルをカスタマイズ、そのまま画像化してくれるので保存して利用できる、というもの。スタイルのカスタマイズはツールバーを...
Ads

jsfiddleのようなテストツールをオフラインでも利用出来るChromeエクステンション・「Web Maker」

Web Maker Web Makerはjsfiddleライクな実行テストツールを使えるようにするChromeエクステンションです。オフラインでも利用できるのが主な特徴のようです。jsfiddleライク、と言っても他ライブラリを手軽に...

jQuery+PHP製のドラッグ&ドロップで構築可能なHTMLメール作成ツール・「Simbyone Newsletter Builder」

Simbyone Newsletter Builder Simbyone Newsletter BuilderはjQueryと少しのPHPコードで実装されたD&DでHTMLメールを構築出来るテンプレートビルダーです。テキストや画像もそ...

Illustratorライクに使えるフリーのSVGグラフィックエディタ・「Boxy SVG」

Boxy SVG Boxy SVGはIllustratorやInkscapeのように使えるデスクトップ向けドローアプリです。Chrome OS、OS X、Linux、Windowsなど各プラットフォームで動作してくれます。Google...

SVGにも対応の手軽にダイアグラムを作成できるフリーのグラフエディタ・「yEd」

yEd yEdはフローチャートのようなダイアグラムを作成出来るフリーのソフトウェアです。SVGにも対応しておりWindows、Max OS、Linuxなど主要プラットフォームにも対応しています。手動による作図はもちろん、外部データをイ...

チャートを手軽に作成、embedも出来るWebサービス・「BEAM」

BEAM BEAMはチャートを手軽に作成出来るWebサービスです。円グラフや棒、線グラフが用意されており、数値やラベルはその場に表示してくれる簡易的なスプレッドシートに記入すれば反映されるようになっています。embedも可能です。 ...

任意の画像にプレビューを確認しながらフィルタをかけてCSSのfilterでコードを出せる・「」

CSS Filter See the Pen CSS Filter by Jordano Aragão (@jordanoaragao) on CodePen. CSS Filterは任意の画像にCSSのfilterをテストでき...

モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」

Mobility MobilityはモバイルWebアプリの為のJS/CSS/HTMLフレームワークです。Bootstrapベース(現在はVer.3)となっており、軽量さを売りにしているみたいです。基本的なUIもそれなりに揃えられており...

React向けのリッチテキストエディタ用フレームワーク・「Draft.js」

Draft.js Draft.jsはリッチテキストエディタ構築のためのフレームワークです。React.js向けに作られており、カスタマイズしやすくシンプルに作られているみたいです。この手のフレームワークはあまり見かけないので覚えておく...

テキストのdiffや様々なエンコード/デコードツールなど、Web開発向けのシンプルなツールを沢山公開している国産サイト・「Web便利ツール@ツールタロウ」

Web便利ツール@ツールタロウ Web便利ツール@ツールタロウはWeb開発に役立ちそうなシンプルなツールをいろいろ公開してくれている国産サイトです。テキストの差分チェックやWhois、IPアドレスのチェックツール、HTMLエンティティ...

ピクセルアートを描けてCSSで作れるコードも排出してくれるオープンソース・ソフトウェア・「Pixel Art to CSS」

Pixel Art to CSS Pixel Art to CSSはピクセルアートを描けてCSSコードも排出してくれるOSSです。エディタでピクセルアートを作って、そのピクセルアートを実装出来るCSSを提供してくれる、というもの。以前...

自動保存出来るオープンソースのデスクトップメモアプリ・「FromScratch」

FromScratch FromScratchは自動保存出来るデスクトップ用のメモアプリです。OSSとしてソースコードが公開されています。よくある付箋やノートアプリの超シンプルなタイプ。機能はただテキストを書くだけ、ショートカットが4...

コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」

GrapesJS GrapesJSはコーディングせずに直感でWebサイトのテンプレートを作成出来るエディタです。OSSとしてソースコードが公開されています。JS製でjQueryにのみ依存しています。必要なコンテナやテキスト、画像等をマ...

ブラウザで動くスプレッドシートの為のスクリプト・「jQuery.sheet」

jQuery.sheet jQuery.sheetはブラウザで動くスプレッドーシートの為のスクリプトです。jQueryに依存しており、OSSとして公開されています。HTML、JSON、XMLもサポートされています。他にもこの手のものは...

GeoJSONをブラウザ上で作成できるOSS・「geojson.io」

geojson.io geojson.ioはGeoJSONをブラウザで編集、作成出来るWebツールです。オープンソースとしてもコードが公開されています。GeoJSONはGoogle Map APIでもサポートされている規格ですので馴染...

Instagramライクな画像フィルターを簡単に設定可能でCSSコードも出してくれる・「cssFilters」

cssFilters cssFiltersはInstagramライクな画像加工をCSSで施せるWebアプリです。画像はUnsplashから引っ張るか任意の画像をアップロードします。CSSgramが使用されており、プレビューを見ながらス...

MarkdownやLessにも対応したオープンソースのjsFiddleライクな軽量コードテストツール・「Jotted」

Jotted JottedはjsFiddleライクにブラウザでJSやHTML、CSSのコードを実行テスト出来るツールです。OSSとしてソースコードが公開されています。動作は非常に軽量でMarkdownやLess、CoffeeScrip...

ブラウザでPDFを作成するスクリプト・「pdfmake」

pdfmake pdfmakeはブラウザ上でPDFを作成する為の非依存型スクリプトです。JSONライクな記法で作成出来るみたいです。が、例によってこのままだと日本語は読み取ってくれませんので対応が必要になります。コードテストできるので...

アニメーションのピクセルアートを作成できるオンラインドローツール・「Draw!」

Draw! Draw!はアニメーションするピクセルアートを作成出来るドローツールです。サイズは16x16で、よくあるピクセルアートエディタにレイヤー機能が付いた、みたいなもの。2枚目からは右下部の+ボタン(add frame)でレイヤ...

JavaScriptで作られたSVG背景パターン作成ツール・「Dynamic SVG Background Pattern Maker」

Dynamic SVG Background Pattern Maker See the Pen Dynamic SVG Background Pattern Maker by Dudley Storey (@dudleystorey) ...
Ads