ボタンのスタイルを大量に集めたスタイルシート・「Buttons」
Buttons Buttonsはボタンのみを集めたスタイルシートです。少し前の、影のある立体的なものや、ベーシックなもの、丸みのあるもの、フラットなものなどさまざまなボタンのスタイルかなり大量に揃えられています。どこかで役に立つ・・か...
Resource - オープンソース
classを使わないミニマルなCSSフレームワーク・「Sakura」
Sakura Sakuraはclassを使わないミニマルなCSSフレームワークです。カラーテーマはいくつか用意されていますが、コンポーネント等は基礎的なもののみとなっています。それでも、デモを見る限りしっかりとWebコンテンツとして機...
Minecraftのようなボクセルゲームを実装出来るOSS・「Minetest」
Minetest MinetestはMinecraftのようなボクセルゲームを実装出来るOSSです。Terasologyやvoxel.js同様、オープンソースで公開されたもので、マイクラライクなボックス世界を楽しむゲームを構築出来る、...
JSONデータやPDF等の印刷をサポートするスクリプト・「Print.js」
Print.js Print.jsはWeb状のデータやページ印刷をサポートしてくれる小さなスクリプトです。PDFの印刷は、ファイルを開かず、直接印刷プレビューに行けるようにしたり、フォームの印刷、JSONデータを元にテーブル化して印刷...
様々な利用シーンに対応出来るよう設計されたキーワードハイライトのスクリプト・「mark.js」
mark.js mark.jsはさまざまな利用シーンを想定して、対応できるように設計されたキーワードハイライトスクリプトです。バニラなJSとしても利用可能ですが、jQueryプラグインも用意されています。特殊記号のサポートやifram...
ミニマルなオープンソースRSSリーダー・「Miniflux」
Miniflux MinifluxはミニマルなRSSリーダーです。PHPで書かれてます。もっとも重要なのはコンテンツであるという考えから、可読性の高さを重視したスタイルとなっています。OSSとしてソースコードが公開されています。また、...
StackoverflowやGithub等のコードスニペットをコピーしやすくするChromeエクステンション・「CodeCopy」
CodeCopy CodeCopyはStackoverflowやGithub等のコードスニペットをコピーしやすくするChrome拡張です。preタグ等で書かれたスニペットにマウスホバーすると、コードをクリップボードにコピーするボタンを...
料理レシピサイトの為のWordPressプラグイン・「Cooked」
Cooked Cookedは料理のレシピサイト構築をサポートしてくれるWordPressプラグインです。よくあるお料理レシピコンテンツを作成する為の機能がもりもり含まれている、というもの。かなり高性能ですね。プラグインディレクトリにあ...
CSS transitionsを使用したハンバーガーメニュー・「Ember Burger Menu」
Ember Burger Menu Ember Burger MenuはCSS transitionsを使用したハンバーガーメニューです。アニメーションはtympanusの記事を参考にしているものだそうで、モダンなエフェクトのオフキャ...
オープンソースのメール配信プラットフォーム・「postal」
postal postalはオープンソースで公開されているメール配信プラットフォームです。開発者向けのメール配信プラットフォーム、AppMailがOSSとして公開したものだそう。綺麗で見やすいです。気にはなるものの、まだ触れていま...
誤った使い方のHTMLソースをハイライトしてくれるスタイルシート・「debugCSS」
debugCSS debugCSSは誤った使い方をしたHTMLソースの箇所をハイライトしてくれるスタイルシートです。その名の通りデバッグ用のCSSです。実用的かどうかよりも面白いアイデアだなーと思ったので備忘録。ソース見ていろいろ感心...
OSSで公開されている、プレゼンテーションを作成出来るデザイナー向けのプレゼン作成ツール・「Presentator.io」
Presentator.io Presentator.ioはプレゼンテーションを作成出来るデザイナー向けのプレゼン作成ツールです。開発の主な目的は、Webデザイナーが作ったプロトタイプのクライアントからのフィードバックを得やすいように...
jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」
Selector SelectorはjQueryライクに使えるユーティリティな軽量ライブラリです。5kbほどでjQueryと同じような書き方 が出来ます。セレクタも結構同じものがサポートされています。jQuery代替と言えるかどうか...
オープンソースのドキュメント管理システム・「Kimios DMS」
Kimios DMS Kimios DMSはオープンソースのドキュメント管理システム(DMS:Document Management System)です。文章の作成や管理、バージョン管理、検索やブックマーク機能などが特徴だそう。残念な...
家系図のような縦表示の階層を描けるスタイルシート・「hierarchi-view」
hierarchi-view hierarchi-viewは上図のような家系図でよくある縦表示の階層を描けるCSSです。例では企業等での役職順が表現されています。こういうの作るの割と面倒なので地味に使いみちあるかもですね。 hi...
REACTのコード実行テストをブラウザ上で試せてEmbedも出来る・「CODESANDBOX」
CODESANDBOX CODESANDBOXはReactのPlaygroundツールです。ブラウザ上で実行テスト、上のようにEmbedも出来ます。また、Githubアカウントでのログインやフォーク機能など、この手のツールに備わってい...
Foundationに加える事ができるUIコンポーネントを配布する・「Building Blocks」
Building Blocks Building BlocksはCSSフレームワークのFoundationに加える事ができるUIコンポーネントを配布するWebサイトです。zurbが公式に公開しているものになります。ナビゲーションやメデ...
軽量でカスタマイズ性を重視したCSSフレームワーク・「mini.css」
mini.css mini.cssは軽量且つカスタマイズ性を重視したCSSはフレームワークです。各種コンポーネントも用意されており、構成はBootstrapやMaterial Framework、Foundation等を意識しているの...
HTML5やjQuery、React など様々な言語やライブラリのboilerplateをキュレーションしている・「BOILRPLATE」
BOILRPLATE BOILRPLATEは様々な言語やライブラリのboilerplateを収集しているキュレーションページです。様々といっても底まで多くなく、HTML5、Go、React、node.js、AndroidやElectr...
CSSフレームワークのBulma向けのテーマを配布する・「Bulmaswatch」
Bulmaswatch Bulmaswatchは以前ご紹介したCSSフレームワーク、Bulma向けのスタイルテーマを配布するWebサイトです。多くはないものの、20以上のテーマが公開されています。Bulmaを使ってこれから何か作る予定...
チームのためのオープンソースなナレッジベースアプリケーション・「Opus」
Opus Opusはチーム向けに開発されたナレッジベースアプリを構築出来るソフトウェアです。企業は成長するにつれ、異なる部門が作られますが、その部門間で知識を管理し、伝達するのが難しくなりがちです。その問題を解決するのがナレッジベース...
プログラマー向けのオープンソースな国産メモアプリ・「Boostnote」
Boostnote Boostnoteはプログラマー向けに開発されたOSSのメモアプリです。日本の企業によって開発された国産アプリになります。Markdown記法で書けてコードスニペットも管理できる、というもの。Electronベース...