CSSのブレンドモードとフィルターを組み合わせて動作テストできる・「FilterBlend」 FilterBlend FilterBlendはCSSのbackground-blend-modeとfilterプロパティを組み合わせて動作テスト出来るツールです。任意の画像をアップロードしてblend-modeを設定し、filter...2015.11.10 | 10時03分27秒
Dropbox製のオープンソースSCSSフレームワーク・「Scooter」 Scooter ScooterはDropboxが提供するOSSのSCSSフレームワークです。Dropbox向けに開発した基本スタイルのSCSS及びUIフレームワークをオープンソースとしてもユーザーに公開しているようです。スタイルに関し...2015.11.09 | 10時57分17秒
Vue.jsベースのモバイル向けUIフレームワーク・「VUI」 VUI VUIはVue.jsベースのモバイル向けUIフレームワークです。iOS、Android、Windowsモバイルといった各モバイルデバイスのネイティブUIライクなコンポーネントを提供しているとの事。HTML属性をバインドする為の...2015.11.05 | 10時27分00秒
任意の画像をアップロードするとCSSに変換してくれる・「img2css」 img2css img2cssは任意の画像をアップロードするだけでCSSに変換するツールです。アップロードされた画像をパースして色や形状をCSSのみで実装、コードを提出してくれます。用途は正直な所、思い浮かびませんが、技術としては凄い...2015.11.04 | 9時58分24秒
Githubからフォントのみ検索、ダウンロードできる・「Get the Font」 Get the Font Get the FontはGithubに置かれているファイルからフォントファイルのみを検索できるツールです。シンプルに任意のキーワードで検索してダウンロード出来るだけの機能しかなく、プレビュー等も出来ませんの...2015.11.01 | 10時22分05秒
GithubやBitBucketでホストされている任意のHTMLファイルをプレビューするブックマークレット・「HTMLPreview」 HTMLPreview HTMLPreviewはGithubやBitBucketで各ユーザーに公開されているHTMLファイルをプレビューする為のブックマークレットです。例えば、本ブックマークレットがGithubで公開されているソースコ...2015.10.30 | 10時59分11秒
CSSのみで棒グラフを作るためのチャートシステム・「chart.css」 chart.css chart.cssはCSSのみで棒グラフを作成する為のCSSチャートシステムです。上図のようなシンプルな棒グラフのみ作成可能となっています。用意されたclassやカスタムデータ属性によってパーセンテージの表示、太さ...2015.10.28 | 9時51分01秒
任意の画像をプログレスバーにする為のスクリプト・「LoadGo」 LoadGo LoadGoは任意の画像をプログレスバーにする為のスクリプトです。jQueryに依存しています。上図のようなロゴを使ったプログレスバーを実装する事が出来ます。手軽で良さそうですね。ライセンスはMIT。 LoadGo2015.10.24 | 10時49分49秒
Basecamp製のシンプルなWYSIWYGエディタ・「Trix」 Trix Trixはプロジェクト管理ツールを運営するBasecamp社製のシンプルなインターフェースのWYSIWYGエディタの為のライブラリ。毎日使ってもストレス無く、WYSIWYGエディタでモバイル向けを含むWebブラウザ間にバグが...2015.10.22 | 10時58分20秒
高速で軽量なファイルベースのオープンソースCMS・「Morfy」 Morfy Morfyは高速で軽量、シンプルなファイルベースのCMSです。OSSとしてソースコードが公開されています。Markdownでコンテンツを更新する形のようですね。動作にはPHP 5.3以上、Apacheでmod_rewrit...2015.10.21 | 10時59分11秒
オープンソースのSlackクローン・「Mattermost」 Mattermost Mattermostはオープンソースで公開されているSlackクローンです。セルフホスティングでSlackライクなチャットツールを構築する事ができる、との事。GoとReactで書かれているみたいですね。ライセンス...2015.10.18 | 9時59分33秒
画像がメインコンテンツのWebサイト向けの静的サイトジェネレーター・「Expose」 Expose Exposeは画像をメインコンテンツとするWebサイト向けの静的サイトジェネレーターです。動画にも対応してるみたい。ポートフォリオやプロダクト、サービス紹介ページ等だと便利に使えそうですね。CMSだとオーバースペックな時...2015.10.13 | 10時42分56秒
軽さを意識したシンプルなCSSフレームワーク・「Kickstart」 Kickstart Kickstartは軽さを重視したCSSフレームワークです。元々はKickstrapという名でBootstrapの拡張ツールだったそうですが、Ver.3で完全に独立したCSSフレームワークになったとの事です。Boo...2015.10.12 | 10時46分21秒
フリーで配布されているFacebookのデザイナー作のリソースコレクション・「Facebook Design Resources」 Facebook Design Resources Facebook Design ResourcesはFBのデザイナーが公開しているフリーのリソース集です。モックアップ素材やスマフォ向けのUIキットなどを中心にMediumでの経験則...2015.10.10 | 10時46分16秒
オープンソースのミニマルなパスワードマネージャ・「Padlock」 Padlock PadlockはミニマルでOSSなパスマネです。iOS、Androidアプリ、Chromeエクステンションとしても提供されている他、GPLライセンスの元、オープンソースとしてもソースコードが公開されています。構築にはP...2015.10.09 | 10時08分44秒
オープンソースのGoogle Web Font検索ツール・「FontCDN」 FontCDN FontCDNはGoogle Web Fontのフォントを探せる検索ツール。カテゴリでのソートやOSSとしてソースコードが公開されています。任意のテキストでの一括表示確認等のシンプルな機能ですが個人的には結構見やすい印...2015.10.05 | 10時00分01秒
HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」 hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...2015.10.04 | 10時48分45秒
軽量なJavaScript製モーションエンジン・「Popmotion」 Popmotion Popmotionは軽量なJS製のモーションエンジンです。アニメーションや物理エンジン、キー入力ハンドリングを備えたライブラリで12kbと軽量サイズとなっています。ライセンスはMIT。 Popmotion2015.10.03 | 11時31分13秒
AngularJSの為のガントチャートコンポーネント・「angular-gantt」 angular-gantt angular-ganttはAngularJSを使ったWebアプリケーションにガントチャートを実装する為のコンポーネントです。休日や勤務時間等の定義が可能なカレンダーのサポートや、タスクのソート、フィルタリ...2015.10.02 | 10時44分36秒
WebサイトへのGoogle Mapの埋め込みをサポートするスクリプト・「MAPIT」 MAPIT MAPITはWebサイトへのGoogle Mapの埋め込みをサポートするシンプルなスクリプトです。jQueryに依存しています。Google Mapのスタイルのカスタマイズやルート表示、ピンの変更など、面倒な部分を手軽に変...2015.10.01 | 10時50分50秒
Sketchでアイコンフォントを手軽に使えるようにするプラグイン・「sketch-iconfont」 sketch-iconfont sketch-iconfontはSketchでアイコンフォントを手軽に使えるようにする為のプラグインです。Font AwesomeやIon icons等に対応してるそうです。尚、使いたいアイコンフォント...2015.09.29 | 11時07分23秒
Markdownで更新する軽量でシンプルなPHP製のCMS・「Sphido」 Sphido Sphidoは軽量でシンプルなOSSのCMS。高速性とシンプル性を重視しているそうです。MarkdownやHTMLなどのフラットファイルでコンテンツを構築していく事が出来ます。セキュアで高速なテンプレートエンジン、Lat...2015.09.25 | 10時32分27秒