シンプルで見やすいチャートを生成できるライブラリ・「TOAST UI Chart」 TOAST UI Chart TOAST UI Chartはシンプルで見やすいチャートを生成できるJavaScriptライブラリです。ラインやバー、パイ、マップなどよく使われるチャートタイプから、他のタイプの様々なチャートもサポートし...2018.04.06 | 10時30分29秒
Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」 Flat Remix CSS Library Flat Remix CSS Libraryは開発スピード向上をサポートするCSSライブラリです。基本的な要素のスタイルが施されているので開発に専念できる、みたいな流れを期待したもののよう...2018.03.27 | 10時19分36秒
Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」 Vue Design System Vue Design SystemはVue.jsベースのUIデザインシステムです。チームで使う事を想定されているようで、使用者がHTML、SCSS、JavaScriptを扱ったWebアプリ開発の基礎...2018.03.23 | 11時02分20秒
シンプルでオープンソースなRSSフィードリーダー・「Sismics Reader」 Sismics Reader Sismics ReaderはシンプルでOSSなRSSフィードリーダーです。はっきりと明言はされていませんが故Gopogleリーダーの機能をほぼ含んでいるとの事で、クローンに近い印象です。OPMLインポー...2018.03.22 | 10時22分54秒
シンプルで直感的なSCSSフレームワーク・「FICTOAN」 FICTOAN FICTOANは直感的に使えるシンプルなSCSSフレームワークです。horizontal-center-thisなどといった分かりやすさ重視のclass命名、モジュール式で必要なものを必要な時に読み込むことでライトに使...2018.03.21 | 11時40分34秒
BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」 tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている...2018.03.20 | 10時33分55秒
エキセントリックなエフェクトを付与できるユニークなCSSアニメーションライブラリ・「Woah.css」 Woah.css Woah.cssはエキセントリックなエフェクトを要素に付与できるCSSアニメーションライブラリです。ちょっとネタに近いというか多分ネタだと思う程度には奇抜な動作をします。用途は・・個人的にはなさそうです。ただ、CSS...2018.03.18 | 10時07分25秒
ElectronベースのオープンソースなMarkdownエディタ・「Mark Text」 Mark Text Mark TextはElectronベースのオープンソースなMarkdownエディタです。CommonMarkやGitHub Flavored Markdownもサポートされています。リアルタイムプレビューにはsn...2018.03.16 | 12時11分14秒
軽量でモバイルファーストなCSSフレームワーク・「Beauter」 Beauter Beauterは軽量でモバイルファーストなCSSフレームワークです。従来品と異なるのはBOLという実験的な命名規則を導入している点です。BOLは.base(基本クラス)、.-object(オブジェクトクラス)、._la...2018.03.15 | 11時00分23秒
非依存で軽量の、Webサイト内をハイライトで案内するWebサイトツアー実装スクリプト・「Driver」 Driver DriverはWebページを案内するページツアーを実装するスクリプトです。たまに見かける、任意の場所をハイライトしてユーザーにWebページの使い方等を教える、というもの。単純にハイライトするだけ、ハイライトせずツール...2018.03.13 | 10時09分19秒
デフォルトのスタイルを最小限に抑えられたシンプルなclassで管理する事を目指したCSSフレームワーク・「InvisCss」 InvisCss InvisCssはデフォルトのスタイルを最小限に抑えた、シンプルな命名規則で付けられたclassで管理できるCSSフレームワークです。Bootstrapを意識し、スタイルを作りこまないようにしつつもテーマを用意、cl...2018.03.12 | 10時50分47秒
スクロールに応じて任意のCSSアニメーションを要素に付与するスクリプト・「Delighters.JS」 Delighters.JS Delighters.JSはページスクロールに応じて要素に任意のCSSアニメーションを付与できるスクリプトです。よく見かけるやつです。個人的には多くの場合、嫌でも目にしっかり入ってくるくらいの派手なエフェク...2018.03.11 | 10時28分36秒
Go製のPocketクローンとして公開されたオープンソースのブックマークマネージャ・「shiori」 shiori shioriはGoで書かれたPocketクローンです。Pocket同様に任意のWebページをブックマーク及び管理、さらにPocketの特徴でもあるオフラインでの確認も可能、というもの。Netscape Bookmarkフ...2018.03.08 | 10時36分32秒
FlexboxベースのレスポンシブなWebサイトを構築するプロジェクトの開発をサポートするCSSフレームワーク・「Frow CSS」 Frow CSS Frow CSSはFlexboxベースのRWDなWebサイト構築の開発スピードを上げるためのフレームワークです。様々なグリッドに対応、フォームやユーティリティも揃えられています。npmやBower、CDNも対応、SA...2018.03.02 | 11時15分22秒
解析機能も付いたオープンソースの短縮URLツール・「Kutt」 Kutt Kuttは解析機能も付いたOSSのURL短縮ツールです。短縮されたURLの管理と解析が可能で、パスワード付きでの発行も出来るようです。p.tlやtr.imのように、いつサービスが終了するか分からない、終了したらデッドリンクと...2018.02.19 | 10時47分24秒
CSS変数を利用したパララックスエフェクトをサポートするライブラリ・「basicScroll」 basicScroll See the Pen basicScroll Default Demo by Tobias Reich (@electerious) on CodePen. basicScrollはCSS変数を利用して...2018.02.16 | 11時17分09秒
項目数が多くなったリストやテーブルを自動で複数ページに分割し、ページネーションを加えるスクリプト・「paginathing.js」 paginathing.js paginathing.jsは長くなったリストやテーブルを複数ページに分割するスクリプトです。jQueryに依存します。ページネーションも自動で付与します。オプションで1ページに表示するアイテム数やリ...2018.02.13 | 10時42分45秒
フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」 Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛...2018.02.11 | 10時08分06秒
超ミニマルなオープンソースのテキストエディタ・「Left」 Left Leftは超ミニマルなテキストエディタです。オープンソースとして公開されています。機能もUIも非常にシンプルに作られており、保存含め、主な操作はショートカットキーで行います。#や-を使えば左ペインにページ内リンクを作成する事...2018.01.29 | 11時06分35秒
MarkdownもサポートのOSSな同期機能付きノートアプリ・「Joplin」 Joplin JoplinはMarkdown記法もサポートしたオープンソースの同期機能付きノートアプリです。各OSで動作するようです。また、Evernoteのエクスポートデータもサポートしているそう。これはよさげ。ライセンスはMIT。...2018.01.24 | 11時15分20秒
iPhone Xや8、Galaxy S8、MacBookやApple Watchなど様々なデバイスのモックアップを作れるスタイルシート・「Devices.css」 Devices.css Devices.cssはiPhone Xや8、Galaxy S8、MacBookやApple Watch、Surfaceなどモダンなデバイスのモックアップを表現できるCSSのセットです。かなり大昔にご紹介したの...2018.01.21 | 10時01分17秒
使いやすそうな太線のSVGアイコンのセット・「Heroicons UI」 Heroicons UI Heroicons UIは使いやすそうな太線のSVGアイコンのセットです。104のアイコンが用意されているようです。見た目も柔らかで見やすい気がします。アプリのUI用に作ったそうです。本アイコンはGithub...2018.01.19 | 10時13分50秒