スマフォやタブレット向けのプロトタイピングツール・「MockingBot」
MockingBot MockingBotはスマフォやタブレット向けのプロトタイピングツールです。使いやすさに拘って開発したそうで、頭痛がおきない使い勝手の良さが特長だそうです。触った感想は、頭痛が起きるかどうかは個人によりけりでしょ...
Resource - Webデザイナー向け
すっきりしたデザインのランディングページをコレクションしたギャラリーサイト・「Hyperpixel」
Hyperpixel HyperpixelはすっきりしたデザインのLPをコレクションしたWebデザインギャラリーサイトです。そういったもの中心に集めているという説明はありませんので個人的な主観ですが、見やすいものばかりが集められている...
CSSグラデーションを直感的な操作で作成できる・「GradPad」
GradPad GradPadは直感的な操作でCSSグラデーションを作成できるツールです。よくあるジェネレーターと言われればそれまでなんですが、個人的には使用感が凄く良いと感じたので備忘録的に書いてます。2つのボタンを動かすことでグラ...
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変数を利用して...
項目数が多くなったリストやテーブルを自動で複数ページに分割し、ページネーションを加えるスクリプト・「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で使いや...
画像を一瞬で任意の色のツートンカラーに変換する・「Duotone」
Duotone Duotoneは任意の画像、またはunsplashの画像を任意の2色トーンに変換してダウンロードできるWebサービスです。画像はアップロードした瞬間に変更、即DLが可能です。動作はかなり軽い、というか待ち時間ほぼ0で変...
テンプレートをカスタマイズして手軽にSVGの背景を作成できる・「SVG Backgrounds」
SVG Backgrounds SVG Backgroundsは好みのテンプレートを選んで簡単にカスタマイズ、SVG背景として利用できるジェネレーターです。30種ほどのテンプレートが用意されており、それぞれ色やサイズを変更する事ができ...
CSS Gridを使ったWebサイトのギャラリーサイト・「Grid Examples」
Grid Examples Grid ExamplesはCSS Gridを実際に使用してレイアウトを組んでいるWebサイトのギャラリーサイトです。実例を見て学ぼう、みたいな趣旨みたいです。が、まだほとんど集まってないみたいなですね。自...
必要なものだけ揃えられたベーシックなCSSのboilerplate・「roolith」
roolith roolithは必要最低限のものだけ揃えたCSSのboilerplateです。タイポグラフィやボタン、カラースキーム、グリッドやRWDの為のブレークポイント、各ナビゲーションやフォームからヘルパークラスまで、分かりやす...
旧Windowsのペイントツールを再現したWebベースのペイントアプリ・「JS Paint」
JS Paint JS Paintは旧WindowsのペイントツールのUIを再現したペイントアプリです。95～XP時代のものだったと思いますが違ったらごめんなさい。特に何か大きな目的があったりプロジェクトだったりというわけではなく、単...
超ミニマルなオープンソースのテキストエディタ・「Left」
Left Leftは超ミニマルなテキストエディタです。オープンソースとして公開されています。機能もUIも非常にシンプルに作られており、保存含め、主な操作はショートカットキーで行います。#や-を使えば左ペインにページ内リンクを作成する事...
手軽にランディングページを作成できる・「Launchaco」
Launchaco Launchacoはスタートアップの為のLPビルダーです。ランディングページを手軽に作成、公開できる、というもの。作成時にユーザー登録せずに作成する事が可能で、公開する時にユーザー登録する形となるのでお試しで作成で...
品質の高めな写真をCC0で無料配布するストックフォト・「mmt」
mmt mmtは高品質な写真素材を著作権放棄（CC0）で配布するストックフォトサービスです。今ではあまり珍しくなくなってしまいましたが、いくらあっても困らないのでどんどん出てほしいところですね。色とカテゴリから探せるようになっています...
MarkdownもサポートのOSSな同期機能付きノートアプリ・「Joplin」
Joplin JoplinはMarkdown記法もサポートしたオープンソースの同期機能付きノートアプリです。各OSで動作するようです。また、Evernoteのエクスポートデータもサポートしているそう。これはよさげ。ライセンスはMIT。...
Product Huntで投票の多かったコンテンツからカラースキームを作成、公開している・「COLORWISE」
COLORWISE COLORWISEはコンテンツの投票サイト、Product Huntで投票数の多かったコンテンツが使っているカラースキームを公開しているプロジェクトです。投票が多い＝人気が出たコンテンツからカラーインスピレーション...
3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」
Half Second Hamburger Helper See the Pen Half Second Hamburger Helper by Kurt Petrek (@KPCodes) on CodePen. Half Sec...
使いやすそうな太線のSVGアイコンのセット・「Heroicons UI」
Heroicons UI Heroicons UIは使いやすそうな太線のSVGアイコンのセットです。104のアイコンが用意されているようです。見た目も柔らかで見やすい気がします。アプリのUI用に作ったそうです。本アイコンはGithub...
BootstrapやFoundationに対応の高性能テーマビルダー・「Gridbox」
Gridbox GridboxはBootstrapやFoundationに対応のテーマビルダーです。無料で利用可能で、ドラッグ&ドロップでコンテナを追加、index以外の別ページの作成、細かなデザイン設定、RWDのプレビュー確認機能、...