文章内にグラフを表示するスパークラインを実装出来るOSSなフォント・「Spark」
Spark Sparkは上図のように文章内にグラフを表示させるスパークライン用のフォントです。フォントなのでJSを必要としない、という点がウリみたいです。フォントで実装はちょっと賢いなって思いました。ちょっとしたデータなら場所もとらな...
Resource - Webディレクター向け
Webデザインギャラリーに掲載したWebサイトと連動したカラーパレットサービス・「Colors」
Colors ColorsはWebデザインギャラリーに掲載したWebサイトと連動したカラーパレットツールです。本サービス開発者が並行して運営しているギャラリーのPixelsで掲載したWebサイトに連動させて作られたカラーパレット、とい...
FeatherやFont Awesomeなどのアイコンを色やサイズをパスに指定するだけで表示できる・「icongram」
icongram icongramはサイズや色をURLに指定するだけで表示出来るサービスです。一時期はやったダミー画像サービスの表示方法やUnsplash itのようにパスにオプションを指定して表示させる事ができる、というもの。パ...
人物の顔写真を解析して、その顔を自動で3D化する・「3D Face Reconstruction」
3D Face Reconstruction 3D Face Reconstructionは人物の顔写真を解析、自動で顔を3D化するプロジェクトです。画像から人物の顔を検出し、形状を解析して3Dモデルを自動作成する、というもの。以前に...
クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」
Pantone colors Pantone colorsはPantoneの色名をクリックするだけでhexコードでコピーできるツールです。Pantone社が提供する色見本帳にある色名、いわゆるPantoneカラーをCSS等で使えるよう...
フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」
Front-end Tools Front-end Toolsはフロントエンド開発に貢献してくれそうなツールやフレームワーク、リソースやニュース記事等を収集しているWebサイトです。大量のツールがキュレーション、検索出来るというシンプ...
24時間でタスクが自動削除される超シンプルなTodoアプリ・「Gone」
Gone Goneは24時間で書いたタスクが自動削除される超シンプルなTodoアプリです。1日のタスクのみというピンポイントな用途ですが、広告も無いしメニューやツールバーもなく、自分で作成したタスクのみが表示されます。一応ライト/ダー...
タイポグラフィの為のデザインギャラリー・「fontinspiration.com」
fontinspiration.com fontinspiration.comはタイポグラフィの為のデザインギャラリーサイトです。ロゴのアイデアやグラフィックデザインなど、フォントを活用したデザインをキュレート、ギャラリーとして公開し...
色名のない色に名前をつけよう、というプロジェクト・「color-names」
color-names color-namesは名前のない色に名前をつけよう、というプロジェクトです。現在10754の色に名前を付けたそうです。もちろん、他国では色名が無いけど日本には存在する色名は沢山ありますし、既存の色でも国によっ...
現在の時刻に応じて、時刻に見合ったさまざまなメッセージを表示出来るスクリプト・「tidyTime.js」
tidyTime.js tidyTime.jsは現在の時刻に応じて、その時刻に見合ったメッセージを表示できるスクリプトです。例えば11時まであと15分です、とか朝の9時丁度になりました、とか22時を7分過ぎました、とか。また、前後にメ...
任意のテキストにさまざまなアニメーションエフェクトを付与するスタイルシート・「cssanimation」
cssanimation See the Pen Snake css text animation by cssanimation.io by kachibito (@kachibito) on CodePen. cssanim...
数式を専門とするオンラインのWYSIWYGエディタ・「Mathcha」
Mathcha Mathchaは数式専門のオンラインWYSIWYGエディタです。複雑な数式をWYSIWYGライクなツールで記述、可視化することが出来ます。ダイアグラム等にも対応しており、書いた式にはURLが発行、シェアする事も出来る他...
Chromeの強力なタブ管理エクステンション・「Freezetab」
Freezetab Freezetabはブラウザの強力なタブ管理Chromeエクステンションです。ブラウザブックマーク機能の代替として機能出来るんだそう。開いているタブのブックマーク、一括ブックマーク、ブックマークアイテムのグルーピン...
縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」
jquery.stickyTableHeader jquery.stickyTableHeaderは縦に長くなったtableのヘッダをfixedにするスクリプトです。下にスクロールしてもヘッダだけ固定される、というよくあるやつ。...
シンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワーク・「TURRETCSS」
TURRETCSS TURRETCSSはシンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワークです。JavaScriptは併用されていません。パフォーマンスが重視されており、軽量高速なWebサイト構築に貢献して...
Vue.jsに関するリソースやコンポーネント、フレームワーク等を大量にまとめたコレクション・「Awesome Vue.js」
Awesome Vue.js Awesome Vue.jsはVue.js関連のさまざまな情報をまとめたコレクションです。リソースやライブラリ、コンポーネント、フレームワーク、ツールやユーティリティ等が大量に纏められています。大分前から...
国産のオープンソースなメモアプリ、Boostnoteのスマフォアプリ版・「Boostnote mobile」
Boostnote mobile Boostnote mobileは以前ご紹介したプログラマー向けのOSSなメモアプリのスマフォ版です。こちらも同様に、Markdown記法でメモを取ることが出来るようになっています。React Nat...
Vue.jsベースのフロントエンドUIフレームワーク・「AT UI」
AT UI AT UIはVue.jsベースのフロントエンドなUIキットです。軽量でモジュラー形式のUIフレームワークだそう。ES2015/ES6サポート、npm+webpack+babelな開発ワークフロー等が特徴とのことです。ボタン...
Vue.jsに影響を受けたシンプルで軽量なライブラリ・「Moon」
Moon MoonはVue.jsにインスパイアされた軽量なJSライブラリです。高速でフレキシブル、学習コストも低く、シンプルで軽量ながら高いパフォーマンスと、直感的でわかりやすいAPIが特徴とのこと。vueがmin+gzipで20kb...
SVGで波状のグラデーションを生成するジェネレーター・「SVG Gradient Wave Generator」
SVG Gradient Wave Generator See the Pen SVG Gradient Wave Generator by kachibito (@kachibito) on CodePen. SVG Gradie...
WordPressのテーマ開発フローを強化するOSSのWPテーマスターター・「Tonik」
Tonik TonikはWordPressのテーマ開発ワークフローを強化するWPテーマのスターターキットです。ES6やwebpack、SASSやFoundationなど、モダンな開発環境が整えられたセットとなっています。Compose...
要素をアニメーションさせながら表示/非表示するCSS・「vhs」
vhs vhsは要素にアニメーションエフェクトを与え、表示/非表示させる為のスタイルシートです。blurや点滅、zoom等でアニメーションしながら表示させたり非表示にしたり出来る、というもの。classを付与するだけのお手軽仕様です。...