Resource - Archives

使い易さを重視したOSSのCSS/HTMLフレームワーク・「WEBPLATE」

WEBPLATE WEBPLATEは使い易さを重視したフロントエンドのフレームワークです。RWDやSASSにも対応しています。使いやすい、というのは本フレームワークの開発者さんの言葉を借りましたが、使いやすいかどうかは個人差もあると思...

スマフォにも対応した、シンプルなWYSIWYGエディタを実装する・「Quink」

Quink QuinkはシンプルなWYSIWYGエディタを実装するスクリプトです。ツールバーは、ダブルクリック又はダブルタップでインライン表示されます。現状は、ツールバーもスマフォに対応、という訳では無いようですので導入する際は多少工...

クライアントに伝わるように、という事を目指したワイヤーフレーム用UIキット・「C.ROWE Wireframe Kit」

C.ROWE Wireframe Kit C.ROWE Wireframe Kitは、クライアントにしっかり意図が伝わるように、という事を考えて作られたワイヤーフレームのUIキットです。線でかかれたダミー画像を使うのではなく、例えばマ...
Ads

Youtubeの動画から一部を切り取って、部分的にループ再生できるようにする学習ツール・「StepUp.io」

StepUp.io StepUp.ioはYoutubeの動画から、任意の場所を切り取って、その部分だけループ再生できるようにする学習ツールです。「ここだけ苦手だから何度も聞きたい」というケースは僕も経験があるので結構いいアイデアだなぁ...

レスポンシブWebデザイン対応のシンプルなHTMLメールのフレームワーク・「CERBERUS」

CERBERUS CERBERUSはRWD対応のシンプルなHTMLメールのフレームワークです。GmailやYahoo!メールからOutlookやThunderbird、iOSやAndroidのメールに対応可能です。レイアウトのみで装飾...

ブラウザ上で動作するHTML5製のアニメーションエディタ・「Animatron」

Animatron Animatronはブラウザ上で動作するHTML5製のアニメーションエディタです。描画ツールやSVG、動画や音声のインポート等が可能となっています。アニメーションはタイムラインで調整しながら作成する、というもの。H...

ブラウザで作成出来る、HTML5製のフォントエディタ・「Glyphr」

Glyphr GlyphrはHTML5製のフォントエディタです。ブラウザ上でオリジナルのフォントをデザインする事が可能です。軽量でUIも割と使いやすい印象でした。また、Githubでもソースコードが公開されています・・・が、ライセンス...

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

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

Youtubeからgifアニメを作れる・「GIFFFFR」

GIFFFFR GIFFFFRはYoutubeの動画をgifアニメ化し、ダウンロードできるツールです。URLを指定すると、動画が読み込まれ、動画の時間やサイズ等を指定すればいいだけ。ただ、サイズや動画の長さ次第ではかなり作成に時間がか...

人物の顔のダミー画像生成ツール・「ui Faces」

ui Faces ui FacesはUI設計に使える人物の顔のダミー画像生成ツールです。サイズや間隔の変更、角丸化などが出来る様になっています。許可等が気になったのですが、モックアップ等に使用してもいい、という方が自分でアップロードし...

OSSとしても公開されている、スタイルを維持したままWebページをスクラップできるツール・「PryNotes」

PryNotes PryNotesはEvernoteのように、Webページを切り抜いて保存できるオープンソースのソフトウェアです。機能的にはまだまだ劣るため、Evernoteのクローンとは言えませんが、Webページを部分的にコピー、ペ...

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

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

placeholderのテキストをアニメーション付きで表示/非表示にするスクリプト・「Placeholdem」

Placeholdem Placeholdemはplaceholder属性で設定したテキストを、フォーカス時にアニメーション付きで表示/非表示にするスクリプトです。非依存型で、単体で動作しますので使いやすそう。必ずしも必要なエフェクト...

Sublime TextやCoda、TextMate等の様々なテキストエディタのカラースキームを配布する・「colour-schemes」

colour-schemes colour-schemesは様々なテキストエディタのカラースキームをセットにしたパッケージでGithubで公開されています。しっかり数えてはいませんが、カラースキームの種類は70以上あるみたいです。ただ...

Bootstrap 3のベクターデータUIキット・「Bootstrap 3 UI Kit」

Bootstrap 3 UI Kit Bootstrap 3 UI KitはBootstrap 3のUIキットです。ベクターデータで配布されています。コンポーネントやアイコン、テーブル等が揃っています。サンプル画像もありますのでチェッ...

CSS3のkeyframesを容易に設定出来る・「CSS3 Keyframes Animation Generator」

CSS3 Keyframes Animation Generator CSS3 Keyframes Animation GeneratorはCSS3のkeyframesを容易に設定出来るツールです。数値を各項目に設定するだけでコードを...

Chromeのブックマークをスクリーンショット付きにし、ソートしたり検索出来るエクステンション・「DEWEY」

DEWEY DEWEYはChromeに保存したブックマークをSS付きで検索出来るようにするエクステンションです。スクリーンショットはセッティングからShow thumbnailsにチェックを入れれば表示されます。僕もブラウザのブックマ...

Bootstrapでスプレッドシートを実装するスクリプト・「editableTableWidget」

editableTableWidget editableTableWidgetはBootstrapでスプレッドシートを実装する為のjQueryプラグインです。テーブルを編集可能にし、合計値を算出してくれます。覚えておいて損はなさそう。...

シンプルで見やすいMarkdownエディタ・「writebin」

writebin writebinはとってもシンプルなMarkdownエディタです。余計な機能がありませんので、とても見やすく、Githubにも送る事ができます。Readmeやライセンスなどのドキュメントを書くのに良さそうですね。 ...

jQueryのカスタムビルドを作成出来るツール・「jQuery Builder」

jQuery Builder jQuery Builderはコアのカスタムビルドを作成する為のツールです。バージョンや圧縮の可否、追加するモジュールを選ぶ事が可能で、ファイルサイズも表示してくれます。また、本ツールはMITライセンスの...

Tumblrの画像を一括ダウンロード出来るChromeエクステンション・「Tumblr Downloader Professional」

Tumblr Downloader Professional Tumblr Downloader Professionalは一括でTumblrの画像をダウンロード出来るChrome拡張です。指定したTumblrサイトでアーカイブ機能の...

モバイルフレンドリーなオープンソースのCMS・「Monstra」

Monstra Monstraは軽量でモバイルフレンドリーなOSSのCMSです。PHP製で、ApacheやNgnix等で動かせるようです。ライセンスはGPLとなっています。管理画面や仕様、ログイン画面等を見た、僕の主観イメージですが、...
Ads