ミニマルで軽量なFlexboxベースのCSSフレームワーク・「Flexy」
Flexy Flexyはミニマルで軽量なFlexboxベースのCSSフレームワークです。圧縮版で0.33KBほどになるとの事。IEにも対応させる場合はflexy-old.cssも読み込むhつ用があるようです。UIコンポーネント等の用意...
Resource - Webデザイナー向け
BootstrapにMicrosoft提唱のデザインシステム、Fluentを取り入れたツールキット・「Nespero Fluent Kit 」
Nespero Fluent Kit Nespero Fluent KitはMicrosoftが新たに提唱したデザインシステム、FluentをBootstrapに導入したツールキットです。Bootstrapを使って手軽にFluentの...
オープンソースのポッドキャスト/RSSリーダーアプリ・「Winds」
Winds WindsはOSSで提供されるポッドキャスト/RSSリーダーです。各OSで動作する他、無料で利用できるWeb版もあるようです。OPMLにも対応しており、移行も容易に可能となっています。次々と消えていく主要なRSSリーダーに...
ポリゴンな背景パターンを生成できる・「Trianglify.io」
Trianglify.io Trianglify.ioはポリゴンな背景パターンを生成、ダウンロードできるジェネレーターです。結果を確認しながら高さや背景、細かさや色などを指定して作成する事が出来ます。リンク等も不要で、作成したポリゴン...
Vue.jsを使用したデスクトップアプリを作成できる・「Vuido」
Vuido VuidoはVue.jsを使用したデスクトップアプリを作成できるフレームワークです。libuiライブラリが使用されていますのでProton Nativeと似たような感じかもしれません。各OSで動作するよう設計されており、E...
1日＝1440分を10分単位で分割し、144ブロックで1日を管理する・「144blocks」
144blocks 144blocksは1日を144ブロックで分割するWebサービスです。ケビン・クルーズの「1440分の使い方」のような時間管理術をサポートしてくれる、みたいなツールです。選べるアイコン（行動パターン）も沢山あります...
ログインフォームでアバターが入力内容を目で追うUI・「Animated SVG Avatar」
Animated SVG Avatar See the Pen Animated SVG Avatar by Darin (@dsenneff) on CodePen.0 Animated SVG AvatarはSVGで...
超シンプルなベクターグラフィックツール・「Dotgrid」
Dotgrid Dotgridは超シンプルなベクターグラフィックツールです。四方400pxあるかどうかという小さなツールですが、性能はなかなかに強力という印象でした。操作は基本的にショートカットで行います。動作も軽量で機能もシンプルな...
画像の見た目に合わせたドロップシャドウを作り出すスクリプト・「Image-shadow」
Image-shadow Image-shadowは画像の見た目に合わせて陰影を作成するスクリプトです。非依存型で単体で動作します。コードよく見てないけど画像のクローンを作成してblurさせて下に配置、を自動でやってくれる、みたいなも...
スマフォで横スクロールがある場合はその旨をアイコンで明示してくれるスクリプト・「ScrollHint」
ScrollHint ScrollHintはスマフォでWebページを見た際に横スクロール可能なtable等があった場合に、その旨をアイコン等で明示してくれるスクリプトです。国産CMSのa-blogを提供するappleple社さんが開発...
CSS Gridベースのを作成できるジェネレーター・「CSS Grid Layout Interface Builder」
CSS Grid Layout Interface Builder CSS Grid Layout Interface BuilderはCSS Gridベースのレイアウトをインタラクティブに作成できるジェネレーターです。特に細かい説明...
イラストレーター向けのツール等を紹介する・「illustration.tools」
illustration.tools illustration.toolsはイラストレーター向けのツールやリソースを紹介するWebサイトです。沢山の驚くべき無料ブラシ云々の類ではなく、Adobe Illustrator用のスクリプトや...
オープンソースのシンプルな自動保存ノートWebアプリ・「Wrish」
Wrish Wrishはシンプルなノートアプリです。Webブラウザで動作、自動保存してくれます。アクセスすれば#付きのURLが発行、そのURLがノートページとなります。ブラウザベースなので特別な操作も不要でスマフォでも利用可能です。1...
多様なタイプに対応できるオープンソースの高性能チャートライブラリ・「ECharts」
ECharts EChartsは多種多様なタイプのビジュアルデータに対応可能な高性能チャートライブラリです。中国の大手検索エンジンサービス、百度(Baidu)が提供するライブラリのようです。非常に高性能で、線グラフだけでも20種以上の...
軽量で非依存なカルーセル実装スクリプト・「Glide.js」
Glide.js Glide.jsは軽量で柔軟な非依存型のカルーセル実装スクリプトです。ES6(ECMAScirpt2015)で書かれています。ファイルサイズは圧縮版で6kbほどで、依存性もないバニラなコードで書かれているのでかなり軽...
テキスト、ボイス、ビデオでのチャットとリッチテキストやコードエディターの共有機能も付いた無料のオープンソースなチャットツール・「oorja」
oorja oorjaは無料のチャットツールです。個人的にいままでで一番良いチャットアプリでした。テキスト、ボイス、ビデオチャットに対応しており、リッチテキストやコードエディタを複数人で共有、リアルタイムに共同作業を行う事が出来ます。...
sketchファイルの中身を確認できるWebサービス・「Sketch.The.Ripper」
Sketch.The.Ripper Sketch.The.Ripperはsketchファイルの中身をプレビューしてくれるWebサービスです。sketchファイルをアップロードするだけで中身を表示、確認できる、というもの。表示するだけで...
ユーザー登録も不要の、地図ベースのホワイトボード共有サービス・「MapBoard」
MapBoard MapBoardは地図ベースのホワイトボード共有ツールです。ユーザー登録も不要で無料で利用可能です。アクセスすると自動的にユニークなURLが発行されますのでそのURLを共同作業する他ユーザーに伝えればいいだけ。地図は...
様々なレイアウトに対応できるよう設計されたflexboxベースのグリッドシステム・「Flexible Grid」
Flexible Grid Flexible Gridは様々なレイアウトでも対応できるよう設計されたflexboxベースのCSSグリッドシステムです。モバイルファーストでレスポンシブ且つ、セマンティックなマークアップにも使用可能でリー...
有料のクオリティの写真を無料で提供するストックフォトサイト・「Moose」
Moose MooseはCC-BYでハイクオリティな写真素材を提供するストックフォトサイトです。アイコンや音源等、様々な素材を提供するicon8が新たに立ち上げたプロジェクトみたいですね。主観ですが、有料で提供されているクオリティで解...
一通りのUIコンポーネントを揃えた軽量なCSSフレームワーク・「Mustard UI」
Mustard UI Mustard UIはWebサイト等で必要になりそうなUIコンポーネントを一通り取り揃えたCSSフレームワークです。モジュラー式なので必要なコンポーネントのCSSだけ読み込めばいいので軽量で済みます。スタイルはあ...
フリーランサーの為のシンプルなタイムトラッキングツール・「flowmagic」
flowmagic flowmagicはフリーランサーの為のシンプルなタイムトラッカーです。案件の簡易的な管理ツール、Todoツールもセットになっています。案件はクライアント名、金額、支払い状況、開始日を記録可能です。通貨の選択に￥は...