プログラミング補助

正規表現をクロスワード方式で遊びながら学べる・「Regex Cross­word」

閲覧中のWebページの任意の要素のHTMLとCSSを選択してコードをjsfiddleのようなエディタで確認できるブラウザ拡張・「SnipCSS」

装飾やエディタの見た目など、カスタマイズが可能なコード画像化ツール・「Codeimg.io」

Ads

VSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクト・「RAINGLOW」

様々な言語のコードをブラウザで実行テストできるオンラインIDE・「Llama」

Blockstackを使ったセキュアなコードスニペット管理ツール・「DECS」

無料且つ登録も不要でJavaScriptをコードを書きながら学べる・「CodeGuppy」

ブラウザで動作するクラウドベースのIDE・「Devmind.io」

HTML、CSS、JavaScriptの機能をシンプルに教えてくれる・「simpl.info」

REACTのコード実行テストをブラウザ上で試せてEmbedも出来る・「CODESANDBOX」

覚えておくと便利な正規表現のパターンをまとめた・「Regex Hub」

Web上で読める開発者向けの技術本を収集している・「DevFreeBooks」

Web制作時に役に立つ(かもしれない)ツールを大量に公開している・「Richard’s Toolbox」

ブラウザでSwiftのコードを実行、動作テスト出来る・「IBM Swift Sandbox」

プログラミング用のフォントを一覧で比較出来る・「Programming font comparison」

プログラミング専門のライブ配信ツール・「Livecoding.tv」

知りたいWeb制作技術を複数の学習サイトや質問サイトから横断検索して回答を検索できる・「Recalll」

複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」

jQueryを使わずに~したい、を調べられる逆引きリファレンス・「Plain JavaScript」

ブラウザで動くオープンソースの正規表現テストツール・「RegExr」

レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」

オープンソースを探せるソースコード検索エンジン・「Sourcegraph」