HTML、CSS、JavaScriptの機能をシンプルに教えてくれる・「simpl.info」
simpl.info simpl.infoはHTML、CSS、JavaScriptの機能をシンプルに教えてくれるプロジェクトサイトです。よくあるスニペットコードの紹介ではなく、標準でこんなAPIあるよ、このAPIでこんなこと出来るよ、...
Resource - シンプル
Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」
Flat Remix CSS Library Flat Remix CSS Libraryは開発スピード向上をサポートするCSSライブラリです。基本的な要素のスタイルが施されているので開発に専念できる、みたいな流れを期待したもののよう...
料金表やランディングページ、製品紹介ページなど、コンバージョンに関わるWebデザインのみをコレクションする・「Pages」
Pages Pagesは製品やサービスの料金表ページやLP、プロダクトの紹介ページ、アプリ紹介ページなど、コンバージョンに大きく関わるWebページのみに焦点を絞った良質なWebデザインのみをコレクションしたギャラリーサイトです。以前ご...
スライドをチームで手軽に作成、公開できるプレゼンツール・「Paste」
Paste Pasteは手軽にチームでスライドを作成、シェアできるオンラインのプレゼン支援ツールです。ログインはGoogleかSlackアカウントでログイン可能で、デッキの各ページの編集も簡単に作成できます。テキストの挿入はもちろん、...
シンプルで直感的なSCSSフレームワーク・「FICTOAN」
FICTOAN FICTOANは直感的に使えるシンプルなSCSSフレームワークです。horizontal-center-thisなどといった分かりやすさ重視のclass命名、モジュール式で必要なものを必要な時に読み込むことでライトに使...
ElectronベースのオープンソースなMarkdownエディタ・「Mark Text」
Mark Text Mark TextはElectronベースのオープンソースなMarkdownエディタです。CommonMarkやGitHub Flavored Markdownもサポートされています。リアルタイムプレビューにはsn...
プログラマーの為のブログプラットフォーム・「Boostlog」
Boostlog Boostlogはプログラマーの為のブログプラットフォームです。非常にシンプルなUIでストレスなく書くことができます。ログインはGithubアカウントを使います。提供元はプログラマー向けのオープンソースなメモアプリ、...
CSSグラデーションを直感的な操作で作成できる・「GradPad」
GradPad GradPadは直感的な操作でCSSグラデーションを作成できるツールです。よくあるジェネレーターと言われればそれまでなんですが、個人的には使用感が凄く良いと感じたので備忘録的に書いてます。2つのボタンを動かすことでグラ...
無料で使えるシンプルなマインドマップツール・「MapsOfMind」
MapsOfMind MapsOfMindは無料で使えるマインドマップ作成ツールです。マップは無料版でも無制限に作ることができます。1つのボックス内にはTodoリストやコメント等が追加可能で、テキストはリッチテキストエディタが利用でき...
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は様々な計算機を探せる計算機検索サイトです。埋め込み用のコードも発行してくれます。計算機はビジネス向け、建築関係向け、数学や物理、ファイナンス、フィットネス等のカテゴリに分...
請求書を作成できるオープンソースのデスクトップアプリ・「Manta」
Manta MantaはOSSの請求書作成ツールです。手軽に作成可能で、テンプレートのカスタマイズも出来るみたい。Electronが使われているので各OSで動作します。多言語化対応しており、日本語化も可能です。本ツールでは翻訳プラット...
3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」
Half Second Hamburger Helper See the Pen Half Second Hamburger Helper by Kurt Petrek (@KPCodes) on CodePen. Half Sec...
リンク集単位で共有するブックマークサービス・「Linqes」
Linqes Linqesはリンク集ごとに共有できるブックマークサービスです。１つのテーマに沿ってリンクをまとめて、そのリンク集を共有する、みたいなもの。最初はキュレーションの共有サービスみたいな感じかと思ったんですけど、説明を見ると...
Webサイトのmetaタグをチェックし、OGPタグ等のコードを生成してくれる・「HEY META」
HEY META HEY METAはWebサイトのmetaタグをチェックし、生成してくれるWebサービスです。SNS等でシェアされた際にどのようなソーシャルカードが表示されるか、サムネイルの設定やタイトルは適切かどうかをチェックし、コ...
Githubでファイルのアイコンを分かりやすく変更するブラウザ拡張・「GitHub File Icon」
GitHub File Icon GitHub File IconはGithubのリポジトリのページでファイル名脇のアイコンを分かりやすいアイコンに変更するブラウザ拡張です。ChromeとFirefox用が用意されています。アイコンは...
美しいグラデーションをリスト化、編集やCSSコードのコピーも出来る・「CSS GEARS」
CSS GEARS CSS GEARSは美しいグラデーションを公開しているプロジェクトサイトです。各グラデーションは編集も可能で、CSSコードをコピーする事も可能です。マウスホバーで左右にボタンが出ますので、カラーコードを直接編集する...
チームで情報を管理、共有するためのオンラインツール・「Tixio」
Tixio Tixioはチームで情報を管理、共有できるツールです。ブックマークの延長・・みたいな印象でした。ボードに任意のウィジェットを作成、複数リンクをグルーピングする、みたいなもの。グループは一括で開くこともできます。また、簡易的...
縦横のサイズを入力するとアスペクト比の比率を算出してくれるシンプルな計算機・「AspectRat.io」
AspectRat.io AspectRat.ioはアスペクト比率計算ツールです。縦と横の数値を入力するとそのオブジェクトのアスペクト比率を算出してくれる、というもの。また、iPhone等のデバイスも選べるようになっています。本ツール...