Bootstrap 4向けのオープンソースなダッシュボード用テンプレート・「Now UI Dashboard」
Now UI Dashboard Now UI DashboardはBootstrap 4向けのOSSなダッシュボード用テンプレートです。目に優しいカラースキーム、見やすいUI等を意識して作られたそうです。OSSですが、有償プランも用...
Resource - Webディレクター向け
スマフォやタブレット向けのプロトタイピングツール・「MockingBot」
MockingBot MockingBotはスマフォやタブレット向けのプロトタイピングツールです。使いやすさに拘って開発したそうで、頭痛がおきない使い勝手の良さが特長だそうです。触った感想は、頭痛が起きるかどうかは個人によりけりでしょ...
すっきりしたデザインのランディングページをコレクションしたギャラリーサイト・「Hyperpixel」
Hyperpixel HyperpixelはすっきりしたデザインのLPをコレクションしたWebデザインギャラリーサイトです。そういったもの中心に集めているという説明はありませんので個人的な主観ですが、見やすいものばかりが集められている...
CSSグラデーションを直感的な操作で作成できる・「GradPad」
GradPad GradPadは直感的な操作でCSSグラデーションを作成できるツールです。よくあるジェネレーターと言われればそれまでなんですが、個人的には使用感が凄く良いと感じたので備忘録的に書いてます。2つのボタンを動かすことでグラ...
解析機能も付いたオープンソースの短縮URLツール・「Kutt」
Kutt Kuttは解析機能も付いたOSSのURL短縮ツールです。短縮されたURLの管理と解析が可能で、パスワード付きでの発行も出来るようです。p.tlやtr.imのように、いつサービスが終了するか分からない、終了したらデッドリンクと...
Webサイトで未使用のCSSセレクタを教えてくれるツール・「Unused CSS」
Unused CSS Unused CSSはWebサイトで未使用のCSSセレクタを抽出してくれるWebサービスです。内部リンクをたどって複数ページを一括で解析、抽出してくれる、というものですが、現在ベータ版の為か100ページの解析に制...
CSS変数を利用したパララックスエフェクトをサポートするライブラリ・「basicScroll」
basicScroll See the Pen basicScroll Default Demo by Tobias Reich (@electerious) on CodePen. basicScrollはCSS変数を利用して...
無料で使えるシンプルなマインドマップツール・「MapsOfMind」
MapsOfMind MapsOfMindは無料で使えるマインドマップ作成ツールです。マップは無料版でも無制限に作ることができます。1つのボックス内にはTodoリストやコメント等が追加可能で、テキストはリッチテキストエディタが利用でき...
項目数が多くなったリストやテーブルを自動で複数ページに分割し、ページネーションを加えるスクリプト・「paginathing.js」
paginathing.js paginathing.jsは長くなったリストやテーブルを複数ページに分割するスクリプトです。jQueryに依存します。ページネーションも自動で付与します。オプションで1ページに表示するアイテム数やリ...
開発者向けのツールやリソースのリストをコレクションしている・「Pretty Awesome Lists」
Pretty Awesome Lists Pretty Awesome Listsは開発者向けのツールやリソースのリストをコレクションしているプロジェクトサイトです。開発者といっても様々ですが、Pretty Awesome Lists...
フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」
Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛...
LateXやiframeのプレビューにも対応したオープンソースのデスクトップMarkdownエディタ・「Abricotine」
Abricotine AbricotineはOSSなデスクトップ用Markdown(GFMもサポート)エディタです。ベータ版ではあるものの、WindowsやOS X、Linuxなど各OSで動作するようです。非常にシンプルなUIで使いや...
圧縮ツールやCSVコンバーター等、シンプルなツールをいくつか公開している・「hreftools.com」
hreftools.com hreftools.comは地味に便利なツールを公開するWebサイトです。先発のツール集サイトよりも数は圧倒的に少ないですが、個人的には結構気に入ったのでメモとして。おいてあるツールはHTML、CSS、Ja...
画像を一瞬で任意の色のツートンカラーに変換する・「Duotone」
Duotone Duotoneは任意の画像、またはunsplashの画像を任意の2色トーンに変換してダウンロードできるWebサービスです。画像はアップロードした瞬間に変更、即DLが可能です。動作はかなり軽い、というか待ち時間ほぼ0で変...
テンプレートをカスタマイズして手軽にSVGの背景を作成できる・「SVG Backgrounds」
SVG Backgrounds SVG Backgroundsは好みのテンプレートを選んで簡単にカスタマイズ、SVG背景として利用できるジェネレーターです。30種ほどのテンプレートが用意されており、それぞれ色やサイズを変更する事ができ...
350ほどの様々な計算機を公開、Webサイトに埋め込みも出来る計算機検索サイト・「Omni Calculator」
Omni Calculator Omni Calculatorは様々な計算機を探せる計算機検索サイトです。埋め込み用のコードも発行してくれます。計算機はビジネス向け、建築関係向け、数学や物理、ファイナンス、フィットネス等のカテゴリに分...
CSS Gridを使ったWebサイトのギャラリーサイト・「Grid Examples」
Grid Examples Grid ExamplesはCSS Gridを実際に使用してレイアウトを組んでいるWebサイトのギャラリーサイトです。実例を見て学ぼう、みたいな趣旨みたいです。が、まだほとんど集まってないみたいなですね。自...
必要なものだけ揃えられたベーシックなCSSのboilerplate・「roolith」
roolith roolithは必要最低限のものだけ揃えたCSSのboilerplateです。タイポグラフィやボタン、カラースキーム、グリッドやRWDの為のブレークポイント、各ナビゲーションやフォームからヘルパークラスまで、分かりやす...
請求書を作成できるオープンソースのデスクトップアプリ・「Manta」
Manta MantaはOSSの請求書作成ツールです。手軽に作成可能で、テンプレートのカスタマイズも出来るみたい。Electronが使われているので各OSで動作します。多言語化対応しており、日本語化も可能です。本ツールでは翻訳プラット...
旧Windowsのペイントツールを再現したWebベースのペイントアプリ・「JS Paint」
JS Paint JS Paintは旧WindowsのペイントツールのUIを再現したペイントアプリです。95～XP時代のものだったと思いますが違ったらごめんなさい。特に何か大きな目的があったりプロジェクトだったりというわけではなく、単...
超ミニマルなオープンソースのテキストエディタ・「Left」
Left Leftは超ミニマルなテキストエディタです。オープンソースとして公開されています。機能もUIも非常にシンプルに作られており、保存含め、主な操作はショートカットキーで行います。#や-を使えば左ペインにページ内リンクを作成する事...
手軽にランディングページを作成できる・「Launchaco」
Launchaco Launchacoはスタートアップの為のLPビルダーです。ランディングページを手軽に作成、公開できる、というもの。作成時にユーザー登録せずに作成する事が可能で、公開する時にユーザー登録する形となるのでお試しで作成で...