flexboxベースの軽量なCSSマイクロフレームワーク・「Strawberry」
Strawberry Strawberryはflexboxベースの軽量なCSSフレームワークです。圧縮版で30kbほどのようです。グラフィックに関わるスタイルは無く、各classにはプリフィクスが付いているので既存CSSに組み込んでも...
Resource - Webデザイナー向け
Webでファイルを管理するためのOSS・「File Browser」
File Browser File BrowserはWebでファイルを管理するためのソフトウェアです。ファイルの作成、編集、コピー、移動、ダウンロードが可能なセルフクラウドとしての利用を目的としているのだそう。Goで書かれています。他...
かわいいイラストのオープンソースな絵文字プロジェクト・「OpenMojis」
OpenMojis OpenMojisはかわいいイラストのオープンソースの絵文字プロジェクトです。かなり大量の絵文字アイコンが作成、公開されています。ブラウザで対応されたアイコンでも十分ですし、ライセンスもCC BY-SA 4.0なの...
ミニマルを意識しつつ、出来る限り使いやすいCSSフレームワークを目指した・「boba」
boba bobaはミニマル設計を意識しつつも、必要最低限ではなく、出来る限り使いやすさを追求した、バランスの取れたCSSフレームワークです。有名なCSSフレームワークは肥大化しすぎ、敬遠したフレームワークはミニマルすぎる等、世にある...
画像内の人物のみを自動で綺麗に切り取ってくれるWebアプリ・「remove.bg」
remove.bg remove.bgは画像内の人物のみを自動で綺麗に切り取ってくれるWebアプリです。画像をアップロードするか画像URLを指定するだけでその画像内の人物だけを切り取り、背景を透過してpngでダウンロードできる、という...
コードスニペットをシンプルに管理できるOSSのデスクトップアプリ・「Forge」
Forge Forgeはコードスニペットをシンプルに管理できるデスクトップアプリです。各OSに対応しており、OSSとしてソースコードも公開されています。特に大きな特徴も画期的な機能等はなく、コードスニペットを記録、コピーしやすいように...
Webサイト制作におけるワークフローを邪魔しない超シンプルなCSSデバッグ・「DebuCSSer」
DebuCSSer See the Pen DebuCSSer by Lucagez (@lucagez) on CodePen. DebuCSSerは超シンプルなCSSデバッグツールです。Webサイト制作時のワークフローを邪魔しな...
CSSやHTMLのコードサンプルを収集している・「FREE FRONTEND」
FREE FRONTEND FREE FRONTENDはCSSやHTMLを使ったUIコンポーネントやエフェクトなどのコードサンプルをまとめ記事にして収集しているWebサイトです。モダンなスタイルのフォームやホバーエフェクトのサンプル、...
NES.cssにインスパイアされたPlaystation 1スタイルのCSSフレームワーク・「PSone.css」
PSone.css PSone.cssは先日ご紹介したNES.cssにインスパイアされたCSSフレームワーク。こちらはPlaystation 1スタイルとなっています。NES.cssは現在Githubでもすごく話題になっているので他に...
超シンプルなブログシステムを作るためのオープンソースなフレームワーク・「Phost」
Phost Phostはオープンソースで公開されているブログフレームワークです。非常にシンプルで、カスタマイズしやすく設計されているようです。必要最低限の機能を備えているので1から作る手間を省くのが目的のようです。動作環境はPHP 5...
ミニマルで軽量、使いやすいTodoアプリ・「TodoHQ」
TodoHQ TodoHQはミニマルで軽量、使いやすいTodoアプリです。WebアプリですがRWD対応でスマフォからでもアクセス、利用できるようになっています。ログインはFacebookアカウントでも可能です。Reactと良いUIを作...
多機能なカラーピッカーを使えるChromeエクステンション・「Color by Fardos」
Color by Fardos Color by Fardosは多機能なカラーピッカーを使えるChrome拡張です。通常のカラーピッカーやカラー検索ツール、グラデーションツール、スポイトツールをコンパクトなエリアで使える、というもの。...
ファミコン風のスタイルを提供してくれるCSSフレームワーク・「NES.css」
NES.css NES.cssはファミコン（NES）ライクなスタイルを提供してくれるCSSフレームワークです。ダーシノ(@bc_rikko)さんの作られた国産フレームワークで、あくまでスタイルの提供となっています。僕自身もファミコン年...
シンプルで軽量、扱いやすいベーシックなCSSフレームワーク・「minstyle.io」
minstyle.io minstyle.ioはシンプルで軽量、扱いやすいCSSフレームワークです。minstyleの頭文字をプレフィクスに、要素の名称を付与する命名規則となっており、ユニーク且つ分かりやすい、学習コストを低くしつつも...
モバイルフレンドリーで軽量、高速なコンテンツスライダーを実装できるスクリプト・「Glider.js」
Glider.js Glider.jsはモバイルフレンドリーなコンテンツスライダーを実装できる軽量で高速なスクリプトです。使い方も簡単で動作も軽量(圧縮版で2.5kbほど)、マークアップもシンプルな状態を保てますので使い勝手も良い印象...
シンプルで見やすいフローチャートやワイヤーフレームを簡単に作成できる・「Whimsical」
Whimsical Whimsicalはシンプルで見やすいフローチャートやワイヤーフレームを作成、DLしたりシェアできるWebアプリです。よくあるやつですが最低限の機能を揃えつつも使いやすく分かりやすいUIという印象です。現在はフロー...
シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」
Lath Lathはシンプルで美しく見やすいBootstrapベースのadminテンプレートです。スタイルも完成されている印象で、プロジェクトのキックスタートに使って欲しいとの事で、管理画面のスタイリングをしなくても済ませられる、とい...
MediumやDropbox Paperなどのようなリッチテキストエディタを実装する為のフレームワーク・「Slate」
Slate Slateはリッチテキストエディタを作るためのフレームワークです。MediumやDropbox PaperやGoogle Docsといった、性質の異なる様々なリッチテキストエディタの構築をサポートしてくれます。Draft....
レスポンシブなWebページを簡単に作成できるWebページビルダーを作るためのスクリプト・「GrapesJS」
GrapesJS GrapesJSはWebページを簡単な操作で作成できるWebページビルダーを構築する為のスクリプトです。CMS等に内蔵させて管理画面内で動作させるのが主な目的のようです。以前からありましたが、非依存型になる等かなり改...
ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」
PALX PALXはベースカラーを指定するだけでカラーパレットをジェネレートしてくれるカラーツールです。フルスペクトラムなカラーパレットとして生成、変数を使ったCSSやJSON、Sassなどで利用できるようになっています。ドメイン/カ...
円グラフや棒グラフなど、様々なチャートを作成し、画像でDLしたりシェアできる・「Chartify」
Chartify Chartifyはブラウザで様々なチャートを作成、画像でダウンロードできるチャート作成ツールです。円や棒、折れ線、ドーナツなど、多くはありませんが必要最最低限は揃えられている印象で、使い方も概ねマウスのみで完結する手...
任意のWebサイトへのアクセスを不可にするChromeエクステンション・「Just Focus」
Just Focus Just Focusは任意のWebサイトへのアクセスを禁止してくれるChrome拡張です。非常にシンプルなもので、アクセスを自分自身に禁止したいURLを入力すれば自動でJust FocusのWebページにリダイレ...