CSSやSVG、GIF等でローディングアイコンを作成出来る・「loading.io」 loading.io loading.ioはブラウザでローディングアイコンを作成、ダウンロードできるWebアプリです。型を選択してサイズやアニメーションのスピード、色等をカスタマイズし、SVGやCSS、GIF等でダウンロードする事がで...2016.09.21 | 10時48分26秒
WordPressの管理画面内でドラッグ&ドロップによるレイアウト作成が可能なプラグイン・「Tailor」 Tailor TailorはWordPressの管理画面内でレイアウトをD&Dで作成出来るWordPressプラグインです。テーマカスタマイザーで要素をドラッグし、そのまま各所を編集出来るようになっています。テーマカスタマイザーはレス...2016.09.14 | 11時15分38秒
textareaを使ったMarkdownエディタライブラリ・「Markdown Text Editor」 Markdown Text Editor Markdown Text EditorはWebベースのMarkdownエディタです。textareaをMarkdownサポートのWYSIWYGにする、というJavaScriptライブラリで、...2016.07.24 | 9時33分27秒
Webサイトのテキストのスタイルを作成、CSSでダウンロードできる・「Type Nugget」 Type Nugget Type NuggetはWebサイトのテキストを直感的なUIでスタイル、CSSをダウンロードできるWebアプリです。見出しやパラグラフ、リスト、リンクなどのテキストスタイルを設定、CSSをジェネレートしてくれる...2016.07.15 | 10時32分28秒
Markdownでプレゼンテーションを作成出来る日本国産のオープンソースソフトウェア・「Marp」 Marp MarpはMarkdown記法でプレゼンテーションを作成出来るオープンソースのソフトウェアです。MacアプリのDecksetのようにMarkdownでプレゼンを作成できますが、こちらはWindows、Linux版も用意されて...2016.07.14 | 11時07分41秒
ブラウザで動作する軽量なベクタードローツール・「Inker」 Inker Inkerはブラウザで動作するベクターグラフィックスドローツールです。ブラウザ上でドロー、PNGやSVG、EPSなどでエクスポートする事が出来ます。動作も軽くUIもわかりやすく、割と使いやすい印象でした。アプリのツアーにg...2016.07.07 | 10時30分45秒
Web制作者向けのツールを多数揃えている・「Dans Tools」 Dans Tools Dans ToolsはWeb制作者向けのオンラインツールを複数揃えて公開しているWebサイトです。JavaScriptやCSS、JSONの圧縮や整形、ファイルのコンバーター、diffツール、.htaccessのコ...2016.06.21 | 11時05分19秒
シンプルなニュースレター発行サービス・「Volleyy」 Volleyy Volleyyはシンプルなニュスレター発行サービスです。レスポンシブWebデザイン対応のメールマガジンを監理・発行出来る、というもの。凝ったことは出来ないにしてもWYSIWYGやグループの作成、テスト送信などなど基本的...2016.06.08 | 10時56分24秒
CSSアニメーションのループ間にdelayを挿入してくれるWebツール・「WAIT! Animate」 WAIT! Animate WAIT! Animateはkeyframesを使ったCSSアニメーションでループに待機時間を指定して挿入、CSSコードを吐き出してくれるWebサービスです。delayさせたい時間を入力すればパーセンテージ...2016.06.07 | 10時19分21秒
Open Street Mapを使って地図のデザインをカスタマイズ、画像化して保存出来るマップ作成サービス・「Map Stack」 Map Stack Map StackはOpen Street Mapを使った地図作成サービスです。地域を検索してスタイルをカスタマイズ、そのまま画像化してくれるので保存して利用できる、というもの。スタイルのカスタマイズはツールバーを...2016.05.14 | 9時37分21秒
jsfiddleのようなテストツールをオフラインでも利用出来るChromeエクステンション・「Web Maker」 Web Maker Web Makerはjsfiddleライクな実行テストツールを使えるようにするChromeエクステンションです。オフラインでも利用できるのが主な特徴のようです。jsfiddleライク、と言っても他ライブラリを手軽に...2016.05.12 | 10時21分30秒
jQuery+PHP製のドラッグ&ドロップで構築可能なHTMLメール作成ツール・「Simbyone Newsletter Builder」 Simbyone Newsletter Builder Simbyone Newsletter BuilderはjQueryと少しのPHPコードで実装されたD&DでHTMLメールを構築出来るテンプレートビルダーです。テキストや画像もそ...2016.05.03 | 10時41分12秒
Illustratorライクに使えるフリーのSVGグラフィックエディタ・「Boxy SVG」 Boxy SVG Boxy SVGはIllustratorやInkscapeのように使えるデスクトップ向けドローアプリです。Chrome OS、OS X、Linux、Windowsなど各プラットフォームで動作してくれます。Google...2016.05.01 | 10時37分21秒
SVGにも対応の手軽にダイアグラムを作成できるフリーのグラフエディタ・「yEd」 yEd yEdはフローチャートのようなダイアグラムを作成出来るフリーのソフトウェアです。SVGにも対応しておりWindows、Max OS、Linuxなど主要プラットフォームにも対応しています。手動による作図はもちろん、外部データをイ...2016.04.19 | 10時21分28秒
チャートを手軽に作成、embedも出来るWebサービス・「BEAM」 BEAM BEAMはチャートを手軽に作成出来るWebサービスです。円グラフや棒、線グラフが用意されており、数値やラベルはその場に表示してくれる簡易的なスプレッドシートに記入すれば反映されるようになっています。embedも可能です。 ...2016.03.25 | 10時06分17秒
任意の画像にプレビューを確認しながらフィルタをかけてCSSのfilterでコードを出せる・「」 CSS Filter See the Pen CSS Filter by Jordano Aragão (@jordanoaragao) on CodePen. CSS Filterは任意の画像にCSSのfilterをテストでき...2016.03.18 | 11時02分55秒
モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」 Mobility MobilityはモバイルWebアプリの為のJS/CSS/HTMLフレームワークです。Bootstrapベース(現在はVer.3)となっており、軽量さを売りにしているみたいです。基本的なUIもそれなりに揃えられており...2016.02.29 | 10時07分33秒
React向けのリッチテキストエディタ用フレームワーク・「Draft.js」 Draft.js Draft.jsはリッチテキストエディタ構築のためのフレームワークです。React.js向けに作られており、カスタマイズしやすくシンプルに作られているみたいです。この手のフレームワークはあまり見かけないので覚えておく...2016.02.23 | 10時30分51秒
テキストのdiffや様々なエンコード/デコードツールなど、Web開発向けのシンプルなツールを沢山公開している国産サイト・「Web便利ツール@ツールタロウ」 Web便利ツール@ツールタロウ Web便利ツール@ツールタロウはWeb開発に役立ちそうなシンプルなツールをいろいろ公開してくれている国産サイトです。テキストの差分チェックやWhois、IPアドレスのチェックツール、HTMLエンティティ...2016.02.22 | 10時47分33秒
ピクセルアートを描けてCSSで作れるコードも排出してくれるオープンソース・ソフトウェア・「Pixel Art to CSS」 Pixel Art to CSS Pixel Art to CSSはピクセルアートを描けてCSSコードも排出してくれるOSSです。エディタでピクセルアートを作って、そのピクセルアートを実装出来るCSSを提供してくれる、というもの。以前...2016.02.15 | 9時22分38秒
自動保存出来るオープンソースのデスクトップメモアプリ・「FromScratch」 FromScratch FromScratchは自動保存出来るデスクトップ用のメモアプリです。OSSとしてソースコードが公開されています。よくある付箋やノートアプリの超シンプルなタイプ。機能はただテキストを書くだけ、ショートカットが4...2016.02.10 | 10時48分52秒
コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」 GrapesJS GrapesJSはコーディングせずに直感でWebサイトのテンプレートを作成出来るエディタです。OSSとしてソースコードが公開されています。JS製でjQueryにのみ依存しています。必要なコンテナやテキスト、画像等をマ...2016.02.08 | 10時29分33秒