Resource - Archives

Gistに書いたコードの管理が可能なソフトウェア・「Gisto」

Gisto GistoはGistのコードスニペットを管理するためのソフトウェアです。Gistoでコードを変更するだけで自動的にGist上のコードも更新されます。OSもWin、Mac、Linuxに対応しています。手軽に使えるのでスニペッ...

HTML5のパズルゲームエンジン・「Puzzle Script」

Puzzle Script Puzzle Scriptはタイルベースの​​パズルゲームを作るために設計されたHTML5のゲームエンジンです。専用のエディターでプレビュ-画面を見ながらコードを書けるみたい。なかなか面白そうです。 ...

APIのドキュメントを作成/公開できる・「Apiary」

Apiary ApiaryはAPIのドキュメントを作成、公開できるWebサービスです。用途や利用法、コードなどを書けるだけでなく、目次も作成してくれるみたいです。ドキュメントの作成は割と面倒な作業なのでこういったツールを使うと楽できそ...
Ads

CSS3のエフェクト付きモーダルウィンドウ・「jQuery Custombox 」

jQuery Custombox jQuery CustomboxはCSS3のエフェクト付きもモーダルウィンドウを実装するスクリプト。モーダルウィンドウの出現時、非表示時にエフェクトがかかります。用途は限られてしまいそうですが、かな...

HTML5のフォーム要素のデフォルト表示を確認出来る・「Native form elements」

Native form elements Native form elementsはHTML5のフォーム要素のデフォルト表示がブラウザでどのように見えるかを確認出来るWebサイトです。各エレメントの表示確認を手軽に行えるようになってい...

URLを入力するとMarkdown記法で返してくれる・「url2markdown」

url2markdown url2markdownはURLを入力するとそのページのHTMLをMarkdown記法に変更して返してくれるシンプルなツールです。まだ完全なものでは無いようですが、面白いアイデアだったので今後の開発に期待です...

オープンソースのライブプレビュー付きMarkdownエディタ・「CuteMarkEd」

CuteMarkEd CuteMarkEdはOSSのMarkdownエディタです。ライブプレビュー機能もあり、2ペインで確認しながら書くことが出来ます。また、HTMLやPDFでエクスポートも出来るとの事。シンプルで良さそうです。 ...

ブックマークレットを作成 / 公開できる・「Bookmarkify.it」

Bookmarkify.it Bookmarkify.itはWeb上でブックマークレットを作成出来るWebツールです。作成と言っても、タイトルとJavaScriptの書き込み、別ファイルのjsをincludeさせるだけのシンプルなもの...

JSONデータをtableタグに変換する・「json.human.js」

json.human.js json.human.jsはJSONデータを人間がパッと見で分かりやすいようにtableタグにコンバートするスクリプトです。ネストされたデータにも対応しています。ライセンスはMIT。 json.hum...

Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」

Start Bootstrap Start BootstrapはTwitter Bootstrapで使える様々なテンプレートを配布するWebサイトです。ギャラリーサイト用、フルスクリーンなレイアウト、ブログ風など多岐に渡ります。スター...

Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」

Bootflat BootflatはTwitter BootstrapベースのフラットデザインなWebサイトを構築する為のフレームワークです。モバイルファーストな設計で、リッチなコンポーネントが多数用意されています。ライトで使いやすい...

Twitter Bootstrapベースの管理画面デザインテンプレート・「TemplateVamp」

TemplateVamp TemplateVampはTwitter Bootstrapを使ったWebアプリの管理画面デザインテンプレートで、無料で配布されています。動作デモをみた感じでは、かなり見やすく使いやすい印象でした。カスタマイ...

RWDのワイヤーフレームを作成出来る・「Responsive Wireframes」

Responsive Wireframes Responsive WireframesはRWD向けのWebサイトのワイヤーフレームを作成出来る、というツール。画面サイズを見ながらレイアウトを作ることが出来ます。凝ったことは出来ませんが...

ttfフォントをWebフォント化するジェネレーター・「@font-face Generator」

@font-face Generator @font-face Generatorはオンライン上でttfフォントをWebフォントに対応可能にしてくれるジェネレーターです。アップロードすればWebフォントに対応できるファイルを作成し、パ...

シンプルなオンラインJSONエディタ・「JSONedit」

JSONedit JSONeditはシンプルなJSONエディタです。書き込むとリアルタイムに反映、ツリー形式で確認する事が出来ます。また、削除や入れ替えも簡単に出来る様になっていますよ。jQueryとangular.jsで作られている...

多数のコンポーネントが用意されたWebUIフレームワーク・「Semantic UI」

Semantic UI Semantic UIは多数のコンポーネントが用意されたWeb UIフレームワークです。現在32種類のコンポーネントがあり、今後も増えるそうです。BOOTSTRAPを意識して作られているのか、classの使い方...

音声による入力を可能にするライブラリ・「annyang」

annyang annyangは音声を認識し、声での入力を可能にする軽量スクリプトです。Web Speech APIを利用しています。Web Speech API で遊んでみたという記事の動作デモにあるようなコンテンツの作成に一役買っ...

DropboxやGist等にも投稿可能なオンラインのMarkdownエディタ・「StackEdit」

StackEdit StackEditはオンライン上のMarkdownエディタです。DropboxやGist、TumblrやWordPress、Google Driveへの投稿も可能となっています。OSSとしてGithubでもソースが...

CSS3を手軽に試せるジェネレーター・「CREATE CSS3」

CREATE CSS3 CREATE CSS3は手軽にCSS3を試せるツールです。数値を入力すると、要素に反映され、コードも表示してくれます。シンプルなのでちょっと試したい、という時は便利かもしれません。 CREATE CSS3

:nth-childの使い方を分かりやすく教えてくれる・「Master of the :nth-child」

Master of the :nth-child Master of the :nth-childは:nth-child擬似クラスの使い方を視覚的に分かりやすく教えてくれるWebサイトです。覚えれば何てことは無いんですけど、少し理解し...

iOS 7のルック&フィールを持ったモバイルWebアプリ向けUIフレームワーク・「ChocolateChip-UI」

ChocolateChip-UI ChocolateChip-UIはiOS 7のルック&フィールを持つモバイルWebアプリケーション向けUIフレームワークです。多数のコンポーネントが用意されています。本フレームワークは以前より開発が進...

シンプルで軽量なレスポンシブWebデザイン対応CSSフレームワーク・「KNACSS」

KNACSS KNACSSはシンプルで軽量なCSSフレームワーク。レスポンシブWebデザインにも対応しています。チュートリアルページを確認する限りでは素敵な性能のフレームワークなのですが、CC-BYなので使いどころはある程度限られるか...
Ads