![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
コードスニペット
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
リダイレクトやセキュリティ、パフォーマンスの向上など、.htaccessで使えるスニペットをまとめている「.htaccess Snippets」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
jsfiddleライクにブラウザ上でJavaScriptの動作テストができるオープンソースのソフトウェア・「Codemagic」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
OSSとして公開されている、正規表現の動作テストをブラウザ上で行えるツール・「RegExr」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
jsFiddleのようにブラウザでJavaScriptを書いて動作を確認出来るOSS・「tmpltr」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
GitHub製のテキストエディタ・「Atom」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
コードスニペットの共有サイトを構築する為のオープンソースソフトウェア・「canSnippet」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
.NETのコードスニペットをオンラインで動作テストできる・「.NET Fiddle」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
アニメーションエフェクトの掛かったフォントと実装コードを公開しているWebギャラリー・「Anitype」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Flashを使わずに実装しているプリローダーアニメーションのギャラリー・「Preloaded」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ChromeやFiredoxなどのデベロッパーツールのコンソールで使えるスニペットをまとめた・「DevTools Snippets」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Gistに書いたコードの管理が可能なソフトウェア・「Gisto」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSS3を手軽に試せるジェネレーター・「CREATE CSS3」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
コードスニペットを管理する為のシンプルなCMS・「codejab」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSで装飾されたチェックボックスのコードをダウンロード出来る・「CSS Checkbox」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSのみで書かれたアイコンのセット・「CIKONSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Gistに書いたコードを管理するアプリ・「GistBox」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
正規表現をブラウザ上で実行テスト・「refiddle」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)