Resource - フロントエンドエンジニア向け

サンプルデータを手軽に作成出来るオンラインツール・「generatedata.com」

generatedata.com generatedata.comは名前や住所等のデータのサンプルを生成してくれるオンラインツールです。HTMLのテーブルやリストなどのテストに役立ちそうですね。データのタイプもかなり豊富に揃えられてい...

スマフォやタブレット向けのCSSフレームワーク・CLANK

CLANK CLANKはスマフォやタブレットデバイスのWebアプリ向けに作られたCSSフレームワークです。コンポーネントも多数揃えられており、SCSSで作られているそうです。シンプルで使いやすそうですね。 CLANK

OSSとしても公開されているJavaScriptベースのマージ/Diffツール・「Mergely」

Mergely MergelyはマージとDiffが可能なJSベースのWebアプリで、OSSとしても公開されています。HTML5とJavaScriptのみで構成されているみたいですね。対応言語はC、C + +、Java、HTML、XML...
Ads

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

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

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

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

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

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

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

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

ブックマークレットを作成 / 公開できる・「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でフラットなデザインを構築する為のフレームワーク・「Bootflat」

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

多数のコンポーネントが用意された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でもソースが...

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

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

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

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

UIコンポーネントを大量に収集、検索出来る・「UIBox」

UIBox UIBoxはHTMLやCSS、JavaScriptによるUIコンポーネントを大量に収集、検索出来るWebサイトです。タグやキーワードで探せて、ダウンロードページへのリンクや詳細、ライセンスも記載されています。覚えておくと、...

Sublime Text 2のテーマをまとめている・「Colorsublime」

Colorsublime ColorsublimeはSublime Text 2のデザインテーマを纏めているWebサイトです。ダウンロードページへのリンクとプレビューが用意されており、プレビューでは実際に打って試すことが出来ます。導入...

モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」

Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...

Google Map向けのアイコンフォント・「Map Icons」

Map Icons Map IconsはGoogle Map向けのアイコンフォントです。地図によく使用される施設等を明示するアイコンをフォントとして提供してくれています。ライセンスはOFLとの事です。 Map Icons

Chrome Developer ToolsやSublime Text 2のテーマをギャラリーにしている・「devthemez」

devthemez devthemezはChromeのデベロッパーツールやSublime Text2のテーマをギャラリーにしているWebサイトです。毎日のように見る画面なので出来る限り見やすく読みやすいテーマにしたい所ですね。 ...

Bootstrap向けのシンプルなWYSIWYGエディター・「Summernote」

Summernote SummernoteはBootstrap向けのシンプルなWYSIWYGエディターです。jQueryを使って動かしているみたい。機能も非常にシンプルで使いやすいイメージです。ライセンスはMITとのこと。 Su...

Web制作に使えそうなWebツールを週一で知らせてくれるメールマガジン・「WEB TOOLS WEEKLY」

WEB TOOLS WEEKLY WEB TOOLS WEEKLYは週一でWeb制作に役立ちそうなWebツールを教えてくれるメールマガジンです。まだ始まったばかりのメルマガですが、今の所はCSSやHTML、JavaScriptに関する...
Ads