CSVやプレーンテキストのデータをJSONやMarkdown等に変換できるOSSなコンバーター・「Mr. Data Converter」 Mr. Data Converter Mr. Data ConverterはCSVやプレンテキスト(タブ区切りしたもの)をJSONやMarkdown、PHPやRubyなどの各言語での配列等に変換してくれるコンバーターです。オープンソー...2017.10.03 | 10時11分04秒
手作り感がかわいい、オープンソースなアイコンフォント・「JAM icons」 JAM icons JAM iconsは手作り感がかわいらしいOSSなアイコンフォントです。SVGも同梱されています。数は422ほどとなかなかの数ですね。丸みのある柔らかいスタイルで様々なコンテンツにマッチしてくれそうです。雰囲気はF...2017.10.02 | 11時27分25秒
軽量でモダンなモジュール式のドラッグ&ドロップライブラリ・「Draggable」 Draggable Draggableは軽量でモダンなモジュール式のD&Dスクリプトです。ベーシックな要素間のD&Dや、移動後のソート、要素同士のコンフリクトが起きた場合のイベントや移動時のエフェクトなどが主な特徴として挙げられていま...2017.10.01 | 11時39分27秒
書いたソースコードを画像化してTwitterに投稿できる・「carbon」 carbon carbonはソースコードを画像にしてTwitterに投稿したりダウンロードできるツールです。ソースはシンタックスハイライトされます。言語やスタイルも選択可能。また、本ツールはGithubでもソースコードが公開されていま...2017.09.30 | 10時24分12秒
シンプルでスケーラブル、メンテナンス性も意識して設計されたCSSフレームワーク・「zap」 zap zapはシンプルでスケーラブル且つメンテナンス性も意識して設計されたCSSフレームワークです。CSSはベース、レイアウト、モジュール、ユーティリティなどにそれぞれ分けられており、各フォルダには必要に応じて読み込むCSSが梱包さ...2017.09.29 | 10時52分20秒
オープンソースの様々なライセンスのざっくりした特徴が一目で分かる早見表・「Choose a License | Appendix」 Choose a License | Appendix Choose a License | Appendixはchoosealicense.comが提供する、さまざまなオープンソースライセンスの特徴の早見表です。ApacheやMIT...2017.09.28 | 10時45分44秒
MediumのようなエディターをWordPressに導入できるプラグイン・「WP Medium Editor」 WP Medium Editor WP Medium EditorはWordPressの投稿ページをMediumのエディターライクに変更するプラグインです。通常の投稿もカスタム投稿もWYSIWYGそのものが変更されますのでMedium...2017.09.27 | 11時45分24秒
シンプルで使いやすい、モバイルフレンドリーなFlexboxベースのCSSフレームワーク・「Framy」 Framy Framyはシンプルで使いやすくカスタマイズ性も高いモバイルフレンドリーなFlexboxベースのCSSフレームワークです。コンポーネントはコンフリクトフリー(衝突しない)な設計を心がけたそう。LESSがサポートされています...2017.09.26 | 10時05分39秒
一定の幅にテキストをフィットさせてくれるスクリプト・「Fitty」 Fitty Fittyは一定の幅にテキストをフィットさせてくれるスクリプトです。先行スクリプトとしてFitText.jsがありますが、Fittyは軽量で非依存型というメリットがあります。それぞれ特徴は多少異なるので用途次第で使い分ける...2017.09.25 | 10時03分46秒
グラフや図など、データ可視化の表現パターンをギャラリー化して紹介する・「Data Viz Project」 Data Viz Project Data Viz Projectはデータビジュアライズの表現パターンを紹介するプロジェクトサイトです。数値的なデータなどをわかりやすく表現するデータ可視化の表現方法をいろいろと紹介しています。その数、...2017.09.24 | 10時28分44秒
flexboxベースのミニマルなCSSモバイルファーストグリッド・「Plasma Grid」 Plasma Grid Plasma GridはflexboxベースのミニマルなCSSグリッドです。モバイルファーストでレスポンシブ。デフォルトは12カラムですが、カスタマイズ可能との事。Bootstrapの互換モードは準備中だそうで...2017.09.23 | 10時07分06秒
Vue.jsのコンポーネントフレームワーク・「Vuetify」 Vuetify VuetifyはVue.jsのコンポーネントフレームワークです。リユーサブル且つクリーンな設計で使いやすさを重視した印象です。スタイルはマテリアルデザインパターンを導入。沢山のコンポーネントが用意されているので不便はし...2017.09.22 | 11時07分44秒
文章内にグラフを表示するスパークラインを実装出来るOSSなフォント・「Spark」 Spark Sparkは上図のように文章内にグラフを表示させるスパークライン用のフォントです。フォントなのでJSを必要としない、という点がウリみたいです。フォントで実装はちょっと賢いなって思いました。ちょっとしたデータなら場所もとらな...2017.09.21 | 10時43分57秒
Webデザインギャラリーに掲載したWebサイトと連動したカラーパレットサービス・「Colors」 Colors ColorsはWebデザインギャラリーに掲載したWebサイトと連動したカラーパレットツールです。本サービス開発者が並行して運営しているギャラリーのPixelsで掲載したWebサイトに連動させて作られたカラーパレット、とい...2017.09.20 | 10時35分08秒
ユニークな動きも用意されたCSSアニメーションライブラリ・「Dynamic.css」 Dynamic.css Dynamic.cssはユニークな動きも用意されたCSSアニメーションライブラリです。動きも、というかほとんどがちょっとネタっぽいというか使いどころが限定されそうな印象。こういう選択肢もあるといいかも、というこ...2017.09.19 | 11時11分18秒
FeatherやFont Awesomeなどのアイコンを色やサイズをパスに指定するだけで表示できる・「icongram」 icongram icongramはサイズや色をURLに指定するだけで表示出来るサービスです。一時期はやったダミー画像サービスの表示方法やUnsplash itのようにパスにオプションを指定して表示させる事ができる、というもの。パ...2017.09.18 | 10時48分25秒
人物の顔写真を解析して、その顔を自動で3D化する・「3D Face Reconstruction」 3D Face Reconstruction 3D Face Reconstructionは人物の顔写真を解析、自動で顔を3D化するプロジェクトです。画像から人物の顔を検出し、形状を解析して3Dモデルを自動作成する、というもの。以前に...2017.09.17 | 9時58分20秒
クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」 Pantone colors Pantone colorsはPantoneの色名をクリックするだけでhexコードでコピーできるツールです。Pantone社が提供する色見本帳にある色名、いわゆるPantoneカラーをCSS等で使えるよう...2017.09.16 | 11時11分12秒
フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」 Front-end Tools Front-end Toolsはフロントエンド開発に貢献してくれそうなツールやフレームワーク、リソースやニュース記事等を収集しているWebサイトです。大量のツールがキュレーション、検索出来るというシンプ...2017.09.15 | 10時04分51秒
24時間でタスクが自動削除される超シンプルなTodoアプリ・「Gone」 Gone Goneは24時間で書いたタスクが自動削除される超シンプルなTodoアプリです。1日のタスクのみというピンポイントな用途ですが、広告も無いしメニューやツールバーもなく、自分で作成したタスクのみが表示されます。一応ライト/ダー...2017.09.14 | 10時09分15秒
AIによって作られたカラフルなCSSフレームワーク・「Unnamed」 Unnamed UnnamedはAIによって作られたCSSフレームワーク・・・だそうです。経緯とか方法とか書かれておらず、AIで作ったとしか書かれてないので詳細は不明です。AI作って意味ではよくできてるなぁという印象ですが、CSSフレ...2017.09.13 | 11時42分40秒
タイポグラフィの為のデザインギャラリー・「fontinspiration.com」 fontinspiration.com fontinspiration.comはタイポグラフィの為のデザインギャラリーサイトです。ロゴのアイデアやグラフィックデザインなど、フォントを活用したデザインをキュレート、ギャラリーとして公開し...2017.09.11 | 10時41分15秒