Resource - github

CSSのブレンドモードとフィルターを組み合わせて動作テストできる・「FilterBlend」

FilterBlend FilterBlendはCSSのbackground-blend-modeとfilterプロパティを組み合わせて動作テスト出来るツールです。任意の画像をアップロードしてblend-modeを設定し、filter...

Dropbox製のオープンソースSCSSフレームワーク・「Scooter」

Scooter ScooterはDropboxが提供するOSSのSCSSフレームワークです。Dropbox向けに開発した基本スタイルのSCSS及びUIフレームワークをオープンソースとしてもユーザーに公開しているようです。スタイルに関し...

Vue.jsベースのモバイル向けUIフレームワーク・「VUI」

VUI VUIはVue.jsベースのモバイル向けUIフレームワークです。iOS、Android、Windowsモバイルといった各モバイルデバイスのネイティブUIライクなコンポーネントを提供しているとの事。HTML属性をバインドする為の...
Ads

任意の画像をアップロードするとCSSに変換してくれる・「img2css」

img2css img2cssは任意の画像をアップロードするだけでCSSに変換するツールです。アップロードされた画像をパースして色や形状をCSSのみで実装、コードを提出してくれます。用途は正直な所、思い浮かびませんが、技術としては凄い...

Githubからフォントのみ検索、ダウンロードできる・「Get the Font」

Get the Font Get the FontはGithubに置かれているファイルからフォントファイルのみを検索できるツールです。シンプルに任意のキーワードで検索してダウンロード出来るだけの機能しかなく、プレビュー等も出来ませんの...

GithubやBitBucketでホストされている任意のHTMLファイルをプレビューするブックマークレット・「HTMLPreview」

HTMLPreview HTMLPreviewはGithubやBitBucketで各ユーザーに公開されているHTMLファイルをプレビューする為のブックマークレットです。例えば、本ブックマークレットがGithubで公開されているソースコ...

CSSのみで棒グラフを作るためのチャートシステム・「chart.css」

chart.css chart.cssはCSSのみで棒グラフを作成する為のCSSチャートシステムです。上図のようなシンプルな棒グラフのみ作成可能となっています。用意されたclassやカスタムデータ属性によってパーセンテージの表示、太さ...

任意の画像をプログレスバーにする為のスクリプト・「LoadGo」

LoadGo LoadGoは任意の画像をプログレスバーにする為のスクリプトです。jQueryに依存しています。上図のようなロゴを使ったプログレスバーを実装する事が出来ます。手軽で良さそうですね。ライセンスはMIT。 LoadGo

Basecamp製のシンプルなWYSIWYGエディタ・「Trix」

Trix Trixはプロジェクト管理ツールを運営するBasecamp社製のシンプルなインターフェースのWYSIWYGエディタの為のライブラリ。毎日使ってもストレス無く、WYSIWYGエディタでモバイル向けを含むWebブラウザ間にバグが...

高速で軽量なファイルベースのオープンソースCMS・「Morfy」

Morfy Morfyは高速で軽量、シンプルなファイルベースのCMSです。OSSとしてソースコードが公開されています。Markdownでコンテンツを更新する形のようですね。動作にはPHP 5.3以上、Apacheでmod_rewrit...

オープンソースのSlackクローン・「Mattermost」

Mattermost Mattermostはオープンソースで公開されているSlackクローンです。セルフホスティングでSlackライクなチャットツールを構築する事ができる、との事。GoとReactで書かれているみたいですね。ライセンス...

画像がメインコンテンツのWebサイト向けの静的サイトジェネレーター・「Expose」

Expose Exposeは画像をメインコンテンツとするWebサイト向けの静的サイトジェネレーターです。動画にも対応してるみたい。ポートフォリオやプロダクト、サービス紹介ページ等だと便利に使えそうですね。CMSだとオーバースペックな時...

軽さを意識したシンプルなCSSフレームワーク・「Kickstart」

Kickstart Kickstartは軽さを重視したCSSフレームワークです。元々はKickstrapという名でBootstrapの拡張ツールだったそうですが、Ver.3で完全に独立したCSSフレームワークになったとの事です。Boo...

フリーで配布されているFacebookのデザイナー作のリソースコレクション・「Facebook Design Resources」

Facebook Design Resources Facebook Design ResourcesはFBのデザイナーが公開しているフリーのリソース集です。モックアップ素材やスマフォ向けのUIキットなどを中心にMediumでの経験則...

オープンソースのミニマルなパスワードマネージャ・「Padlock」

Padlock PadlockはミニマルでOSSなパスマネです。iOS、Androidアプリ、Chromeエクステンションとしても提供されている他、GPLライセンスの元、オープンソースとしてもソースコードが公開されています。構築にはP...

オープンソースのGoogle Web Font検索ツール・「FontCDN」

FontCDN FontCDNはGoogle Web Fontのフォントを探せる検索ツール。カテゴリでのソートやOSSとしてソースコードが公開されています。任意のテキストでの一括表示確認等のシンプルな機能ですが個人的には結構見やすい印...

HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」

hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...

軽量なJavaScript製モーションエンジン・「Popmotion」

Popmotion Popmotionは軽量なJS製のモーションエンジンです。アニメーションや物理エンジン、キー入力ハンドリングを備えたライブラリで12kbと軽量サイズとなっています。ライセンスはMIT。 Popmotion

AngularJSの為のガントチャートコンポーネント・「angular-gantt」

angular-gantt angular-ganttはAngularJSを使ったWebアプリケーションにガントチャートを実装する為のコンポーネントです。休日や勤務時間等の定義が可能なカレンダーのサポートや、タスクのソート、フィルタリ...

WebサイトへのGoogle Mapの埋め込みをサポートするスクリプト・「MAPIT」

MAPIT MAPITはWebサイトへのGoogle Mapの埋め込みをサポートするシンプルなスクリプトです。jQueryに依存しています。Google Mapのスタイルのカスタマイズやルート表示、ピンの変更など、面倒な部分を手軽に変...

Sketchでアイコンフォントを手軽に使えるようにするプラグイン・「sketch-iconfont」

sketch-iconfont sketch-iconfontはSketchでアイコンフォントを手軽に使えるようにする為のプラグインです。Font AwesomeやIon icons等に対応してるそうです。尚、使いたいアイコンフォント...

Markdownで更新する軽量でシンプルなPHP製のCMS・「Sphido」

Sphido Sphidoは軽量でシンプルなOSSのCMS。高速性とシンプル性を重視しているそうです。MarkdownやHTMLなどのフラットファイルでコンテンツを構築していく事が出来ます。セキュアで高速なテンプレートエンジン、Lat...
Ads