Resource - コードスニペット

HTMLメール用の署名をプレビューを見ながら作成できる・「MySigMail」

MySigMail MySigMailはHTMLメール用の署名をプレビューで確認しながら作成できる署名ビルダーです。メール末尾によく用いられる、いわゆるSignatureを作れる、みたいなやつです。 以下はサンプル。 ...

コードスニペットをシンプルに管理できるOSSのデスクトップアプリ・「Forge」

Forge Forgeはコードスニペットをシンプルに管理できるデスクトップアプリです。各OSに対応しており、OSSとしてソースコードも公開されています。特に大きな特徴も画期的な機能等はなく、コードスニペットを記録、コピーしやすいように...

CSSやHTMLのコードサンプルを収集している・「FREE FRONTEND」

FREE FRONTEND FREE FRONTENDはCSSやHTMLを使ったUIコンポーネントやエフェクトなどのコードサンプルをまとめ記事にして収集しているWebサイトです。モダンなスタイルのフォームやホバーエフェクトのサンプル、...
Ads

コードスニペットを管理できるOSSのデスクトップアプリ・「Snippet Store」

Snippet Store Snippet Storeはコードスニペットを効率的に管理できるデスクトップアプリのコードマネージャです。開発者は17歳のベトナムの方のようですね。タグ付け、キーワード検索、多言語化などに対応しています。現...

コードスニペットやプレーンテキストを保存可能なスニペット管理ツール・「PasteCloud.net 」

PasteCloud.net PasteCloud.netはコードスニペットやプレーンテキストを保存、管理できるツールです。Gistとかpaste.inみたいなツールです。対応言語は多くありませんが一応embed、フォーク、印刷も出...

30秒で理解できるものだけを集めたJavaScriptコードスニペット集・「30 seconds of code」

30 seconds of code 30 seconds of codeは「30秒で理解できるJavaScriptコード」をまとめたスニペット集です。理解力に欠ける自分の脳では30秒は難しかったですが、シンプルながら便利そうなコード...

チーム向けのオンライン共有ノートツール・「Scrapbox」

Scrapbox Scrapboxはチーム向けのオンライン共有ノートです。スクショサービス、Gyazoの開発元が公開したサービスのようですね。ノートツールですが、Evaernoteとは用途が違う印象です。タグによるカテゴライズや検索は...

WordPressのカスタムタクソノミーやカスタム投稿、ショートコードを作れるジェネレーター・「Hasty」

Hasty HastyはWordPressのカスタム分類やカスタム投稿タイプ、ショートコードやカスタムメニューなどのコードを発行してくれるジェネレーターです。もろもろの設定やオプションを決めて作成すればコードが発行されるのでfunct...

StackoverflowやGithub等のコードスニペットをコピーしやすくするChromeエクステンション・「CodeCopy」

CodeCopy CodeCopyはStackoverflowやGithub等のコードスニペットをコピーしやすくするChrome拡張です。preタグ等で書かれたスニペットにマウスホバーすると、コードをクリップボードにコピーするボタンを...

Bootstrapで使えるコードスニペットを集めている・「CodeLab」

CodeLab CodeLabはBootstrapで使えるコードスニペットを集めているWebサイトです。jQueryの情報を配信するjqueryRainというWebサイトで作っているコンテンツのようです。スニペットは動作デモも用意され...

コードスニペットを登録、実行テスト可能なOSS・「glot」

glot glotはコードスニペットを登録してその場で実行テストも可能なオープンソースのソフトウェアです。pastebinのようなスニペット共有ツールを構築する事ができる、というもの。対応言語もそこそこ多く対応してあり、シンタックスハ...

サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」

CodeMyUI.com CodeMyUI.comはサンプルコードも紹介しているUIチュートリアル記事等をGifアニメを使ってギャッリー形式でまとめているTumblrサイトです。参照元へのリンク、またはCodePenに投稿されたよさ気...

リダイレクトやセキュリティ、パフォーマンスの向上など、.htaccessで使えるスニペットをまとめている「.htaccess Snippets」

.htaccess Snippets .htaccess Snippetsは.htaccessで使える小技をまとめたスニペット集です。リダイレクトやリライト、セキュリティ向上やパフォーマンスの向上など、よく使うものをサクッとまとめてく...

Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」

Give ’n’ Go Give ’n’ GoはDribbbleに投稿されたものとCodepenで再現されたものを比較しているWebギャラリーサイトです。デザイナーの方がDribbbleに投稿したデザインコンセプトと、そのデザインをC...

jsfiddleライクにブラウザ上でJavaScriptの動作テストができるオープンソースのソフトウェア・「Codemagic」

Codemagic Codemagicはブラウザ上でJavaScriptの開発・動作テストを行えるツールです。jsfiddleと同じようなものですが、こちらはOSSとしてGithubにてソースが公開されています。ライセンスはMITとの...

OSSとして公開されている、正規表現の動作テストをブラウザ上で行えるツール・「RegExr」

RegExr RegExrはブラウザ上で正規表現のテストができるツールです。GithubにてOSSとしてもソースが公開されています。refiddleとほぼ同じ性能になりますが、RegExrの方が個人的には若干使いやすい印象でした。ライ...

jsFiddleのようにブラウザでJavaScriptを書いて動作を確認出来るOSS・「tmpltr」

tmpltr tmpltrはOSSで公開されているjsFiddleライクな開発ツールです。ブラウザ上でJavaScriptを開発、実行テストができます。完全なクローンではありませんが、JavaScriptとHTMLで作られている為、軽...

GitHub製のテキストエディタ・「Atom」

Atom AtomはGithub製のテキストエディタです。CSS、JavaScript、HTML向けのもののようですね。スクリーンショットや詳細を読む限りではなかなか良さそうです。TextMateのテーマ等をインポートする事もできるみ...

コードスニペットの共有サイトを構築する為のオープンソースソフトウェア・「canSnippet」

canSnippet canSnippetはコードスニペットを共有できるWebサイトを構築する為のOSSです。動作環境はPHP+SQLite+JavaScriptとの事。保存できるスニペットの対応言語はhtml、css、javascr...

.NETのコードスニペットをオンラインで動作テストできる・「.NET Fiddle」

.NET Fiddle .NET Fiddleはオンラインで.NETのコードスニペットをテストできるツールです。JSFiddleをリスペクトして作ったそうです。言語はC#とVB.netに対応しています。手軽にテストできるのは嬉しいです...

アニメーションエフェクトの掛かったフォントと実装コードを公開しているWebギャラリー・「Anitype」

Anitype Anitypeはアニメーションするフォントを実装する為のコードを募集、公開している参加型のWebギャラリーです。文字ごとに複数投稿されており、様々なタイポグラフィーを参考にする事が出来ます。フォントごとのタイポグラフィ...

Flashを使わずに実装しているプリローダーアニメーションのギャラリー・「Preloaded」

Preloaded PreloadedはFlashを使わずに実装しているプリローダーのアニメーションを収集しているTumblrです。他サイトの例や、Codepenで書かれたモノなどがありますので一部のプリローダーはコードも参考に出来ま...
Ads